@charset "UTF-8";

.pht-bg {
	position: relative;
	width: fit-content;
}
.pht-bg:before {
	content: "";
	width: 100%;
	height: 100%;
	background: #002153;
	opacity: 0.1;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: -1;
}

.sp {
	display: none;
}
.tab {
	display: none;
}
.tab-br {
	display: none;
}
@media screen and (max-width: 1500px) {
	.pc-br {
		display: none;
	}
	.tab-br {
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.pht-bg:before {
		top: 1vw;
		left: 1vw;
	}
	.tab {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.pht-bg:before {
		top: 2vw;
		left: 2vw;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}
	




/* co-fv
--------------------- */
.co-fv {
	position: relative;
	margin-top: 120px;
}
	.co-fv .co-fv-inner {
		max-width: 1245px;
		width: 88.93%;
		margin: 0 auto 0 auto;
	}

	.co-fv .lead {
		font-size: 1.6rem;
		text-align: center;
		padding: 100px 0;
		line-height: 2em;
	}
		.co-fv .lead .sub-txt {
			font-size: 1.3rem;
			opacity: 0.6;
		}

	.co-fv .wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		margin-left: 43px;
	}
		.co-fv .wrapper .pht {
			flex-shrink: 0;
			width: 748px;
			margin-left: 40px;
		}
		.co-fv .wrapper .title-box {
			flex-shrink: 1;
		}
			.co-fv .wrapper .title-box .en {
				display: block;
				font-size: 6.8rem;
				line-height: 1;
				font-weight: 500;
				margin-bottom: 20px;
			}
			.co-fv .wrapper .title-box h1 {
				font-size: 1.8rem;
				font-weight: 700;
				line-height: 1.5em;
			}
	
	

	.co-fv .breadcrumb {
		position: absolute;
		top: 0;
		left: 0;
		width: fit-content;
		padding: 2px 23px 23px 40px;
	}
		.co-fv .breadcrumb ul {
			display: flex;
		}	
			.co-fv .breadcrumb ul li {
				line-height: 1;
			}
			.co-fv .breadcrumb ul li .txt {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
				color: #007CB5;
			}

			.co-fv .breadcrumb ul li a {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
			}
			.co-fv .breadcrumb ul li a:hover {
				opacity: 0.7;
			}
			.co-fv .breadcrumb ul li a::before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #002153;
			}
			.co-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				content: "/";
				margin: 0 13px;
			}
@media screen and (max-width: 1400px) {
	.co-fv .wrapper {
		margin-left: 0;
	}
}
@media screen and (max-width: 1260px) {
	.co-fv .co-fv-inner {
		max-width: 1245px;
		width: 100%;
		padding: 0 0 0 7%;
	}
	.co-fv .wrapper .pht {
		width: 600px;
	}
	.co-fv .lead {
		padding: 100px 7% 100px 0;
	}
}
@media screen and (max-width: 1024px) {
	.co-fv {
		margin-top: 12vw;
	}
		.co-fv .co-fv-inner {
			margin: 0 auto 0 auto;
		}

		.co-fv .lead {
			font-size: 1.6vw;
			padding: 10vw 7% 10vw 0;
		}
			.co-fv .lead .sub-txt {
				font-size: 1.3vw;
			}

		.co-fv .wrapper {
			width: 100%;
			margin-left: 0;
		}
			.co-fv .wrapper .pht {
				width: 60vw;
				margin-left: 4vw;
			}
			.co-fv .wrapper .title-box {
				flex-shrink: 1;
			}
				.co-fv .wrapper .title-box .en {
					font-size: 6.8vw;
				}
				.co-fv .wrapper .title-box h1 {
					font-size: 1.8vw;
					margin-bottom: 2rem;
				}
		
		

		.co-fv .breadcrumb {
			padding: .2vw 2.3vw 2.3vw 20px;
		}
			.co-fv .breadcrumb ul {
				display: flex;
			}	
				.co-fv .breadcrumb ul li {
					line-height: 1;
				}
				.co-fv .breadcrumb ul li .txt {
					font-size: 1.1vw;
				}

				.co-fv .breadcrumb ul li a {
					font-size: 1.1vw;
				}
				.co-fv .breadcrumb ul li a:hover {
					opacity: 0.7;
				}
				.co-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
					content: "/";
					margin: 0 1.3vw;
				}
}
@media screen and (max-width: 767px) {
	.co-fv {
		margin-top: 80px;
	}
		.co-fv .co-fv-inner {
			margin: 0 auto 0 auto;
			padding: 0;
		}

		.co-fv .lead {
			font-size: 3.6vw;
			padding: 6vw 7% 10vw 7%;
			text-align: left;
		}
			.co-fv .lead .sub-txt {
				display: block;
				font-size: 3vw;
				line-height: 1.5em;
				margin-top: 1.2vw;
			}

		.co-fv .wrapper {
			display: block;
			width: 100%;
			margin-left: 0;
		}
			.co-fv .wrapper .pht {
				width: 100%;
				margin-left: 0;
			}
			.co-fv .wrapper .title-box {
				flex-shrink: 1;
				padding: 0 7%;
				margin-top: 4vw;
				margin-bottom: 2.8vw;
			}
				.co-fv .wrapper .title-box .en {
					font-size: 12vw;
					line-height: 1;
					margin-bottom: 1rem;
				}
				.co-fv .wrapper .title-box h1 {
					font-size: 4.4vw;
					line-height: 1.3em;
				}
		
		

		.co-fv .breadcrumb {
			position: relative;
			padding: .1vw 4vw 3.5vw 15px;
		}
			.co-fv .breadcrumb ul li .txt {
				font-size: 2.5vw;
			}
			.co-fv .breadcrumb ul li a {
				font-size: 2.5vw;
			}
			.co-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				margin: 0 1.3vw;
				font-size: 2.5vw;
			}
}





/* #interview-list
--------------------- */
#interview-list {
	margin-bottom: 50px;
}

#interview-list .inner {
	width: 1160px;
}

#interview-list .list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}	
	#interview-list .list .item {
		margin-bottom: 58px;
	}
		#interview-list .list .item a {
			display: block;
			width: 350px;
		}
			#interview-list .list .item a .pht-bg {
				position: relative;
			}
			#interview-list .list .item a .pht-bg:before {
				content: "";
				width: 100%;
				height: 100%;
				background: #002153;
				opacity: 0.1;
				position: absolute;
				top: 10px;
				left: 10px;
				z-index: -1;
			}

			#interview-list .list .item a .text {
				padding: 0 10px;
				background: url("../../common/images/icon_arrow_black.svg") no-repeat right 10px bottom 5px / 20px;
				position: relative;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#interview-list .list .item a:hover .text {
				background: url("../../common/images/icon_arrow_blue.svg") no-repeat right 10px bottom 5px / 20px;
			}
				#interview-list .list .item a .text .job {
					margin-top: -15px;
					text-align: center;
					margin-bottom: 15px;
				}
					#interview-list .list .item a .text .job span {
						display: inline-block;
						height: 30px;
						background: #fff;
						padding: 0 15px;
						border: solid 1px #007CB5;
						border-radius: 15px;
						font-size: 1.4rem;
						font-weight: 500;
						line-height: 29px;
					}

				#interview-list .list .item a .text .catch {
					font-size: 2rem;
					font-weight: 700;
					line-height: 1.4em;
					margin-bottom: 12px;
				}

				#interview-list .list .item a .text h3 {
					font-size: 2.6rem;
					font-weight: 500;
					line-height: 1;
					margin-bottom: 10px;
				}

				#interview-list .list .item a .text .join {
					font-size: 1.3rem;
					line-height: 1.6em;
				}
@media screen and (max-width: 1260px) {
	#interview-list {
		margin-bottom: 5vw;
	}

	#interview-list .inner {
		width: 100%;
		padding: 0 7%;
	}

	#interview-list .list .item {
		width: calc( ( 100% - 6vw) / 3);
		margin-bottom: 5.8vw;
	}
		#interview-list .list .item a {
			width: 100%;
		}
			#interview-list .list .item a .pht-bg:before {
				top: 1vw;
				left: 1vw;
			}

			#interview-list .list .item a .text {
				padding: 0 1vw;
				background: url("../../common/images/icon_arrow_black.svg") no-repeat right 1vw bottom 1vw / 2vw;
			}
			#interview-list .list .item a:hover .text {
				background: url("../../common/images/icon_arrow_blue.svg") no-repeat right 1vw bottom 1vw / 2vw;
			}
				#interview-list .list .item a .text .job {
					margin-top: -1.5vw;
					margin-bottom: 1.5vw;
				}
					#interview-list .list .item a .text .job span {
						height: 3vw;
						padding: 0 1.5vw;
						border-radius: 1.5vw;
						font-size: 1.4vw;
						line-height: 2.9vw;
					}

				#interview-list .list .item a .text .catch {
					font-size: 1.55vw;
					margin-bottom: 1.2vw;
				}

				#interview-list .list .item a .text h3 {
					font-size: 2.6vw;
					margin-bottom: 1.0vw;
				}

				#interview-list .list .item a .text .join {
					font-size: 1.3vw;
				}
}
@media screen and (max-width: 767px) {
	#interview-list {
		margin-bottom: 20vw;
	}
		#interview-list .list .item {
			width: 100%;
		}
		#interview-list .list .item.item:not(:nth-last-of-type(1)) {
			margin-bottom: 10vw;
		}

			#interview-list .list .item a .pht-bg:before {
				top: 2vw;
				left: 2vw;
			}

			#interview-list .list .item a .text {
				padding: 0;
				background: url("../../common/images/icon_arrow_black.svg") no-repeat right 0 bottom 1vw / 5vw;
			}
			#interview-list .list .item a:hover .text {
				background: url("../../common/images/icon_arrow_blue.svg") no-repeat right 1vw bottom 1vw / 5vw;
			}
				#interview-list .list .item a .text .job {
					margin-top: -4vw;
					margin-bottom: 2vw;
				}
					#interview-list .list .item a .text .job span {
						height: 6vw;
						padding: 0 3vw;
						border-radius: 3vw;
						font-size: 3.0vw;
						line-height: 5.9vw;
					}

				#interview-list .list .item a .text .catch {
					font-size: 5.2vw;
					margin-bottom: 3vw;
				}

				#interview-list .list .item a .text h3 {
					font-size: 5.4vw;
					margin-bottom: 2.0vw;
				}

				#interview-list .list .item a .text .join {
					font-size: 3.8vw;
				}
}





/* fv
--------------------- */
#fv {
	position: relative;
	margin-top: 120px;
}	
	#fv .fv-inner {
		display: flex;
	}

	#fv .fv-bg {
		position: absolute;
		z-index: -1;
		top: 0;
		right: 40px;
		min-width: 975px;
		width: 75%;
		height: 640px;
		overflow: hidden;
	}

	#fv .en-txt {
		position: absolute;
		z-index: 1;
		top: 30px;
		right: 0px;
		font-weight: 500;
		width: 60px;
	}

	#fv .pht-box .pht {
		width: 640px;
		height: 640px;
		margin-top: 40px;
	}
	#fv .pht-box .pht-bg {
		position: relative;
	}
	#fv .pht-box .pht-bg:before {
		content: "";
		width: 100%;
		height: 100%;
		background: #002153;
		opacity: 0.15;
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: -1;
	}

	#fv .breadcrumb {
		width: fit-content;
		padding: 2px 23px 23px 40px;
		background: #fff;
	}
		#fv .breadcrumb ul {
			display: flex;
		}	
			#fv .breadcrumb ul li {
				line-height: 1;
			}
			#fv .breadcrumb ul li .txt {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
				color: #007CB5;
			}

			#fv .breadcrumb ul li a {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
			}
			#fv .breadcrumb ul li a:hover {
				opacity: 0.7;
			}
			#fv .breadcrumb ul li a::before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #002153;
			}
			#fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				content: "/";
				margin: 0 13px;
			}
	
	#fv .wrapper {
		padding: 73px 80px 0 78px;
	}
	#fv h1 {
		font-size: 3.3rem;
		line-height: 1.3em;
		font-weight: 700;
	}
		#fv .flex-box {
			display: flex;
			align-items: center;
			margin: 35px 0 11px;
		}
			#fv .flex-box .name {
				font-size: 4rem;
				color: #007CB5;
				line-height: 1;
			}
			#fv .flex-box .jp {
				font-size: 1.4rem;
				line-height: 1;
				padding: 4px 10px 4px 10px;
				margin-left: 10px;
				color: #007CB5;
				width: fit-content;
				border-radius: 13px;
				border: 1px solid #007CB5;
				background: #fff;
			}

		#fv .txt-box .txt {
			font-size: 1.4rem;
			line-height: 1.9em;
		}

		#fv .career {
			position: relative;
			margin-top: 72px;
			margin-right: 35px;
			padding: 31px 40px 25px 35px;
			background: #F5FBFE;
		}
			#fv .career h2 {
				position: absolute;
				top: -17px;
				left: 35px;
				font-size: 2.8rem;
				line-height: 1;
			}
			#fv .career .en-sub {
				position: absolute;
				top: 4px;
				right: 40px;
				transform: translateY(-100%);
				font-size: 2rem;
				line-height: 1;
			}

			#fv .career .item:not(:nth-last-of-type(1)) {
				margin-bottom: 23px;
			}
				#fv .career .item .year {
					font-size: 1.6rem;
					font-weight: 500;
					margin-bottom: 5px;
				}
				#fv .career .item .txt {
					font-size: 1.3rem;
					line-height: 1.5em;
				}
@media screen and (max-width: 1240px) {
	#fv .fv-bg {
		min-width: 975px;
		width: 75%;
		height: 600px;
	}

	#fv .en-txt {
		top: 35px;
		width: 55px;
	}

	#fv .pht-box .pht {
		position: relative;
		z-index: 3;
		width: 500px;
		height: 500px;
		margin-top: 30px;
	}
	#fv .pht-box .pht-bg {
		position: relative;
	}
	
	#fv .breadcrumb {
		padding: 2px 23px 15px 40px;
	}
	
	#fv .wrapper {
		padding: 73px 80px 0 50px;
	}
	#fv h1 {
		font-size: 2.8rem;
		line-height: 1.3em;
	}
		#fv .flex-box {
			margin: 30px 0 11px;
		}
			#fv .flex-box .name {
				font-size: 3.5rem;
			}
			#fv .flex-box .jp {
				font-size: 1.3rem;
			}

		#fv .career {
			position: relative;
			margin-top: 60px;
			margin-right: 11px;
			padding: 27px 35px 25px 35px;
			background: #F5FBFE;
		}
			#fv .career h2 {
				top: -14px;
				left: 30px;
				font-size: 2.2rem;
			}
			#fv .career .en-sub {
				font-size: 1.8rem;
			}

			#fv .career .item:not(:nth-last-of-type(1)) {
				margin-bottom: 20px;
			}
				#fv .career .item .year {
					font-size: 1.5rem;
					font-weight: 500;
					margin-bottom: 3px;
				}
				#fv .career .item .txt {
					font-size: 1.2rem;
					line-height: 1.5em;
				}
}
@media screen and (max-width: 1024px) {
	#fv {
		margin-top: 12vw;
	}	
		#fv .fv-bg {
			right: 4vw;
			min-width: 87.5vw;
			width: 75%;
			height: 59vw;
		}

		#fv .en-txt {
			top: 3.5vw;
			width: 5.4vw;
		}

		#fv .pht-box .pht {
			width: 45vw;
			height: 45vw;
			margin-top: 3.6vw;
		}

		#fv .breadcrumb {
			padding: .2vw 2.3vw 2.3vw 4vw;
		}
			#fv .breadcrumb ul li .txt {
				font-size: 1.2vw;
			}
			#fv .breadcrumb ul li a {
				font-size: 1.2vw;
			}
			#fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				margin: 0 1.3vw;
			}
		
		#fv .wrapper {
			padding: 7.3vw 8vw 0 5vw;
		}
		#fv h1 {
			font-size: 3vw;
			line-height: 1.3em;
		}
			#fv .flex-box {
				margin: 3vw 0 1.1vw;
			}
				#fv .flex-box .name {
					font-size: 3.3vw;
				}
				#fv .flex-box .jp {
					font-size: 1.3vw;
					line-height: 1;
					padding: .4vw 1vw .4vw 1vw;
					margin-left: 1vw;
					border-radius: 1.3vw;
				}

			#fv .txt-box .txt {
				font-size: 1.4vw;
			}

			#fv .career {
				margin-top: 6.2vw;
				margin-right: 1.2vw;
				padding: 2.9vw 3.4vw 2.3vw 3.4vw;
			}
				#fv .career h2 {
					top: -1.5vw;
					left: 3.3vw;
					font-size: 2.4vw;
				}
				#fv .career .en-sub {
					top: .4vw;
					right: 4vw;
					font-size: 2vw;
				}

				#fv .career .item:not(:nth-last-of-type(1)) {
					margin-bottom: 2.3vw;
				}
					#fv .career .item .year {
						font-size: 1.6vw;
						margin-bottom: .5vw;
					}
					#fv .career .item .txt {
						font-size: 1.3vw;
						line-height: 1.5em;
					}
}
@media screen and (max-width: 767px) {
	#fv {
		margin-top: 80px;
	}	
		#fv .fv-inner {
			display: block;
		}

		#fv .fv-bg {
			right: 0%;
			min-width: auto;
			width: 100%;
			height: 200vw;
		}

		#fv .en-txt {
			top: 12vw;
			width: 7.7vw;
		}

		#fv .pht-box .pht {
			width: 87%;
			height: auto;
			margin-top: 0;
		}

		#fv .breadcrumb {
			padding: .1vw 4vw 2.5vw 15px;
		}
			#fv .breadcrumb ul li .txt {
				font-size: 2.5vw;
			}
			#fv .breadcrumb ul li a {
				font-size: 2.5vw;
			}
			#fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				margin: 0 1.3vw;
				font-size: 2.5vw;
			}
		
		#fv .wrapper {
			padding: 6vw 0 0 0;
			width: 85%;
			margin: 0 auto;
		}
		#fv h1 {
			font-size: 6.3vw;
			line-height: 1.35em;
		}
			#fv .flex-box {
				margin: 4.3vw 0 1.1vw;
			}
				#fv .flex-box .name {
					font-size: 6.3vw;
				}
				#fv .flex-box .jp {
					font-size: 3vw;
					line-height: 1;
					padding: 1vw 2vw 1vw 2vw;
					margin-left: 1vw;
					border-radius: 2.3vw;
				}

			#fv .txt-box .txt {
				font-size: 3vw;
			}

			#fv .career {
				margin-top: 9vw;
				margin-right: 0;
				padding: 5.2vw 4.4vw 5.1vw 4.4vw;
			}
				#fv .career h2 {
					top: -2.8vw;
					left: 4.6vw;
					font-size: 5vw;
				}
				#fv .career .en-sub {
					top: .6vw;
					right: 4.7vw;
					font-size: 4vw;
				}

				#fv .career .item:not(:nth-last-of-type(1)) {
					margin-bottom: 4vw;
				}
					#fv .career .item .year {
						font-size: 3.8vw;
						margin-bottom: 1vw;
					}
					#fv .career .item .txt {
						font-size: 2.8vw;
					}
}




	
/* q-contents
--------------------- */
#q-contents .list .item#q-01 {
	padding-top: 190px;
}
	#q-contents .list .item#q-01 .pht {
		max-width: 525px;
		margin-left: 84px;
		margin-top: 147px;
	}
		#q-contents .list .item#q-01 .box .q-title .en {
			left: -45px;
		}

#q-contents .list .item#q-02 {
	padding-top: 150px;
}
	#q-contents .list .item#q-02 .flex-box {
		flex-direction: row-reverse;
	}
		#q-contents .list .item#q-02 .pht {
			max-width: 465px;
			margin-right: 84px;
		}
			#q-contents .list .item#q-02 .box{
				margin-top: 90px;
			}
				#q-contents .list .item#q-02 .box .q-title .en {
					right: -45px;
				}

#q-contents .list .item#q-03 {
	padding-top: 188px;
	margin: 0 100px;
}	
	#q-contents .list .item#q-03 .pht {
		max-width: 370px;
		margin-left: 68px;
		margin-top: 50px;
	}
		#q-contents .list .item#q-03 .box .q-title .en {
			left: -45px;
		}
	
	#q-contents .list .item .add-txt {
		padding-top: 30px;
		font-size: 1.6rem;
	}

	#q-contents .list .item .flex-box {
		display: flex;
	}	
		#q-contents .list .item .pht {
			flex-shrink: 0;
			height: fit-content;
			width: 40%;
		}
		#q-contents .list .item .box .q-title {
			position: relative;
			margin-bottom: 40px;
		}
			#q-contents .list .item .box .q-title h2 {
				font-size: 3.6rem;
				font-weight: 700;
				line-height: 1.4em;
			}
			#q-contents .list .item .box .q-title .en {
				position: absolute;
				z-index: -1;
				top: -95px;
				font-size: 10rem;
				color: #007CB5;
				opacity: .2;
			}
			#q-contents .list .item .box .txt {
				flex-shrink: 1;
				font-size: 1.6rem;
			}
			#q-contents .list .item .sub-txt {
				font-size: 1.3rem;
				line-height: 1.5em;
				margin-top: 7px;
			}
@media screen and (max-width: 1024px) {
	#q-contents .list .item#q-01 {
		padding-top: 14vw;
	}
		#q-contents .list .item#q-01 .pht {
			max-width: 52.5vw;
			margin-left: 7vw;
			margin-top: 13vw;
		}
			#q-contents .list .item#q-01 .box .q-title .en {
				left: -4.5vw;
			}

	#q-contents .list .item#q-02 {
		padding-top: 11vw;
	}
		#q-contents .list .item#q-02 .pht {
			max-width: 46.5vw;
			margin-right: 7vw;
		}	
			#q-contents .list .item#q-02 .box {
				margin-top: 7.5vw;
			}
				#q-contents .list .item#q-02 .box .q-title .en {
					right: -4.5vw;
				}

	#q-contents .list .item#q-03 {
		padding-top: 14vw;
		margin: 0 4vw;
	}	
		#q-contents .list .item#q-03 .pht {
			max-width: 37vw;
			margin-left: 6.8vw;
			margin-top: 5vw;
		}
			#q-contents .list .item#q-03 .box .q-title .en {
				left: -4.5vw;
			}
		
		#q-contents .list .item .add-txt {
			padding-top: 3vw;
			font-size: 1.5vw;
		}	
			#q-contents .list .item .pht {
				width: 44%;
			}
			#q-contents .list .item .box .q-title {
				margin-bottom: 4vw;
			}
				#q-contents .list .item .box .q-title h2 {
					font-size: 3vw;
				}
				#q-contents .list .item .box .q-title .en {
					top: -9.5vw;
					font-size: 9vw;
				}
				#q-contents .list .item .box .txt {
					flex-shrink: 1;
					font-size: 1.5vw;
				}
				#q-contents .list .item .sub-txt {
					font-size: 1.3vw;
					line-height: 1.5em;
					margin-top: .7vw;
				}
}
@media screen and (max-width: 767px) {
	#q-contents .list .item#q-01 {
		padding-top: 20vw;
	}
		#q-contents .list .item#q-01 .pht {
			max-width: 800px;
			margin-left: 0;
			margin-top: 5vw;
		}
			#q-contents .list .item#q-01 .box .q-title .en {
				left: -4.5vw;
			}

	#q-contents .list .item#q-02 {
		padding-top: 20vw;;
	}
		#q-contents .list .item#q-02 .pht {
			max-width: 800px;
			margin-right: 0;
		}
			#q-contents .list .item#q-02 .box{
				margin-top: 0;
			}
			#q-contents .list .item#q-02 .box .q-title .en {
				right: 0vw;
			}

	#q-contents .list .item#q-03 {
		padding-top: 20vw;
		margin: 0;
	}	
		#q-contents .list .item#q-03 .pht {
			max-width: 800px;
			margin-left: 0;
			margin-top: 5vw;
		}
			#q-contents .list .item#q-03 .box .q-title .en {
				left: -4.5vw;
			}
		
		#q-contents .list .item .add-txt {
			padding-top: 6vw;
			font-size: 3.8vw;
		}	

		#q-contents .list .item .flex-box {
			display: block;
		}	
			#q-contents .list .item .pht {
				width: 100%;
				margin-top: 5vw;
			}
			#q-contents .list .item .box .q-title {
				margin-bottom: 4vw;
			}
				#q-contents .list .item .box .q-title h2 {
					font-size: 5.6vw;
				}
				#q-contents .list .item .box .q-title .en {
					top: -11.5vw;
					font-size: 12vw;
				}
				#q-contents .list .item .box .txt {
					font-size: 3.8vw;
					line-height: 1.7em;
				}
				#q-contents .list .item .sub-txt {
					font-size: 3vw;
					margin-top: 2.2vw;
				}
}





/* vision
--------------------- */
#vision {
	padding-top: 70px;
}
	#vision .inner-1320 {
		width: calc(100% - 80px);
		margin: 0 auto;
	}
		#vision .inner-1320 .pht {
			position: relative;
			z-index: 2;
			width: calc(100% - 160px);
			margin: 0 auto;
		}

		#vision .inner-1320 .box {
			margin-top: -120px;
			padding: 241px 0 130px 0;
			background: url("../images/vision_bg.webp") no-repeat center / cover;
		}
			#vision .inner-1320 .box .en {
				font-size: 2.2rem;
				font-weight: 500;
				color: #007CB5;
				text-align: center;
				margin-bottom: 10px;
			}
			#vision .inner-1320 .box h2 {
				font-size: 3.6rem;
				font-weight: 700;
				line-height: 1;
				text-align: center;
				margin-bottom: 40px;
			}
			#vision .inner-1320 .box .txt {
				font-size: 1.6rem;
				line-height: 1.9em;
				max-width: 1000px;
				width: 90%;
				margin: 0 auto;
			}
@media screen and (max-width: 1024px) {
	#vision {
		padding-top: 7vw;
	}
		#vision .inner-1320 {
			width: calc(100% - 6vw);
		}
			#vision .inner-1320 .pht {
				width: calc(100% - 12vw);
			}

			#vision .inner-1320 .box {
				margin-top: -12vw;
				padding: 20vw 0 10vw 0;
			}
				#vision .inner-1320 .box .en {
					font-size: 2.2vw;
					margin-bottom: 1vw;
				}
				#vision .inner-1320 .box h2 {
					font-size: 3.6vw;
					margin-bottom: 4vw;
				}
				#vision .inner-1320 .box .txt {
					font-size: 1.6vw;
					line-height: 1.9em;
					width: 85%;
					margin: 0 auto;
				}
}
@media screen and (max-width: 767px) {
	#vision {
		padding-top: 14vw;
	}
		#vision .inner-1320 {
			width: 100%;
		}
			#vision .inner-1320 .box {
				margin-top: -12vw;
				padding: 20vw 0 10vw 0;
			}
				#vision .inner-1320 .box .en {
					font-size: 4vw;
					margin-bottom: 1vw;
				}
				#vision .inner-1320 .box h2 {
					font-size: 5.6vw;
					margin-bottom: 5vw;
				}
				#vision .inner-1320 .box .txt {
					font-size: 3.8vw;
					line-height: 1.7em;
					width: 85%;
					margin: 0 auto;
				}
}





/* other-interview
--------------------- */
#other-interview {
	padding: 115px 0 128px;
}
	
	#other-interview .title-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 50px;
	}	
		
		#other-interview .title-box .h2-box {
			display: flex;
			align-items: center;
		}
			#other-interview .title-box .h2-box .en {
				display: block;
				font-size: 1.6rem;
				font-weight: 500;
				color: #007CB5;
				line-height: 1;
				height: fit-content;
			}
			#other-interview .title-box .h2-box h2 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1;
				height: fit-content;
				margin-left: 20px;
				padding-bottom: 5px;
			}

	#other-interview .list {
		display: flex;
	}
		#other-interview .list .item:not(.item:not(:nth-last-of-type(1))) {
			margin-left: 100px;
		}
			#other-interview .list .item a {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			#other-interview .list .item a:hover .pht img {
				transform: scale(1.05);
			}	
				#other-interview .list .item a .pht-bg {
					width: 210px;
					height: 210px;
				}
				#other-interview .list .item a .pht {
					flex-shrink: 0;
					width: 210px;
					overflow: hidden;
				}
					#other-interview .list .item a .pht img {
						transition: all .3s;
					}

				#other-interview .list .item a .box {
					flex-shrink: 1;
					padding: 0 0 0 35px;
				}
					#other-interview .list .item a .box .flex-box {
						display: flex;
						align-items: center;
					}
					#other-interview .list .item a .box .name {
						font-size: 3.4rem;
						font-weight: 500;
						color: #007CB5;
						line-height: 1;
						margin-right: 12px;
					}
					#other-interview .list .item a .box .tag {
						display: block;
						font-size: 1.2rem;
						font-weight: 500;
						color: #007CB5;
						line-height: 1;
						padding: 4px 12px 4px 12px;
						border-radius: 12px;
						border: 1px solid #007CB5;
					}
					#other-interview .list .item a .box .txt {
						display: block;
						font-size: 1.4rem;
						line-height: 1.8em;
						margin-top: 12px;
					}
@media screen and (max-width: 1024px) {
	#other-interview {
		padding: 11.5vw 0 12.8vw;
	}
	#other-interview .title-box {
		padding-bottom: 5vw;
	}	
		#other-interview .title-box .h2-box .en {
			font-size: 1.6vw;
		}
		#other-interview .title-box .h2-box h2 {
			font-size: 2.4vw;
			margin-left: 2vw;
			padding-bottom: .5vw;
		}

	#other-interview .list {
		display: flex;
	}
		#other-interview .list .item:not(.item:not(:nth-last-of-type(1))) {
			margin-left: 4vw;
		}
			#other-interview .list .item a {
				display: flex;
				justify-content: space-between;
			}	
				#other-interview .list .item a .pht-bg {
					width: 16vw;
					height: 16vw;
				}
				#other-interview .list .item a .pht {
					width: 16vw;
				}

				#other-interview .list .item a .box {
					padding: 0 0 0 3vw;
				}
					#other-interview .list .item a .box .flex-box {
						display: flex;
						align-items: center;
					}
					#other-interview .list .item a .box .name {
						font-size: 3vw;
						margin-right: 1.2vw;
					}
					#other-interview .list .item a .box .tag {
						font-size: 1vw;
						padding: .4vw 1.2vw .4vw 1.2vw;
						border-radius: 1.2vw;
					}
					#other-interview .list .item a .box .txt {
						font-size: 1.3vw;
						margin-top: 1vw;
					}
}
@media screen and (max-width: 767px) {
	a .more {
		height: 5.3vw;
	}
	
	#other-interview {
		padding: 18vw 0 20vw;
	}
	#other-interview .title-box {
		padding-bottom: 9vw;
	}	
		#other-interview .title-box .h2-box {
			display: block;
		}	
			#other-interview .title-box .h2-box .en {
				font-size: 3.6vw;
			}
			#other-interview .title-box .h2-box h2 {
				font-size: 4.8vw;
				margin-left: 0;
				padding-top: 1.8vw;
				padding-bottom: .5vw;
			}

	#other-interview .list {
		display: block;
	}
		#other-interview .list .item:not(.item:not(:nth-last-of-type(1))) {
			margin-left: 0;
			padding-top: 6vw;
		}
			#other-interview .list .item a {
				justify-content: flex-start;
			}	
				#other-interview .list .item a .pht-bg {
					width: 35vw;
					height: 35vw;
				}
				#other-interview .list .item a .pht {
					width: 35vw;
				}
				
				#other-interview .list .item a .box {
					padding: 0 0 0 5vw;
				}
					#other-interview .list .item a .box .flex-box {
						display: flex;
						align-items: center;
					}
					#other-interview .list .item a .box .name {
						font-size: 5.4vw;
						margin-right: 1.2vw;
					}
					#other-interview .list .item a .box .tag {
						font-size: 2.8vw;
						padding: .8vw 1.9vw .6vw 1.9vw;
						border-radius: 3vw;
					}
					#other-interview .list .item a .box .txt {
						font-size: 2.8vw;
						margin-top: 1.9vw;
						line-height: 1.7em;
					}
}





/* crosstalk-fv
--------------------- */
#crosstalk-fv {
	position: relative;
	margin-top: 120px;
}
	#crosstalk-fv .co-fv-inner {
		max-width: 1190px;
		width: 88.93%;
		margin: 0 auto 0 auto;
	}

	#crosstalk-fv .wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-left: 43px;
	}
		#crosstalk-fv .wrapper .pht {
			flex-shrink: 0;
			width: 780px;
			height: 520px;
			margin-left: 40px;
		}
		#crosstalk-fv .wrapper .title-box {
			position: relative;
			flex-shrink: 1;
			padding-top: 30px;
		}
			#crosstalk-fv .wrapper .title-box .en {
				position: absolute;
				top: 0px;
				left: 50%;
				transform: translateX(-50%);
				display: block;
				font-size: 8.5rem;
				line-height: 1;
				font-weight: 500;
				color: #007CB5;
				opacity: 0.15;
				width: fit-content;
			}
			#crosstalk-fv .wrapper .title-box h1 {
				font-size: 3rem;
				font-weight: 700;
				line-height: 3.1;
				
			}
			#crosstalk-fv .lead {
				font-size: 1.6rem;
				line-height: 2em;
				margin-top: 0px;
				padding: 0;
			}
	

	#crosstalk-fv .breadcrumb {
		position: absolute;
		top: 0;
		left: 0;
		width: fit-content;
		padding: 2px 23px 23px 40px;
	}
		#crosstalk-fv .breadcrumb ul {
			display: flex;
		}	
			#crosstalk-fv .breadcrumb ul li {
				line-height: 1;
			}
			#crosstalk-fv .breadcrumb ul li .txt {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
				color: #007CB5;
			}

			#crosstalk-fv .breadcrumb ul li a {
				position: relative;
				font-size: 1.2rem;
				line-height: 1;
			}
			#crosstalk-fv .breadcrumb ul li a:hover {
				opacity: 0.7;
			}
			#crosstalk-fv .breadcrumb ul li a::before {
				content: "";
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				background-color: #002153;
			}
			#crosstalk-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				content: "/";
				margin: 0 13px;
			}
@media screen and (max-width: 1320px) {
	#crosstalk-fv .co-fv-inner {
		max-width: 1245px;
		width: 100%;
		padding: 0 0 0 2.5%;
		overflow: hidden;
	}
	#crosstalk-fv .wrapper .pht {
		width: 600px;
		height: auto;
	}
}
@media screen and (max-width: 1045px) {
	#crosstalk-fv {
		margin-top: 12vw;
	}
		#crosstalk-fv .co-fv-inner {
			margin: 0 auto 0 auto;
			padding: 0 0 0 7%;
		}

		#crosstalk-fv .lead {
			font-size: 1.6vw;
			padding: 0;
		}

		#crosstalk-fv .wrapper {
			width: 100%;
			margin-left: 0;
		}
			#crosstalk-fv .wrapper .pht {
				width: 55vw;
				margin-left: 4vw;
			}
			#crosstalk-fv .wrapper .title-box {
				flex-shrink: 1;
			}
				#crosstalk-fv .wrapper .title-box .en {
					font-size: 8vw;
					left: 48%;
				}
				#crosstalk-fv .wrapper .title-box h1 {
					font-size: 2.7vw;
				}
		
		

		#crosstalk-fv .breadcrumb {
			padding: .2vw 2.3vw 2.3vw 20px;
		}
			#crosstalk-fv .breadcrumb ul {
				display: flex;
			}	
				#crosstalk-fv .breadcrumb ul li {
					line-height: 1;
				}
				#crosstalk-fv .breadcrumb ul li .txt {
					font-size: 1.1vw;
				}

				#crosstalk-fv .breadcrumb ul li a {
					font-size: 1.1vw;
				}
				#crosstalk-fv .breadcrumb ul li a:hover {
					opacity: 0.7;
				}
				#crosstalk-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
					content: "/";
					margin: 0 1.3vw;
				}
}
@media screen and (max-width: 767px) {
	#crosstalk-fv {
		margin-top: 80px;
	}
		#crosstalk-fv .co-fv-inner {
			margin: 0 auto 0 auto;
			padding: 0;
		}

		#crosstalk-fv .wrapper {
			display: block;
			width: 100%;
			margin-left: 0;
		}
			#crosstalk-fv .wrapper .pht {
				width: 100%;
				margin-left: 0;
			}
			#crosstalk-fv .wrapper .title-box {
				flex-shrink: 1;
				padding: 0 7%;
				margin-top: 10.5vw;
				margin-bottom: 5.4vw;
			}
				#crosstalk-fv .wrapper .title-box .en {
					font-size: 14.5vw;
					line-height: 1;
					left: 5.2vw;
					top: -6.5vw;
					transform: translateX(0);
				}
				#crosstalk-fv .wrapper .title-box h1 {
					font-size: 5.5vw;
					line-height: 2.5;
					text-align: left;
					margin-bottom: 0;
				}
				#crosstalk-fv .lead {
					font-size: 3.8vw;
					line-height: 1.7em;
					text-align: left;
					padding: 0;
				}
		

		#crosstalk-fv .breadcrumb {
			position: relative;
			padding: .1vw 4vw 3.5vw 15px;
		}
			#crosstalk-fv .breadcrumb ul li .txt {
				font-size: 2.5vw;
			}
			#crosstalk-fv .breadcrumb ul li a {
				font-size: 2.5vw;
			}
			#crosstalk-fv .breadcrumb ul li:not(:nth-last-of-type(1))::after {
				margin: 0 1.3vw;
				font-size: 2.5vw;
			}
}





/* data-fv
--------------------- */
#data-fv .wrapper .title-box {
	position: relative;
	flex-shrink: 1;
	padding-top: 30px;
}
	#data-fv .wrapper .title-box .en {
		position: absolute;
		top: 0px;
		left: 50%;
		transform: translateX(-50%);
		display: block;
		font-size: 8.5rem;
		line-height: 1;
		font-weight: 500;
		color: #007CB5;
		opacity: 0.15;
		width: fit-content;
	}
	#data-fv .wrapper .title-box h1 {
		font-size: 3rem;
		font-weight: 700;
		text-align: center;
		line-height: 1.3em;
		padding-top: 30px;
	}
@media screen and (max-width: 1045px) {
	#data-fv .wrapper .title-box {
		flex-shrink: 1;
	}
		#data-fv .wrapper .title-box .en {
			font-size: 8vw;
			left: 48%;
		}
		#data-fv .wrapper .title-box h1 {
			font-size: 2.6vw;
		}
}
@media screen and (max-width: 767px) {
	#data-fv .wrapper .title-box {
		flex-shrink: 1;
		padding: 0 7%;
		margin-top: 10.5vw;
		margin-bottom: 5.4vw;
	}
		#data-fv .wrapper .title-box .en {
			font-size: 14.5vw;
			line-height: 1;
			left: 5.2vw;
			top: -6.5vw;
			transform: translateX(0);
		}
		#data-fv .wrapper .title-box h1 {
			font-size: 5.5vw;
			text-align: left;
			padding-top: 4vw;
			padding-bottom: 3vw;
		}
}





/* contents
--------------------- */
#contents {
	padding-top: 160px;
}
#contents .inner {
	display: flex;
}
#contents .inner.full-pht {
	display: block;
	margin-top: 120px;
	margin-bottom: 120px;
}
	#contents .inner .anchor {
		position: sticky;
		top: 140px;
		align-self: flex-start;
		flex-shrink: 0;
		width: 262px;
		margin-right: 100px;
	}
		#contents .inner .anchor .head {
			font-size: 3rem;
			font-weight: 500;
			margin-bottom: 8px;
		}
		#contents .inner .anchor a {
			display: block;
			font-size: 1.2rem;
			color: #BABABA;
			font-weight: 500;
			line-height: 1.5em;
			padding: 10px 0 10px 17px;
		}
		#contents .inner .anchor a:hover {
			color: #002153;
			background-color: #E3F6FF;
		}
		#contents .inner .anchor a.active {
			color: #002153;
			background-color: #E3F6FF;
		}


	#contents .wrapper .box {
		padding: 34px 28px 33px 28px;
		border: 1px solid #DDDDDD;
	}
		#contents .wrapper .en-sub {
			display: block;
			font-size: 1.6rem;
			font-weight: 500;
		}

		#contents .wrapper .theme {
			margin-bottom: 26px;
		}
			#contents .wrapper .theme .txt {
				font-size: 1.6rem;
				margin-top: 2px;
			}

		#contents .wrapper .box .item {
			display: flex;
		}
		#contents .wrapper .box .item:not(:nth-last-of-type(1)) {
			margin-bottom: 40px;
		}
			#contents .wrapper .box .member .en-sub {
				margin-bottom: 12px;
			}
			#contents .wrapper .box .member .item .pht {
				flex-shrink: 0;
				width: 200px;
				margin-right: 28px;
			}

			#contents .wrapper .box .member .item .txt-box .name {
				display: block;
				font-size: 2.4rem;
				font-weight: 500;
				line-height: 1;
				margin-bottom: 11px;
			}
			#contents .wrapper .box .member .item .txt-box .prof {
				font-size: 1.2rem;
				line-height: 1.6em;
				margin-bottom: 15px;
			}
			#contents .wrapper .box .member .item .txt-box .txt {
				font-size: 1.3rem;
				line-height: 1.7em;
			}

	#contents .wrapper .talk {
		scroll-margin-top: 180px;
	}	
	#contents .wrapper .talk:not(:first-child) {
		padding-top: 120px;
	}
		#contents .wrapper .talk h2 {
			font-size: 3rem;
			font-weight: 700;
			line-height: 1;
			margin-top: 15px;
			margin-bottom: 60px;
		}

		#contents .wrapper .talk .item {
			display: flex;
		}
		#contents .wrapper .talk .item:not(:nth-last-of-type(1)) {
			margin-bottom: 40px;
		}
			#contents .wrapper .talk .item .icon-box {
				flex-shrink: 0;
				margin-right: 40px;
			}
				#contents .wrapper .talk .item .icon-box .icon {
					width: 70px;
				}
				#contents .wrapper .talk .item .icon-box .name {
					display: block;
					font-size: 1.6rem;
					text-align: center;
					font-weight: 500;
					line-height: 1;
					margin-top: 8px;
				}
				#contents .wrapper .talk .item .icon-box .job {
					display: block;
					font-size: 1rem;
					text-align: center;
					font-weight: 500;
				}
				#contents .wrapper .talk .item .icon-box .txt {
					font-size: 1.6rem;
				}
		
		#contents .wrapper .talk .talk-pht {
			margin-top: 60px;
		}
@media screen and (max-width: 1024px) {
	#contents {
		padding-top: 14vw;
	}
	#contents .inner.full-pht {
		margin-top: 11vw;
		margin-bottom: 12vw;
	}
		#contents .inner .anchor {
			top: 14vw;
			width: 26.2vw;
			margin-right: 7%;
		}
			#contents .inner .anchor .head {
				font-size: 3vw;
				margin-bottom: .8vw;
			}
			#contents .inner .anchor a {
				font-size: 1.2vw;
				padding: 1vw 0 1vw 1.7vw;
			}
			
		#contents .wrapper .box {
			padding: 3.4vw 2.8vw 3.3vw 2.8vw;
		}
			#contents .wrapper .en-sub {
				font-size: 1.6vw;
			}

			#contents .wrapper .theme {
				margin-bottom: 2.6vw;
			}
				#contents .wrapper .theme .txt {
					font-size: 1.6vw;
					margin-top: .2vw;
				}

			#contents .wrapper .box .item {
				display: flex;
			}
			#contents .wrapper .box .item:not(:nth-last-of-type(1)) {
				margin-bottom: 4vw;
			}
				#contents .wrapper .box .member .item .pht {
					width: 17vw;
					margin-right: 2.8vw;
				}

				#contents .wrapper .box .member .item .txt-box .name {
					font-size: 2.4vw;
					margin-bottom: 1.1vw;
				}
				#contents .wrapper .box .member .item .txt-box .prof {
					font-size: 1.2vw;
					margin-bottom: 1vw;
				}
				#contents .wrapper .box .member .item .txt-box .txt {
					font-size: 1.3vw;
				}


		#contents .wrapper .talk:not(:first-child) {
			padding-top: 10vw;
		}
			#contents .wrapper .talk h2 {
				font-size: 3vw;
				line-height: 1.5em;
				margin-top: 1vw;
				margin-bottom: 4vw;
			}

			#contents .wrapper .talk .item {
				display: flex;
			}
			#contents .wrapper .talk .item:not(:nth-last-of-type(1)) {
				margin-bottom: 4vw
			}
				#contents .wrapper .talk .item .icon-box {
					margin-right: 4vw;
				}
					#contents .wrapper .talk .item .icon-box .icon {
						width: 7vw;
					}
					#contents .wrapper .talk .item .icon-box .name {
						font-size: 1.6vw;
						margin-top: .8vw;
					}
					#contents .wrapper .talk .item .icon-box .job {
						font-size: 1vw;
					}
					#contents .wrapper .talk .item .icon-box .txt {
						font-size: 1.6vw;
					}
			#contents .wrapper .talk .talk-pht {
				margin-top: 6vw;
			}
}
@media screen and (max-width: 767px) {
	#contents {
		padding-top: 10vw;
	}
	#contents .inner {
		display: block;
	}
	#contents .inner.full-pht {
		margin-top: 7vw;
		margin-bottom: 20vw;
	}
		#contents .inner .anchor {
			display: none;
		}
			

		#contents .wrapper .box {
			padding: 7.3vw 5vw 7vw 5vw;
		}
			#contents .wrapper .en-sub {
				display: block;
				font-size: 3.8vw;
				line-height: 1;
				margin-bottom: 2.5vw;
			}

			#contents .wrapper .theme {
				margin-bottom: 2.6vw;
			}
				#contents .wrapper .theme .txt {
					font-size: 3.8vw;
					margin-top: .2vw;
				}

			#contents .wrapper .box .item {
				display: block;
			}
			#contents .wrapper .box .item:not(:nth-last-of-type(1)) {
				margin-bottom: 7.5vw;
			}
				#contents .wrapper .box .member {
					padding-top: 3.3vw;
				}
					#contents .wrapper .box .member .item .pht {
						width: 100%;
						margin-right: 2.8vw;
					}
					#contents .wrapper .box .member .en-sub {
						margin-bottom: 4vw;
					}
					#contents .wrapper .box .member .item .txt-box .name {
						font-size: 6vw;
						margin-bottom: 2.5vw;
						margin-top: 3vw;
					}
					#contents .wrapper .box .member .item .txt-box .prof {
						font-size: 2.9vw;
						margin-bottom: 2vw;
					}
					#contents .wrapper .box .member .item .txt-box .txt {
						font-size: 3.4vw;
					}


		#contents .wrapper .talk:not(:first-child) {
			padding-top: 15vw;
		}	
			#contents .wrapper .talk .en-sub {
				margin-bottom: 2.3vw;
			}
			#contents .wrapper .talk h2 {
				font-size: 5vw;
				margin-top: 1vw;
				line-height: 1.3em;
				margin-bottom: 6vw;
			}

			#contents .wrapper .talk .item:not(:nth-last-of-type(1)) {
				margin-bottom: 5.5vw
			}
				#contents .wrapper .talk .item .icon-box {
					margin-right: 4vw;
				}
					#contents .wrapper .talk .item .icon-box .icon {
						width: 13vw;
					}
					#contents .wrapper .talk .item .icon-box .name {
						font-size: 3.4vw;
						margin-top: 2vw;
					}
					#contents .wrapper .talk .item .icon-box .job {
						font-size: 2.7vw;
						margin-top: 0;
					}

			#contents .wrapper .talk .talk-pht {
				margin-top: 7vw;
			}
}





/* data 共通
--------------------- */
.pd-top {
	padding-top: 90px;
}
.pd-btm {
	padding-bottom: 100px;
}
.bg-blue {
	background: #F5FBFE;
}
.data-inner {
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	margin: 0 auto;
}
.inner-950 {
	width: 950px;
	margin: 0 auto;
}

.comment {
	position: relative;
	padding: 23px 27px;
	border: 1px solid #002153;
	background: #fff;
}
	.comment .txt {
		font-size: 1.6rem;
	}
	.comment .deco {
		position: absolute;
		top: 0;
		left: -1px;
		transform: translateY(-100%);
		font-size: 1.2rem;
		color: #fff;
		font-weight: 700;
		line-height: 1;
		width: fit-content;
		padding: 7px 8px 7px 8px;
		border: 1px solid #002153;
		background: #007CB5;
	}


.title-01 {
	display: flex;
	align-items: center;
	width: fit-content;
	margin: 0 auto;
}
	.title-01 .number {
		font-size: 4.1rem;
		line-height: 1;
	}
	.title-01 h2 {
		font-size: 3.4rem;
		font-weight: 700;
		line-height: 1;
		margin-left: 15px;
		margin-top: -4px;
	}


.title-02 {
	
}
	.title-02 .number {
		display: block;
		font-size: 4.1rem;
		line-height: 1;
		margin-bottom: 6px;
	}
	.title-02 h2 {
		font-size: 3.4rem;
		font-weight: 700;
		line-height: 1.3em;
	}


@media screen and (max-width: 1024px) {
	.pd-top {
		padding-top: 9vw;
	}
	.pd-btm {
		padding-bottom: 10vw;
	}
	.data-inner {
		width: -webkit-calc(100% - 4vw);
		width: calc(100% - 4vw);
	}
	.inner-950 {
		width: 85%;
	}

	.comment {
		padding: 2.3vw 2.7vw;
	}
		.comment .txt {
			font-size: 1.6vw;
		}
		.comment .deco {
			font-size: 1.2vw;
			padding: .7vw .8vw .7vw .8vw;
		}

	.title-01 {
		display: flex;
		align-items: center;
		width: fit-content;
		margin: 0 auto;
	}
		.title-01 .number {
			font-size: 4.1vw;
		}
		.title-01 h2 {
			font-size: 3.4vw;
			margin-left: 1.5vw;
			margin-top: -.4vw;
		}
	
	.title-02 .number {
		font-size: 4.1vw;
		margin-bottom: .6vw;
	}
	.title-02 h2 {
		font-size: 3.4vw;
	}
}
@media screen and (max-width: 767px) {
	.pd-top {
		padding-top: 12.5vw;
	}
	.pd-btm {
		padding-bottom: 15vw;
	}
	.data-inner {
		width: 100%;
	}

	.comment {
		padding: 3.3vw 3.7vw;
	}
		.comment .txt {
			font-size: 3.6vw;
		}
		.comment .deco {
			font-size: 3.2vw;
			padding: 2.1vw 2.2vw 2.1vw 2.2vw;
		}

	.title-01 {
		display: block;
		margin: 0 auto;
	}
		.title-01 .number {
			display: block;
			font-size: 6.7vw;
			text-align: center;
		}
		.title-01 h2 {
			font-size: 5.9vw;
			line-height: 1.4em;
			margin-left: 0;
			margin-top: 0;
			text-align: center
		}
	
	.title-02 {
		margin: 0 auto;
		width: fit-content;
	}
		.title-02 .number {
			font-size: 6.7vw;
			margin-bottom: .6vw;
			text-align: center;
		}
		.title-02 h2 {
			font-size: 5.9vw;
			line-height: 1.3em;
			margin-left: 0;
			text-align: center;
		}
}





/* q-01
--------------------- */
#q-01 .pht {
	width: 548px;
	margin: 0 auto;
}
#q-01 .title-01 {
	margin: 0 auto 40px auto;
}
@media screen and (max-width: 1024px) {
	#q-01 .pht {
		width: 54.8vw;
	}
	#q-01 .title-01 {
		margin: 0 auto 4vw auto;
	}
}
@media screen and (max-width: 767px) {
	#q-01 .pht {
		padding: 0 7%;
	}
	#q-01 .pht {
		width: 100%;
	}
}




/* q-02
--------------------- */
#q-02 .inner {
	display: flex;
	justify-content: space-between;
}
	#q-02 .txt-box {
		margin-right: 80px;
	}
		#q-02 .comment {
			margin-top: 70px;
			max-width: 455px;
		}

	#q-02 .pht {
		max-width: 622px;
	}
@media screen and (max-width: 1024px) {
	#q-02 .txt-box {
		margin-right: 5vw;
	}
		#q-02 .comment {
			max-width: 43vw;
			margin-top: 7vw;
		}

	#q-02 .pht {
		width: 60vw;
	}
}
@media screen and (max-width: 767px) {
	#q-02 .inner {
		display: block;
	}
		#q-02 .txt-box {
			margin-right: 0;
		}
			#q-02 .comment {
				max-width: 100%;
				margin-top: 15vw;
			}

		#q-02 .pht {
			width: 100%;
			margin-top: 7vw;
		}
}





/* q-03
--------------------- */
#q-03 .inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
	#q-03 .txt-box {
		margin-left: 4vw;
	}
		#q-03 .comment {
			margin-top: 70px;
			max-width: 600px;
		}

	#q-03 .pht {
		max-width: 420px;
	}
@media screen and (max-width: 1024px) {
	#q-03 .inner {
		padding: 0 5%;
	}
		#q-03 .txt-box {
			margin-left: 5vw;
		}
			#q-03 .comment {
				max-width: 43vw;
				margin-top: 7vw;
			}

		#q-03 .pht {
			width: 38vw;
		}
}
@media screen and (max-width: 767px) {
	#q-03 .inner {
		display: block;
		padding: 0 7%;
	}
		#q-03 .txt-box {
			margin-left: 0;
		}
			#q-03 .comment {
				max-width: 100%;
				margin-top: 15vw;
			}

		#q-03 .pht {
			width: 100%;
			margin: 7vw auto 0 auto;
		}
}





/* con-q
--------------------- */
.con-q .title-01 {
	margin: 0 auto 57px auto;
}
.con-q .list-01 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 50px 34px;
	margin-bottom: 88px;
}
	.con-q .list-01 .item {
		grid-column: span 2;
		display: flex;
  		flex-direction: column;
	}
	/* 7個目を中央寄り */
	.con-q .list-01 .item:nth-child(7) {
		grid-column: 2 / span 2;
	}
	/* 8個目 */
	.con-q .list-01 .item:nth-child(8) {
		grid-column: 4 / span 2;
	}
		.con-q .list-01 .item .box {
			flex: 1;
			padding: 23px 25px 26px 25px;
			border: 1px solid #002153;
			background: #fff;
		}
			.con-q .list-01 .item .box h3 {
				font-size: 1.8rem;
				line-height: 1.3em;
				margin-bottom: 5px;
			}
			.con-q .list-01 .item .box .txt {
				font-size: 1.4rem;
				line-height: 1.8em;
			}

		.con-q .list-01 .item .job {
			display: flex;
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.8;
			margin-top: -.5px;
		}
		.con-q .list-01 .item .job::before {
			content: "";
			display: block;
			width: 24px;
			height: 24px;
			margin-right: 10px;
			background: #007CB5;
			clip-path: polygon(0 0, 100% 0, 100% 100%);
		}
@media screen and (max-width: 1024px) {
	.con-q .title-01 {
		margin: 0 auto 5.7vw auto;
	}
	.con-q .list-01 {
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		gap: 5vw 3.4vw;
		margin-bottom: 8.8vw;
	}
		.con-q .list-01 .item {
			grid-column: span 2;
			display: flex;
			flex-direction: column;
		}
		/* 7個目を中央寄り */
		.con-q .list-01 .item:nth-child(7) {
			grid-column: 2 / span 2;
		}
		/* 8個目 */
		.con-q .list-01 .item:nth-child(8) {
			grid-column: 4 / span 2;
		}
			.con-q .list-01 .item .box {
				flex: 1;
				padding: 2.2vw 2.4vw 2.5vw 2.4vw;
				border: 1px solid #002153;
			}
				.con-q .list-01 .item .box h3 {
					font-size: 1.7vw;
					line-height: 1.3em;
					margin-bottom: .5vw;
				}
				.con-q .list-01 .item .box .txt {
					font-size: 1.4vw;
					line-height: 1.8em;
				}

			.con-q .list-01 .item .job {
				display: flex;
				font-size: 1.4vw;
				line-height: 1.8;
				margin-top: -.5px;
			}
			.con-q .list-01 .item .job::before {
				width: 2.4vw;
				height: 2.4vw;
				margin-right: 1vw;
				background: #007CB5;
				clip-path: polygon(0 0, 100% 0, 100% 100%);
			}
}
@media screen and (max-width: 767px) {
	.con-q .title-01 {
		margin: 0 auto 7vw auto;
	}
	.con-q .list-01 {
		display: block;
		margin-bottom: 8.8vw;
	}
		.con-q .list-01 .item {
			display: block;
		}
		.con-q .list-01 .item.item:not(:nth-last-of-type(1)) {
			margin-bottom: 4.8vw;
		}
		
			.con-q .list-01 .item .box {
				flex: 1;
				padding: 4vw 4.2vw 4.3vw 4.2vw;
				border: 1px solid #002153;
			}
				.con-q .list-01 .item .box h3 {
					font-size: 4vw;
					margin-bottom: .7vw;
				}
				.con-q .list-01 .item .box .txt {
					font-size: 3.4vw;
					line-height: 1.7em;
				}

			.con-q .list-01 .item .job {
				font-size: 3.4vw;
			}
			.con-q .list-01 .item .job::before {
				width: 5.4vw;
				height: 5.4vw;
				margin-right: 1vw;
			}

	.con-q .comment {
		max-width: 100%;
		margin-top: 16vw;
	}
}





/* q-05
--------------------- */
#q-05 .title-01 {
	margin: 0 auto 50px auto;
}
#q-05 .list-02 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px 68px;
	margin-bottom: 88px;
}
	#q-05 .list-02 .item {
		display: flex;
	}
		#q-05 .list-02 .people .icon {
			width: 54px;
		}
		#q-05 .list-02 .people .job {
			font-size: 1rem;
			font-weight: 700;
			text-align: center;
			line-height: 1.4em;
			margin-top: 5px;
		}

		#q-05 .list-02 .item .box {
			flex: 1;
			padding: 23px 25px 26px 25px;
			margin-left: 10px;
			border: 1px solid #002153;
			background: #fff;
		}
			#q-05 .list-02 .item .box h3 {
				font-size: 1.8rem;
				line-height: 1.3em;
				margin-bottom: 5px;
			}
			#q-05 .list-02 .item .box .txt {
				font-size: 1.4rem;
				line-height: 1.8em;
			}
@media screen and (max-width: 1024px) {
	#q-05 .inner-950 {
		width: 88%;
	}
	#q-05 .title-01 {
		margin: 0 auto 5vw auto;
	}
	#q-05 .list-02 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 3vw 6vw;
		margin-bottom: 8.8vw;
	}
		#q-05 .list-02 .item {
			display: flex;
		}
			#q-05 .list-02 .people .icon {
				width: 5.4vw;
			}
			#q-05 .list-02 .people .job {
				font-size: 1vw;
				line-height: 1.4em;
				margin-top: .5vw;
			}

			#q-05 .list-02 .item .box {
				flex: 1;
				padding: 2.3vw 2.5vw 2.6vw 2.5vw;
				margin-left: 1vw;
			}
				#q-05 .list-02 .item .box h3 {
					font-size: 1.8vw;
					line-height: 1.3em;
					margin-bottom: .5vw;
				}
				#q-05 .list-02 .item .box .txt {
					font-size: 1.4vw;
					line-height: 1.8em;
				}
}	
@media screen and (max-width: 767px) {
	#q-05 .inner-950 {
		width: 85%;
	}
	#q-05 .title-01 {
		margin: 0 auto 7vw auto;
	}
	#q-05 .list-02 {
		display: block;
		margin-bottom: 16vw;
	}
		#q-05 .list-02 .item {
			display: flex;
		}
		#q-05 .list-02 .item:not(:nth-last-of-type(1)) {
			display: flex;
			margin-bottom: 5vw;
		}
			#q-05 .list-02 .people {
				width: 14vw;
			}
				#q-05 .list-02 .people .icon {
					width: 10.4vw;
					margin: 0 auto;
				}
				#q-05 .list-02 .people .job {
					font-size: 2.3vw;
					margin-top: .5vw;
				}

			#q-05 .list-02 .item .box {
				padding: 4vw 4.2vw 4.3vw 4.2vw;
				margin-left: 1.4vw;
			}
				#q-05 .list-02 .item .box h3 {
					font-size: 4vw;
					line-height: 1.3em;
					margin-bottom: .7vw;
				}
				#q-05 .list-02 .item .box .txt {
					font-size: 3.4vw;
					line-height: 1.8em;
				}
}	





/* q-06
--------------------- */
#q-06 .title-01 {
	margin: 0 auto 50px auto;
}
#q-06 .list-02 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 50px 50px;
	margin-bottom: 88px;
}
	#q-06 .list-02 .item {
		display: flex;
		align-items: center;
		padding: 23px 25px 24px 25px;
		border: 1px solid #E5E8ED;
		background: #fff;
		margin-right: 10px;
	}
	
		#q-06 .list-02 .people {
			width: 50px;
		}
			#q-06 .list-02 .people .icon {
				width: 26px;
				margin: 0 auto;
			}
			#q-06 .list-02 .people .job {
				font-size: 1rem;
				font-weight: 700;
				text-align: center;
				line-height: 1.3em;
				margin-top: 5px;
			}

		#q-06 .list-02 .item .box {
			flex: 1;
			margin-left: 20px;
			padding: 15px 0 14px 22px;
			height: 100%;
			border-left: 1px solid #DDDDDD;
			
		}
			#q-06 .list-02 .item .box h3 {
				font-size: 1.8rem;
				line-height: 1.3em;
				margin-bottom: 5px;
			}
			#q-06 .list-02 .item .box .txt {
				font-size: 1.4rem;
				line-height: 1.8em;
			}
@media screen and (max-width: 1024px) {
	#q-06 .title-01 {
		margin: 0 auto 5vw auto;
	}
	#q-06 .list-02 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5vw 5vw;
		margin-bottom: 8.8vw;
	}
		#q-06 .list-02 .item {
			display: flex;
			align-items: center;
			padding: 2.3vw 2.5vw 2.4vw 2.5vw;
			margin-right: 1vw;
		}
		
			#q-06 .list-02 .people {
				width: 5vw;
			}
				#q-06 .list-02 .people .icon {
					width: 2.6vw;
					margin: 0 auto;
				}
				#q-06 .list-02 .people .job {
					font-size: 1vw;
					line-height: 1.3em;
					margin-top: .5vw;
				}

			#q-06 .list-02 .item .box {
				flex: 1;
				margin-left: 2vw;
				padding: 1.5vw 0 1.4vw 2.2vw;
			}
				#q-06 .list-02 .item .box h3 {
					font-size: 1.8vw;
					line-height: 1.3em;
					margin-bottom: .5vw;
				}
				#q-06 .list-02 .item .box .txt {
					font-size: 1.4vw;
					line-height: 1.8em;
				}
}
@media screen and (max-width: 767px) {
	#q-06 .title-01 {
		margin: 0 auto 7vw auto;
	}
	#q-06 .list-02 {
		display: block;
		margin-bottom: 16vw;
	}
		#q-06 .list-02 .item {
			width: calc(100% - 2vw);
			padding: 4vw 4.2vw 4.3vw 4.2vw;
			margin-right: 0;
		}
		#q-06 .list-02 .item:not(:nth-last-of-type(1)) {
			margin-bottom: 7vw;
		}
			#q-06 .list-02 .people {
				width: 14vw;
			}
				#q-06 .list-02 .people .icon {
					width: 5.6vw;
					margin: 0 auto;
				}
				#q-06 .list-02 .people .job {
					font-size: 2vw;
					line-height: 1.3em;
					margin-top: 1.5vw;
				}

			#q-06 .list-02 .item .box {
				flex: 1;
				margin-left: 1.8vw;
				padding: 1.8vw 0 1.7vw 3.5vw;
			}
				#q-06 .list-02 .item .box h3 {
					font-size: 4vw;
					line-height: 1.3em;
					margin-bottom: .7vw;
				}
				#q-06 .list-02 .item .box .txt {
					font-size: 3.4vw;
					line-height: 1.8em;
				}
}





/* q-07
--------------------- */
@media screen and (max-width: 1024px) {
	#q-07 .inner-950 {
		width: 88%;
	}
}
@media screen and (max-width: 767px) {
	#q-07 .inner-950 {
		width: 85%;
	}
	#q-07 .tab {
		display: none;
	}
}





/* message
--------------------- */
#message {
	padding-bottom: 130px;
}
#message .title-01 {
	display: block;
	margin-bottom: 40px;
}
	#message .message-en {
		display: block;
		font-size: 2rem;
		text-align: center;
		margin-top: 5px;
	}

	#message .box {
		border: 1px solid #002153;
		background: #fff;
		padding: 50px 40px;
	}
@media screen and (max-width: 1024px) {
	#message {
		padding-bottom: 13vw;
	}
	#message .title-01 {
		margin-bottom: 3.5vw;
	}
		#message .message-en {
			font-size: 2vw;
			margin-top: .5vw;
		}

		#message .box {
			padding: 5vw 4vw;
		}
}
@media screen and (max-width: 767px) {
	#message {
		padding-bottom: 20vw;
	}
	#message .title-01 {
		margin-bottom: 6.5vw;
	}
		#message .message-en {
			font-size: 5vw;
			line-height: 1;
			margin-top: 1vw;
		}

		#message .box {
			padding: 5vw 4vw;
		}
}