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





	
	
/* human
--------------------- */
#human {
    width: 100%;
    padding: 120px 0;
}

#human .title {
    margin-bottom: 40px;
}

ul.monodukuri{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
	margin-top: 40px;
}
	ul.monodukuri li{
		width: 32%;
	}

.sec_mt{
	margin-top: 120px;
}
.sub_txt {
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 30px;
}
.global_map img{
	width: 100%;
	min-width: 700px;
	height: auto;
}



/* education
--------------------- */
.blue_bg{
	width: 100%;
    background: linear-gradient(135deg, rgba(32,156,255,0.1),rgba(104,201,224,0.1),rgba(104,224,207,0.1));
    background-size: 200% 200%;
    animation: bggradient 10s ease infinite;
	padding: 120px 0;
}
.blue_bg.last {
	padding: 0 0 120px 0;
}

.blue_bg .bgbox.wh {
    background: #fff;
}

.ta_cen{
	text-align: center;
}
.txt {
    letter-spacing: 0.1em;
}
.bgbox:nth-last-child(1){
	margin-bottom: 0;
}
.bgbox .flex-start li{
	text-align: center;
}
.bgbox .flex-start li .txt{
	margin-top: 6px;
}
.bgbox h4 {
	font-size: 2.4rem;
	margin-top: 15px;
	margin-bottom: 5px;
}

.bgbox h5 {
	font-size: 2.0rem;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.bgbox ul {
	margin-top: 0;
}

.bgbox .flex-start li .txt {
	margin-top: 15px;
	margin-bottom: 0;
	line-height: 1;
}



.bgbox .sub_txt {
	margin-top: 15px;
	font-size: 1.5rem;
	text-align: center;
}


.lastbox {
	padding: 50px 60px;
	border-radius: 10px;
	border: solid 5px #fff;
	margin-bottom: 40px;
}
.lastbox.color {
	padding: 30px;
	border-radius: 10px;
	border: solid 1px #ddd;
	margin-top: 40px;
}
	.lastbox h3 {
		font-size: 2.6rem;
		line-height: 1.4em;
		margin-bottom: 15px;
		text-align: center;
	}
	.lastbox.color h3 {
		font-size: 2.0rem;
		margin-bottom: 10px;
	}

	.lastbox h4 {
		font-size: 1.8rem;
		line-height: 1.4em;
		margin-top: 25px;
		margin-bottom: 5px;
	}

	.lastbox .txt {
		letter-spacing: 0;
	}

	.lastbox ul {
		margin-top: 25px;
	}
		.lastbox ul li {
			width: 32%;
		}
			.lastbox ul li img {
				border-radius: 10px;
			}

			.lastbox ul li span {
				display: block;
				margin-top: 15px;
				font-size: 1.5rem;
				text-align: center;
			}




	
	
/* main.benefit-employ {
--------------------- */
#main.benefit-employ {
	position: relative;
}
#main.benefit-employ:before {
	content: "";
    width: 100%;
	height: -webkit-calc(100% + 250px);
	height: calc(100% + 250px);
	background:linear-gradient(135deg, rgba(32,156,255,0.1),rgba(104,201,224,0.1),rgba(104,224,207,0.1));
	background-size: 200% 200%;
	animation: bggradient 10s ease infinite;
    position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}





	
	
/* read
--------------------- */
#read {
    width: 100%;
    padding: 120px 0;
	text-align: center;
}





	
	
/* indicator
--------------------- */
#indicator {
    width: 100%;
    padding: 0 0 120px 0;
	text-align: center;
}
	#indicator .title {
		margin-bottom: 30px;
	}


	#indicator .list ul {
		width: 100%;
	}
	#indicator .list ul.flex-start {
		margin-bottom: 30px;
	}
		#indicator .list ul li {
			width: 24%;
			background: #fff;
			padding: 0 10px 0 10px;
			border-radius: 10px;
			text-align: center;
			position: relative;
			z-index: 2;
			margin: 10px 0 30px 0;
		}
		#indicator .list ul.flex-center li {
			margin-right: 1.5%;
		}
		#indicator .list ul.flex-center li:nth-child(3n) {
			margin-right: 0;
		}
			#indicator .list ul li .h4_tit {
				width: 100%;
				position: absolute;
				top: -10px;
				left: 0;
				z-index: 3;
			}

			#indicator .list ul li img {
				max-width: 160px;
			}





	
	
/* detail
--------------------- */
#detail {
    width: 100%;
    padding: 0 0 120px 0;
}
	#detail .title {
		margin-bottom: 30px;
	}


	#detail .tabsbox ul.tabs li {
		width: 16%;
		background: #fff;
		padding: 15px 0;
		text-align: center;
		border-radius: 10px 10px 0 0;
		opacity: 0.6;
		cursor: pointer;
	}
	#detail .tabsbox ul.tabs li.select {
		opacity: 1.0;
		position: relative;
		z-index: 3;
	}
	#detail .tabsbox ul.tabs li.select:before {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #2E008B transparent transparent transparent;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -10px;
		z-index: 2;
	}
		#detail .tabsbox ul.tabs li img {
			width: auto;
			height: 36px;
		}
		#detail .tabsbox ul.tabs li span {
			display: block;
			padding-top: 8px;
			line-height: 1;
			font-size: 1.6rem;
			font-weight: 500;
		}


	#detail .tabsbox .content {
		background: #fff;
		padding: 50px;
		border-radius: 0 0 10px 10px;
	}
		#detail .tabsbox .content .hide {
			display: none;
		}
			#detail .tabsbox .content .cell .box {
				border-bottom: dashed 1px #ddd;
				margin-bottom: 40px;
				padding-bottom: 40px;
			}
				#detail .tabsbox .content .cell .box .text {
					width: -webkit-calc(100% - 330px);
					width: calc(100% - 330px);
					padding-right: 25px;
				}
					#detail .tabsbox .content .cell .box .text h3 {
						font-size: 2.4rem;
						font-weight: 700;
						line-height: 1.4em;
						margin-bottom: 10px;
					}
						#detail .tabsbox .content .cell .box .text h3 span {
							font-size: 1.4rem;
						}

					#detail .tabsbox .content .cell .box .text .txt span {
						font-size: 1.2rem;
					}


				#detail .tabsbox .content .cell .box .pht {
					width: 330px;
				}
					#detail .tabsbox .content .cell .box .pht img {
						border-radius: 10px;
					}


				#detail .tabsbox .content .cell .box dl {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: #F5F5F5;
					border-radius: 10px;
					padding: 14px 20px;
					margin-top: 30px;
				}
					#detail .tabsbox .content .cell .box dl dt {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 70px;
						height: 70px;
						padding: 10px;
						background: #fff;
						border-radius: 50%;
					}
						#detail .tabsbox .content .cell .box dl dt img {
							width: 32px;
						}

					#detail .tabsbox .content .cell .box dl dd {
						width: -webkit-calc(100% - 70px);
						width: calc(100% - 70px);
						padding-left: 15px;
						font-size: 1.3rem;
						line-height: 1.6em;
					}


			#detail .tabsbox .content .cell .boxlast h3 {
				font-size: 2.4rem;
				font-weight: 700;
				line-height: 1.4em;
				text-align: center;
			}

			#detail .tabsbox .content .cell .boxlast ul li {
				height: 60px;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 18%;
				margin-right: 2%;
				border: solid 1px #ddd;
				padding: 0 10px;
				margin-top: 2%;
				padding-top: 3px;
				font-size: 1.6rem;
				line-height: 1.4em;
				text-align: center;
			}
			#detail .tabsbox .content .cell .boxlast ul li:nth-child(5) {
				margin-right: 0;
			}
			#detail .tabsbox .content .cell .boxlast ul li:nth-last-child(1) {
				margin-right: 0;
			}
				#detail .tabsbox .content .cell .boxlast ul li span {
					font-size: 1.2rem;
					letter-spacing: 0;
				}





	
	
/* logo-mark
--------------------- */
#logo-mark {
    width: 100%;
    padding: 0 0 120px 0;
	text-align: center;
}
	#logo-mark .title {
		margin-bottom: 30px;
	}


	#logo-mark ul li {
		width: 15.5%;
	}
		#logo-mark ul li img {
			border-radius: 10px;
		}





	
	
/* requirements
--------------------- */
#requirements {
    width: 100%;
    padding: 120px 0 105px 0;
}
	#requirements .title {
		margin-bottom: 30px;
	}
	
	
	#requirements dl {
		background: #fff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 30px 50px;
		border-radius: 10px;
		margin-bottom: 15px;
	}
		#requirements dl dt {
			width: 210px;
			font-size: 1.6rem;
			line-height: 1.4em;
			font-weight: 700;
		}
			#requirements dl dt span {
				font-size: 1.2rem;
				font-weight: 500;
			}

		#requirements dl dd {
			width: -webkit-calc(100% - 210px);
			width: calc(100% - 210px);
		}
			#requirements dl dd span {
				display: block;
				font-size: 1.2rem;
			}

			#requirements dl dd h3 {
				font-size: 1.6rem;
				font-weight: 500;
				line-height: 1;
				color: #2E008B;
				margin-top: 15px;
				margin-bottom: 3px;
			}
			#requirements dl dd h3:nth-child(1) {
				margin-top: 0;
			}





	
	
/* schedule
--------------------- */
#schedule {
    width: 100%;
	background: #fff;
    padding: 120px 0 120px 0;
}
	#schedule .title {
		margin-bottom: 30px;
	}
	
	
	#schedule dl {
		background: linear-gradient(135deg, rgba(32,156,255,0.1),rgba(104,201,224,0.1),rgba(104,224,207,0.1));
		background-size: 200% 200%;
		animation: bggradient 10s ease infinite;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 10px 10px 10px 0;
		border-radius: 10px;
		margin-bottom: 30px;
		position: relative;
	}
	#schedule dl:nth-last-child(1) {
		margin-bottom: 0;
	}
	#schedule dl:before {
		content: "";
		width: 20px;
		height: 10px;
		background: url("../img/recruit/icon_arrow.svg") no-repeat center / 100%;
		position: absolute;
		bottom: -21px;
		left: 105px;
	}
	#schedule dl:nth-last-child(1):before {
		display: none;
	}
		#schedule dl dt {
			width: 230px;
			font-size: 2.0rem;
			line-height: 1;
			text-align: center;
			font-weight: 700;
			color: #009efd;
			background:linear-gradient(135deg, #2E008B,#209CFF,#0075C2);
			background-size: 200% 200%;
			animation: bggradient 10s ease infinite;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

		#schedule dl dd {
			background: #fff;
			border-radius: 6px;
			width: -webkit-calc(100% - 230px);
			width: calc(100% - 230px);
			padding: 30px;
			font-size: 1.8rem;
		}





	
	
/* faq
--------------------- */
#faq {
    width: 100%;
	background: #fff;
    padding: 0 0 120px 0;
}
	#faq .title {
		margin-bottom: 30px;
	}
	
	
	#faq dl {
		padding: 35px 0;
		border-top: solid 1px #ddd;
	}
	#faq dl:nth-last-child(1) {
		border-bottom: solid 1px #ddd;
	}
		#faq dl dt {
			background: url("../img/recruit/icon_q.svg") no-repeat left top;
			font-size: 2.4rem;
			font-weight: 700;
			padding-left: 45px;
			margin-bottom: 10px;
		}
		#faq dl dd {
			background: url("../img/recruit/icon_a.svg") no-repeat left top;
			padding-top: 6px;
			padding-left: 45px;
		}
			#faq dl dd a {
				text-decoration: underline;
				color: #2E008B;
			}
			#faq dl dd a:hover {
				text-decoration: none;
			}





	
	
/* career-path
--------------------- */
#career-path {
    width: 100%;
	background: #fff;
    padding: 0 0 120px 0;
}
	#career-path .step_img {
		max-width: 860px;
		margin: 0 auto 80px auto;
	}


	#career-path .bgbox dl.whitelist {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		background: #fff;
		padding: 25px 40px;
		margin-top: 10px;
	}
		#career-path .bgbox dl.whitelist dt {
			width: 120px;
			font-size: 2.0rem;
			font-weight: 600;
		}
		#career-path .bgbox dl.whitelist dd {
			width: -webkit-calc(100% - 120px);
			width: calc(100% - 120px);
		}


	#career-path .program h4 {
		font-size: 2.4rem;
		line-height: 1.4em;
		text-align: center;
		margin-bottom: 15px;
	}





	
	
/* example
--------------------- */
#example {
    width: 100%;
    padding: 120px 0 80px 0;
}
	#example .list .box {
		width: 48%;
		background: #fff;
		border-radius: 10px;
		margin-right: 4%;
		margin-bottom: 40px;
		padding: 40px;
	}
	#example .list .box:nth-child(2n) {
		margin-right: 0;
	}
		#example .list .box .h3_tit {
			margin-top: -52px;
		}

		#example .list .box h4 {
			font-size: 1.8rem;
			line-height: 1;
			color: #2E008B;
			margin-top: 20px;
			margin-bottom: 4px;
		}


		#example .list .box dl {
			margin-top: 10px;
		}
			#example .list .box dl dt {
				font-size: 1.2rem;
				line-height: 1;
				color: #797979;
				margin-bottom: 4px;
			}
			#example .list .box dl dd {
				font-size: 1.5rem;
				line-height: 1.6em;
			}


		#example .list .box p {
			font-size: 1.5rem;
			line-height: 1.6em;
		}











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




.lastbox {
	padding: 35px 40px;
}





	
	
/* indicator
--------------------- */
#indicator .list ul.flex-center {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
#indicator .list ul.flex-start {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 0;
}
	#indicator .list ul li {
		width: 48%;
		margin-right: 4%;
		margin-top: 0;
		margin-bottom: 30px;
	}
	#indicator .list ul li:nth-child(2n) {
		margin-right: 0;
	}
	#indicator .list ul.flex-center li {
		margin-right: 4%;
	}
	#indicator .list ul.flex-center li:nth-child(2n) {
		margin-right: 0;
	}
	#indicator .list ul.flex-center li:nth-child(3) {
		margin-right: 4%;
	}
	#indicator .list ul.flex-center li:nth-child(1) {
		margin-right: 4%;
	}





	
	
/* detail
--------------------- */
#detail {
    width: 100%;
    padding: 0 0 120px 0;
}
	#detail .tabsbox ul.tabs li img {
		width: auto;
		height: 30px;
	}
	#detail .tabsbox ul.tabs li span {
		font-size: 1.4rem;
	}


	#detail .tabsbox .content {
		padding: 40px;
	}
		#detail .tabsbox .content .cell .box {
			margin-bottom: 30px;
			padding-bottom: 30px;
		}
			#detail .tabsbox .content .cell .box .text {
				width: -webkit-calc(100% - 250px);
				width: calc(100% - 250px);
				padding-right: 20px;
			}
				#detail .tabsbox .content .cell .box .text h3 {
					font-size: 2.2rem;
					margin-bottom: 7px;
				}
					#detail .tabsbox .content .cell .box .text h3 span {
						display: block;
						font-size: 1.2rem;
					}

				#detail .tabsbox .content .cell .box .text .txt span {
					font-size: 1.1rem;
				}


			#detail .tabsbox .content .cell .box .pht {
				width: 250px;
			}


		#detail .tabsbox .content .cell .boxlast h3 {
			font-size: 2.2rem;
		}

		#detail .tabsbox .content .cell .boxlast ul li {
			font-size: 1.4rem;
		}





	
	
/* requirements
--------------------- */
#requirements dl {
	padding: 30px 30px;
}
	#requirements dl dt {
		width: 180px;
	}

	#requirements dl dd {
		width: -webkit-calc(100% - 180px);
		width: calc(100% - 180px);
	}





	
	
/* schedule
--------------------- */
#schedule dl:before {
	left: 90px;
}
	#schedule dl dt {
		width: 200px;
	}

	#schedule dl dd {
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
	}





}

	







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



	
/* human
--------------------- */
#human {
    width: 100%;
    padding: 80px 0;
}
#human .title {
    margin-bottom: 20px;
}
.sec_mt {
    margin-top: 80px;
}	
.blue_bg {
    padding: 80px 0;
}
.sub_txt {
	font-size: 1.0rem;
	text-align: left;
	margin-bottom: 12px;
}
ul.monodukuri {
    flex-wrap: wrap;
	margin-top: 20px;
}
	ul.monodukuri li {
		width: 100%;
	}	
	ul.monodukuri li:nth-child(n+2){
		margin-top: 15px;
	}	
.education .bgbox ul{
    flex-wrap: wrap;
}
	.education .bgbox ul li {
		width: 100%;
	}
	.education .bgbox ul li:nth-child(n+2){
		margin-top: 15px;
	}
.bgbox h4 {
    font-size: 1.7rem;
    margin-top: 15px;
	text-align: center;
    margin-bottom: 5px;
}

.bgbox h5 {
	font-size: 1.5rem;
}
.ta_cen{
	text-align: left;
}
	
.js-scrollable{
position: relative;
  overflow: auto; /*スクロールさせる*/
  white-space: nowrap; /*文字の折り返しを禁止*/
}
.scroll-hint-icon {
	top: calc(50% - 40px)!important;
    height: 84px!important;
/*	opacity: 0.7!important;*/
}

.scroll-hint-text {
    margin-top: 0px!important;
}


.bgbox .flex-start li .txt {
	margin-top: 10px;
}



.bgbox .sub_txt {
	margin-top: 10px;
	font-size: 1.4rem;
}




.lastbox {
	padding: 25px 20px;
	margin-bottom: 20px;
}
.lastbox.color {
	padding: 20px;
	margin-top: 30px;
}
	.lastbox h3 {
		font-size: 2.0rem;
		margin-bottom: 10px;
	}
	.lastbox.color h3 {
		font-size: 1.8rem;
		margin-bottom: 5px;
	}

	.lastbox h4 {
		font-size: 1.6rem;
		margin-top: 18px;
	}

	.lastbox ul {
		display: block;
		margin-top: 0;
	}
		.lastbox ul li {
			width: 100%;
			margin-top: 20px;
		}
			.lastbox ul li img {
				border-radius: 10px;
			}

			.lastbox ul li span {
				font-size: 1.4rem;
			}





	
	
/* read
--------------------- */
#read {
    width: 100%;
    padding: 80px 0;
	text-align: left;
}





	
	
/* indicator
--------------------- */
#indicator {
    width: 100%;
    padding: 0 0 80px 0;
	text-align: center;
}
	#indicator .title {
		margin-bottom: 20px;
	}
	
	
	#indicator .list ul li .h4_tit {
		font-size: 1.4rem;
		letter-spacing: 0;
	}





	
	
/* detail
--------------------- */
#detail {
    width: 100%;
    padding: 0 0 80px 0;
}
	#detail .title {
		margin-bottom: 20px;
	}
	
	
	#detail .tabsbox ul.tabs {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#detail .tabsbox ul.tabs li {
			width: 32%;
			border-radius: 10px;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#detail .tabsbox ul.tabs li:nth-child(3n) {
			margin-right: 0;
		}
		#detail .tabsbox ul.tabs li.select:before {
			bottom: -4px;
		}
			#detail .tabsbox ul.tabs li img {
				width: auto;
				height: 30px;
			}
			#detail .tabsbox ul.tabs li span {
				font-size: 1.3rem;
				padding-top: 10px;
			}


	#detail .tabsbox .content {
		padding: 25px 25px 30px 25px;
	}
			#detail .tabsbox .content .cell .box {
				margin-bottom: 25px;
				padding-bottom: 25px;
			}
			#detail .tabsbox .content .cell .box .flex-start {
				display: block;
			}
				#detail .tabsbox .content .cell .box .text {
					width: 100%;
					padding-right: 0;
					margin-bottom: 15px;
				}
					#detail .tabsbox .content .cell .box .text h3 {
						font-size: 2.0rem;
						margin-bottom: 10px;
					}
					#detail .tabsbox .content .cell .box .text .txt {
						line-height: 1.6em;
					}


				#detail .tabsbox .content .cell .box .pht {
					width: 100%;
				}


				#detail .tabsbox .content .cell .box dl {
					display: block;
					background: #F5F5F5;
					border-radius: 10px;
					padding: 14px 20px;
					margin-top: 50px;
				}
					#detail .tabsbox .content .cell .box dl dt {
						border: solid 1px #ddd;
						margin: -45px auto 0 auto;
					}

					#detail .tabsbox .content .cell .box dl dd {
						width: 100%;
						padding-left: 0;
						font-size: 1.2rem;
						line-height: 1.5em;
						padding-top: 12px;
					}


			#detail .tabsbox .content .cell .boxlast h3 {
				font-size: 2.0rem;
			}

			#detail .tabsbox .content .cell .boxlast ul li {
				width: 48.5%;
				margin-right: 3%;
				margin-top: 3%;
				font-size: 1.4rem;
			}
			#detail .tabsbox .content .cell .boxlast ul li:nth-child(5) {
				margin-right: 3%;
			}
			#detail .tabsbox .content .cell .boxlast ul li:nth-child(2n) {
				margin-right: 0;
			}
				#detail .tabsbox .content .cell .boxlast ul li span {
					font-size: 1.0rem;
				}





	
	
/* logo-mark
--------------------- */
#logo-mark {
    padding: 0 0 80px 0;
}
	#logo-mark .title {
		margin-bottom: 20px;
	}


	#logo-mark ul {
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#logo-mark ul li {
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#logo-mark ul li:nth-child(2n) {
			margin-right: 0;
		}





	
	
/* requirements
--------------------- */
#requirements {
    padding: 80px 0 70px 0;
}
	#requirements .title {
		margin-bottom: 20px;
	}
	
	
	#requirements dl {
		display: block;
		padding: 25px;
		margin-bottom: 10px;
	}
		#requirements dl dt {
			width: 100%;
			font-size: 1.7rem;
			line-height: 1;
			margin-bottom: 10px;
		}
			#requirements dl dt span {
				font-size: 1.0rem;
			}

		#requirements dl dd {
			width: 100%;
		}
			#requirements dl dd span {
				font-size: 1.0rem;
			}

			#requirements dl dd h3 {
				font-size: 1.5rem;
			}
			#requirements dl dd h3:nth-child(1) {
				margin-top: 20px;
			}





	
	
/* schedule
--------------------- */
#schedule {
    padding: 80px 0 80px 0;
}
	#schedule .title {
		margin-bottom: 20px;
	}
	
	
	#schedule dl {
		display: block;
		padding: 0 10px 10px 10px;
	}
	#schedule dl:before {
		left: 50%;
		margin-left: -10px;
	}
		#schedule dl dt {
			width: 100%;
			font-size: 1.7rem;
			padding: 15px 0;
		}

		#schedule dl dd {
			width: 100%;
			padding: 15px;
			font-size: 1.5rem;
			text-align: center;
		}





	
	
/* faq
--------------------- */
#faq {
    padding: 0 0 80px 0;
}
	#faq .title {
		margin-bottom: 30px;
	}
	
	
	#faq dl {
		padding: 25px 0;
	}
		#faq dl dt {
			background: url("../img/recruit/icon_q.svg") no-repeat left top 3px / 26px;
			font-size: 2.0rem;
			padding-left: 35px;
			margin-bottom: 5px;
		}
		#faq dl dd {
			background: url("../img/recruit/icon_a.svg") no-repeat left top / 26px;
			padding-top: 2px;
			padding-left: 35px;
		}





	
	
/* career-path
--------------------- */
#career-path {
    padding: 0 0 80px 0;
}
	#career-path .step_img {
		margin: -20px auto 60px auto;
	}


	#career-path .bgbox dl.whitelist {
		display: block;
		padding: 20px;
		margin-top: 10px;
	}
		#career-path .bgbox dl.whitelist dt {
			width: 100%;
			font-size: 1.7rem;
		}
		#career-path .bgbox dl.whitelist dd {
			width: 100%;
		}


	#career-path .program h4 {
		font-size: 1.9rem;
		margin-bottom: 10px;
	}





	
	
/* example
--------------------- */
#example {
    padding: 80px 0 80px 0;
}
	#example .list {
		display: block;
	}
	#example .list .box {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
		padding: 25px;
	}
	#example .list .box:nth-child(2n) {
		margin-right: 0;
	}
		#example .list .box .h3_tit {
			margin-top: -33px;
		}

		#example .list .box h4 {
			font-size: 1.6rem;
		}


		#example .list .box dl {
			margin-top: 10px;
		}
			#example .list .box dl dt {
				font-size: 1.1rem;
			}
			#example .list .box dl dd {
				font-size: 1.4rem;
			}


		#example .list .box p {
			font-size: 1.4rem;
		}


}