@charset "UTF-8";
/* CSS Document */


	
	
/* questionnaire-beginning
--------------------- */
#questionnaire-beginning {
	width: 100%;
	padding: 100px 0 0 0;
	position: relative;
}
#questionnaire-beginning:before {
	content: "";
	width: 100%;
	height: 81px;
	background: #fff;
	position: absolute;
	bottom: -1px;
	left: 0;
}
	#questionnaire-beginning h2 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.6em;
		text-align: center;
		margin-bottom: 40px;
	}

	#questionnaire-beginning .anchor-list {
		background: #fff;
		overflow: hidden;
		border-radius: 20px;
		box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	}
		#questionnaire-beginning .anchor-list a.ac-link {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			width: 25%;
			height: 80px;
			padding: 0 40px 0 15px;
			background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 15px center;
			border-right: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			font-size: 1.4rem;
			font-weight: 500;
			line-height: 1.4em;
		}
		#questionnaire-beginning .anchor-list a.ac-link:nth-child(4n) {
			border-right: none;
		}
		#questionnaire-beginning .anchor-list a.ac-link:nth-child(5),
		#questionnaire-beginning .anchor-list a.ac-link:nth-child(6),
		#questionnaire-beginning .anchor-list a.ac-link:nth-child(7),
		#questionnaire-beginning .anchor-list a.ac-link:nth-child(8) {
			border-bottom: none;
		}
		#questionnaire-beginning .anchor-list a.ac-link:hover {
			background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 12px center;
			color: #74B933;
		}


	
	
/* questionnaire
--------------------- */
.questionnaire {
	border-bottom: solid 1px #ddd;
}
.questionnaire:nth-last-child(1) {
	border-bottom: none;
}
	.questionnaire .q-tit {
		text-align: center;
	}
		.questionnaire .q-tit .en {
			font-size: 10.0rem;
			font-weight: 600;
			color: #F1F8EA;
			line-height: 1;
		}
		.questionnaire .q-tit h2 {
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: -40px;
		}

	.questionnaire .list .box {
		width: 31%;
		margin-right: 3.5%;
	}
	.questionnaire .list .box:nth-child(3n) {
		margin-right: 0;
	}
		.questionnaire .list .box .txt {
			background: #F8FCF4;
			border-radius: 20px;
			padding: 30px;
			margin-top: 40px;
			box-shadow: 10px 10px 10px 0px rgba(0, 163, 60, 0.15);
			position: relative;
		}
		.questionnaire .list .box .txt.big {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.4em;
			text-align: center;
		}
		.questionnaire .list .box .txt:before {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent #f8fcf4 transparent transparent;
			border-width: 0px 34px 34px 0px;
			position: absolute;
			bottom: -33px;
			left: 70px;
		}
		.questionnaire .list .box.strong-box .txt:after {
			content: "強み";
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1;
			color: #C5E9CE;
			position: absolute;
			top: 0;
			left: 0;
		}

		.questionnaire .list .box.weakness-box .txt {
			background: #F8F8F8;
			box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.1);
		}
		.questionnaire .list .box.weakness-box .txt:before {
			border-color: transparent #F8F8F8 transparent transparent;
		}
		.questionnaire .list .box.weakness-box .txt:after {
			content: "弱み";
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1;
			color: #D0D0D0;
			position: absolute;
			top: 0;
			left: 0;
		}

		.questionnaire .list .box .human {
			width: 120px;
			margin: -20px auto 0 auto;
			position: relative;
			z-index: 2;
		}


	
	
/* kv
--------------------- */
#kv {
	width: 100%;
	background: -moz-linear-gradient(top left, #DFE9F3, #FFFFFF); 
	background: -webkit-linear-gradient(top left, #DFE9F3, #FFFFFF); 
	background: linear-gradient(to bottom right, #DFE9F3, #FFFFFF); 
	overflow: hidden;
	position: relative;
}
#kv:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/kv_motif01.svg") no-repeat left top / 840px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#kv:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/kv_motif03.svg") no-repeat right bottom / 600px;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
	#kv .inner {
		height: 700px;
		background: url("../img/young-questionnaire/kv_motif02.svg") no-repeat left bottom / 450px;
	}
		#kv .breadcrumbs {
			font-size: 1.4rem;
			font-weight: 500;
			padding-top: 120px;
			margin-bottom: 40px;
		}
			#kv .breadcrumbs a {
				text-decoration: underline;
			}
			#kv .breadcrumbs a:hover {
				text-decoration: none;
			}

		#kv .text {
			position: relative;
		}
			#kv .text img {
				width: 350px;
				position: absolute;
				top: 0;
				left: 560px;
			}

			#kv .text .en {
				font-size: 2.2rem;
				font-weight: 600;
				line-height: 1;
				margin-bottom: 8px;
			}

			#kv .text h1 {
				font-size: 6.4rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 18px;
			}

			#kv .text .read {
				font-size: 1.8rem;
				font-weight: 500;
				line-height: 1.8em;
			}


	
	
/* young-q
--------------------- */
.young-q {
	position: relative;
}
	.young-q .y-tit {
		text-align: center;
	}
		.young-q .y-tit .en {
			font-size: 1.8rem;
			font-weight: 600;
			line-height: 1;
			margin-bottom: 8px;
		}
		.young-q .y-tit h2 {
			margin-bottom: 0;
		}

	.young-q ul.text-list li {
		width: 31%;
		padding: 5px;
		font-weight: 700;
		border-radius: 20px;
		margin-right: 3.5%;
		margin-top: 3.5%;
	}
	.young-q ul.text-list li:nth-child(3n) {
		margin-right: 0;
	}
	.young-q ul.text-list.column2 li {
		width: 48.25%;
	}
	.young-q ul.text-list li:nth-child(3n) {
		margin-right: 0;
	}
	.young-q ul.text-list.column2 li:nth-child(2n) {
		margin-right: 0;
	}
	.young-q ul.text-list.column2 li:nth-child(3n) {
		margin-right: 3.5%;
	}
	.young-q ul.text-list li.bg {
		background: -moz-linear-gradient(90deg, #2BBFAF, #FBF935); 
		background: -webkit-linear-gradient(90deg, #2BBFAF, #FBF935); 
		background: linear-gradient(90deg, #2BBFAF, #FBF935); 
	}
		.young-q ul.text-list li p {
			background: #fff;
			border-radius: 15px;
			padding: 20px 25px;
			line-height: 1.5em;
			position: relative;
			z-index: 2;
		}
		.young-q ul.text-list li p.big {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.4em;
		}

	.young-q ul.text-list li.pht {
		position: relative;
	}
		.young-q ul.text-list li.pht img {
			width: auto;
			height: 130%;
			position: absolute;
			bottom: -30%;
			left: 20%;
			z-index: 0;
		}


#young-q01 {
	padding: 100px 0 12% 0;
	background: -moz-linear-gradient(90deg, #2BBFAF, #FBF935); 
	background: -webkit-linear-gradient(90deg, #2BBFAF, #FBF935); 
	background: linear-gradient(90deg, #2BBFAF, #FBF935); 
}
#young-q01:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/bg_motif01.svg") no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
#young-q01:after {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/contents_bg01.svg") no-repeat left bottom / 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	pointer-events: none;
}
	#young-q01 .graph {
		max-width: 1038px;
		margin: 20px auto 0 auto;
	}

#young-q02 {
	padding: 100px 0 100px 0;
	background: url("../img/young-questionnaire/bg_motif02.svg") no-repeat left top 20%;
}

#young-q03 {
	padding: 0 0 100px 0;
}

#young-q04 {
	padding: 15% 0 0 0;
	background: -moz-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: -webkit-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: linear-gradient(90deg, #E9F8F6, #FFFFEB); 
}
#young-q04:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/contents_bg02.svg") no-repeat left top / 100%;
	position: absolute;
	top: -1px;
	left: 0;
	pointer-events: none;
}
	#young-q04 .box {
		width: 47%;
	}
		#young-q04 .box .graph {
			margin-top: 25px;
		}

#young-q05 {
	padding: 100px 0 100px 0;
	background: -moz-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: -webkit-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: linear-gradient(90deg, #E9F8F6, #FFFFEB); 
}

#young-q06 {
	padding: 0 0 15% 0;
	background: -moz-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: -webkit-linear-gradient(90deg, #E9F8F6, #FFFFEB); 
	background: linear-gradient(90deg, #E9F8F6, #FFFFEB); 
}
#young-q06:before {
	content: "";
	width: 100%;
	height: 100%;
	background: url("../img/young-questionnaire/contents_bg01.svg") no-repeat left bottom / 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	pointer-events: none;
}

#young-q07 {
	padding: 100px 0 100px 0;
}

#young-q08 {
	padding: 0 0 100px 0;
}

#young-q09 {
	padding: 0 0 100px 0;
}


	
	
/* culture-beginning
--------------------- */
#culture-beginning {
	width: 100%;
	padding: 100px 0;
}
	#culture-beginning .read {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.6em;
		text-align: center;
		margin-bottom: 45px;
	}

	#culture-beginning h2 {
		font-size: 4.0rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
		margin-bottom: 30px;
	}

	#culture-beginning .whitebox {
		background: #fff;
		border-radius: 20px;
		padding: 40px 100px 50px 100px;
		margin-top: 40px;
	}
		#culture-beginning .whitebox h3 {
			font-size: 2.8rem;
			font-weight: 700;
			line-height: 1.3em;
			text-align: center;
			margin-bottom: 15px;
		}

		#culture-beginning .whitebox .txt {
			margin-bottom: 40px;
			padding-bottom: 30px;
			border-bottom: dashed 1px #ddd;
		}


	
	
/* result
--------------------- */
.result {
	border-bottom: solid 1px #ddd;
	padding: 80px 0 100px 0;
}
.result:nth-last-child(1) {
	border-bottom: none;
}
	.result .q-tit {
		text-align: center;
		margin-bottom: 40px;
	}
		.result .q-tit .en {
			font-size: 10.0rem;
			font-weight: 600;
			opacity: 0.1;
			line-height: 1;
		}
		.result .q-tit h2 {
			font-size: 4.0rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-top: -40px;
		}

		.result .q-tit span {
			display: block;
			font-size: 1.2rem;
			font-weight: 500;
			line-height: 1.3em;
			color: #000;
			margin-top: 5px;
		}

	.result .detail {
		margin-bottom: 30px;
		padding: 40px 100px;
		border-radius: 20px;
	}
	.result .detail:nth-last-child(1) {
		margin-bottom: 0;
	}
		.result .detail h3 {
			background: #fff;
			border-radius: 10px;
			font-size: 2.6rem;
			font-weight: 700;
			line-height: 1.3em;
			padding: 10px;
			text-align: center;
			margin-bottom: 30px;
		}

		.result .detail .analysis {
			background: #fff;
			border-radius: 10px;
			padding: 15px;
			margin-top: 40px;
			position: relative;
		}
		.result .detail .analysis.green {
			border: solid 1px #00A33C;
		}
		.result .detail .analysis.blue {
			border: solid 1px #3BA1D3;
		}
		.result .detail .analysis.red {
			border: solid 1px #DE7674;
		}
			.result .detail .analysis .label {
				width: 86px;
				position: absolute;
				top: -20px;
				left: -20px;
			}

			.result .detail .analysis p {
				font-size: 1.8rem;
				font-weight: 700;
				line-height: 1.5em;
				text-align: center;
			}

	.result .last-txt {
		margin-top: 50px;
	}
		.result .last-txt a {
			color: #74B933;
			text-decoration: underline;
		}
		.result .last-txt a:hover {
			text-decoration: none;
		}





/* 1024px */
@media screen and (max-width: 1024px) {


	
	
/* questionnaire-beginning
--------------------- */
#questionnaire-beginning {
	padding: 70px 0 0 0;
}
#questionnaire-beginning:before {
	height: 61px;
}
	#questionnaire-beginning h2 {
		font-size: 1.8rem;
		margin-bottom: 35px;
	}

	#questionnaire-beginning .anchor-list {
		border-radius: 15px;
	}
		#questionnaire-beginning .anchor-list a.ac-link {
			height: 60px;
			padding: 0 30px 0 10px;
			background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 10px center;
			font-size: 1.1rem;
		}
		#questionnaire-beginning .anchor-list a.ac-link:hover {
			background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 7px center;
		}


	
	
/* questionnaire
--------------------- */
.questionnaire .q-tit .en {
	font-size: 8.0rem;
}
.questionnaire .q-tit h2 {
	font-size: 3.2rem;
	margin-top: -30px;
}

.questionnaire .list .box {
	width: 31%;
	margin-right: 3.5%;
}
.questionnaire .list .box:nth-child(3n) {
	margin-right: 0;
}
	.questionnaire .list .box .txt {
		border-radius: 15px;
		padding: 25px;
		margin-top: 25px;
	}
	.questionnaire .list .box .txt.big {
		font-size: 1.7rem;
		padding: 25px 15px;
	}
	.questionnaire .list .box .txt:before {
		border-width: 0px 30px 30px 0px;
		bottom: -29px;
		left: 25px;
	}
	.questionnaire .list .box.strong-box .txt:after {
		font-size: 3.2rem;
	}
	.questionnaire .list .box.weakness-box .txt:after {
		font-size: 3.2rem;
	}

	.questionnaire .list .box .human {
		width: 80px;
		margin: -10px auto 0 auto;
	}


	
	
/* kv
--------------------- */
#kv:before {
	background: url("../img/young-questionnaire/kv_motif01.svg") no-repeat left top / 600px;
}
#kv:after {
	background: url("../img/young-questionnaire/kv_motif03.svg") no-repeat right bottom / 390px;
}
	#kv .inner {
		height: 600px;
		background: url("../img/young-questionnaire/kv_motif02.svg") no-repeat left 6% bottom / 340px;
	}
		#kv .breadcrumbs {
			font-size: 1.2rem;
			padding-top: 80px;
			margin-bottom: 40px;
		}
	
		#kv .text img {
			width: 220px;
			top: -30px;
			left: 400px;
		}

		#kv .text .en {
			font-size: 2.0rem;
		}

		#kv .text h1 {
			font-size: 5.0rem;
		}

		#kv .text .read {
			font-size: 1.6rem;
		}


	
	
/* young-q
--------------------- */
.young-q .y-tit .en {
	font-size: 1.6rem;
}

.young-q ul.text-list li {
	border-radius: 15px;
}
	.young-q ul.text-list li p {
		border-radius: 10px;
		padding: 16px 20px;
	}
	.young-q ul.text-list li p.big {
		font-size: 1.8rem;
	}

.young-q ul.text-list li.pht img {
	height: 120%;
	bottom: -20%;
	left: 10%;
}


#young-q01 {
	padding: 80px 0 12% 0;
}
#young-q01:before {
	background: url("../img/young-questionnaire/bg_motif01.svg") no-repeat left top / 35%;
}

#young-q02 {
	padding: 80px 0 80px 0;
	background: url("../img/young-questionnaire/bg_motif02.svg") no-repeat left top 20% / 10%;
}

#young-q03 {
	padding: 0 0 80px 0;
}

#young-q04 {
	padding: 17% 0 0 0;
}
#young-q04:before {
	background: url("../img/young-questionnaire/contents_bg02.svg") no-repeat left top / 100%;
}
	#young-q04 .box .graph {
		margin-top: 20px;
	}

#young-q05 {
	padding: 80px 0 80px 0;
}

#young-q06 {
	padding: 0 0 17% 0;
}

#young-q07 {
	padding: 80px 0 80px 0;
}

#young-q08 {
	padding: 0 0 80px 0;
}

#young-q09 {
	padding: 0 0 80px 0;
}


	
	
/* culture-beginning
--------------------- */
#culture-beginning {
	padding: 70px 0;
}
	#culture-beginning .read {
		font-size: 1.8rem;
		margin-bottom: 30px;
	}

	#culture-beginning h2 {
		font-size: 3.2rem;
		margin-bottom: 25px;
	}

	#culture-beginning .whitebox {
		border-radius: 15px;
		padding: 30px 40px 40px 40px;
		margin-top: 30px;
	}
		#culture-beginning .whitebox h3 {
			font-size: 2.4rem;
		}

		#culture-beginning .whitebox .txt {
			margin-bottom: 30px;
			padding-bottom: 20px;
		}


	
	
/* result
--------------------- */
.result {
	padding: 60px 0 80px 0;
}
	.result .q-tit {
		margin-bottom: 30px;
	}
		.result .q-tit .en {
			font-size: 8.0rem;
		}
		.result .q-tit h2 {
			font-size: 3.2rem;
			margin-top: -30px;
		}

	.result .detail {
		margin-bottom: 25px;
		padding: 30px 50px;
		border-radius: 15px;
	}
		.result .detail h3 {
			border-radius: 8px;
			font-size: 2.4rem;
			margin-bottom: 25px;
		}

		.result .detail .analysis {
			border-radius: 8px;
			margin-top: 30px;
		}
			.result .detail .analysis .label {
				width: 70px;
				top: -15px;
				left: -15px;
			}

			.result .detail .analysis p {
				font-size: 1.6rem;
			}



}





/* max 768px */
@media screen and (max-width: 768px) {


	
	
/* questionnaire-beginning
--------------------- */
#questionnaire-beginning {
	padding: 60px 0 0 0;
}
#questionnaire-beginning:before {
	height: 121px;
}
	#questionnaire-beginning h2 {
		font-size: 1.5rem;
		margin-bottom: 30px;
	}

	#questionnaire-beginning .anchor-list a.ac-link {
		width: 50%;
		background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 10px center / 16px;
	}
	#questionnaire-beginning .anchor-list a.ac-link:hover {
		background: #fff url("../../common/img/icon_ac_arrow.svg") no-repeat right 10px center / 16px;
	}


	
	
/* questionnaire
--------------------- */
.questionnaire .q-tit .en {
	font-size: 8.0rem;
}
.questionnaire .q-tit h2 {
	font-size: 2.6rem;
	margin-top: -30px;
}

.questionnaire .list {
	display: block;
}
	.questionnaire .list .box {
		width: 100%;
		margin-right: 0;
	}
		.questionnaire .list .box .txt {
			margin-top: 20px;
		}

		.questionnaire .list .box .human {
			width: 60px;
			margin: -10px auto 0 auto;
		}


	
	
/* kv
--------------------- */
#kv:before {
	background: url("../img/young-questionnaire/kv_motif01.svg") no-repeat left top / 360px;
}
#kv:after {
	background: url("../img/young-questionnaire/kv_motif03.svg") no-repeat right bottom / 360px;
}
	#kv .inner {
		height: 620px;
		background: none;
	}
		#kv .breadcrumbs {
			font-size: 1.2rem;
			padding-top: 80px;
			margin-bottom: 30px;
		}
	
		#kv .text {
			z-index: 2;
		}
			#kv .text img {
				width: 220px;
				top: -30px;
				left: 400px;
			}

			#kv .text .en {
				font-size: 1.8rem;
			}

			#kv .text h1 {
				font-size: 3.2rem;
			}

			#kv .text .read {
				font-size: 1.4rem;
			}


	
	
/* young-q
--------------------- */
.young-q ul.text-list {
	display: block;
}
	.young-q ul.text-list li {
		width: 100% !important;
		margin-right: 0 !important;
		border-radius: 15px;
		margin-top: 20px;
	}
		.young-q ul.text-list li p {
			border-radius: 10px;
			padding: 16px 20px;
		}
		.young-q ul.text-list li p.big {
			font-size: 1.6rem;
		}

	.young-q ul.text-list li.pht {
		display: none;
	}


#young-q01 {
	padding: 60px 0 18% 0;
}
#young-q01:before {
	background: url("../img/young-questionnaire/bg_motif01.svg") no-repeat left top / 45%;
}

#young-q02 {
	padding: 60px 0 60px 0;
	background: url("../img/young-questionnaire/bg_motif02.svg") no-repeat left top 20% / 10%;
}

#young-q03 {
	padding: 0 0 60px 0;
}

#young-q04 {
	padding: 22% 0 0 0;
}
#young-q04:before {
	background: url("../img/young-questionnaire/contents_bg02.svg") no-repeat left top / 100%;
}
	#young-q04 .inner {
		display: block;
	}
		#young-q04 .box {
			width: 100%;
		}
		#young-q04 .box:nth-child(1) {
			margin-bottom: 60px;
		}

#young-q05 {
	padding: 60px 0 60px 0;
}

#young-q06 {
	padding: 0 0 22% 0;
}

#young-q07 {
	padding: 60px 0 60px 0;
}

#young-q08 {
	padding: 0 0 60px 0;
}

#young-q09 {
	padding: 0 0 60px 0;
}


	
	
/* culture-beginning
--------------------- */
#culture-beginning {
	padding: 60px 0;
}
	#culture-beginning .read {
		font-size: 1.6rem;
		text-align: left;
	}

	#culture-beginning h2 {
		font-size: 2.6rem;
		margin-bottom: 20px;
	}

	#culture-beginning .whitebox {
		border-radius: 15px;
		padding: 20px 30px 30px 30px;
		margin-top: 25px;
	}
		#culture-beginning .whitebox h3 {
			font-size: 2.1rem;
		}
	
		#culture-beginning .whitebox .js-scrollable {
			width: -webkit-calc(100% + 60px);
			width: calc(100% + 60px);
			margin-left: -30px;
			padding: 0 30px;
		}
			#culture-beginning .whitebox .js-scrollable img {
				min-width: 500px;
			}


	
	
/* result
--------------------- */
.result {
	padding: 40px 0 60px 0;
}
	.result .q-tit {
		margin-bottom: 25px;
	}
		.result .q-tit h2 {
			font-size: 2.6rem;
		}

	.result .detail {
		margin-bottom: 20px;
		padding: 25px 25px;
	}
		.result .detail h3 {
			font-size: 2.0rem;
		}
	
		.result .detail .js-scrollable {
			width: -webkit-calc(100% + 50px);
			width: calc(100% + 50px);
			margin-left: -25px;
			padding: 0 25px;
		}
			.result .detail .js-scrollable img {
				min-width: 500px;
			}

		.result .detail .analysis .label {
			width: 60px;
			top: -12px;
			left: -12px;
		}

		.result .detail .analysis p {
			font-size: 1.4rem;
		}


}