@charset "utf-8";
#outline{
	color: #fff;
	padding-top: 80px;
	padding-bottom: 80px;
}
#outline .outline-area{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#outline .outline-area.reverse{
	flex-direction: row-reverse;
}
#outline .outline-area .outline_img{
	width: 550px;
}
#outline .outline-area p.outline_com{
	font-size: 32px;
	font-weight: 600;
	line-height: 200%; /* 64px */
	padding-top: 50px;
	flex: 1;
}
#ex .title-wrap{
	max-width: 960px;
	margin: auto;
}
#ex .title-wrap .title{
	font-size: 32px;
	font-weight: 600;
	line-height: 200%; /* 64px */
}
#ex .title-wrap .sub{
	color:#E6E6E6;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
}
#ex .title-wrap .catch_com{
	text-align: left;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
	margin-top: 32px;
	margin-bottom: 72px;
}
#want{
	padding: 140px 0;
	color: #fff;
}
#want .want_wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#want .want_wrap .title-wrap{
	flex: 1;
}
#want .bottom_com{
	max-width: 740px;
	margin: 140px auto 0 auto;
	text-align: center;
	font-size: 32px;
	font-weight: 600;
	line-height: 200%; /* 64px */
}

#want .want_wrap .title-wrap h2{
	font-size: 32px;
	font-weight: 600;
	line-height: 200%; /* 64px */
}

#want .want_wrap .want_right{
	width: 600px;
}
#want .want_wrap .want_right ul{
	font-size: 16px;
	font-weight: 600;
	line-height: 240%; /* 38.4px */
}
#recruit_outline{
	padding: 140px 0;
}
#recruit_outline h2{
	font-size: 32px;
	font-weight: 600;
	line-height: 200%; /* 64px */
}
#recruit_outline .sub{
	color:#6B6B6B;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
	margin-bottom: 50px;
}
#recruit_outline .outline_wrap{
	max-width: 720px;
	margin: auto;
}

.outline_wrap dl{
	border-bottom:solid 1px #000;
	justify-content:flex-start;
	display: flex;
	flex-wrap: wrap;
	padding:32px 0;
}

.outline_wrap dl dt{
	width:25%;
	padding-right:20px;
	font-weight: 700;
}

.outline_wrap dl dd{
	width:75%;
}
.outline_wrap a{
	color: #54BDFF;
}


@media only screen and (min-width: 1000px) {


}
@media (max-width: 999px) {
	.position-area .position_detail dl a{
		margin-top: 20px;
	}


}



@media (max-width: 840px) {
	#outline .outline-area{
		display: block;
	}
	#outline .outline-area .outline_img{
		width: auto;
		text-align: center;
		margin-top:30px;
	}
	#want .want_wrap{
		display: block;
	}
	#want .want_wrap .want_right{
		width: 100%;
		margin-top: 30px;
	}
}


@media only screen and (min-width: 600px) {
}

@media (max-width: 599px) {
	#outline{
		padding: 10px 0;
	}
	#outline .title-wrap h2.title{
		font-size: 40px;
	}
	#outline .outline-area p.outline_com{
		font-size: 20px;
	}
	#ex .title-wrap .title{
		font-size: 24px;
	}
	#want{
		padding: 60px 0;
	}
	#want .want_wrap .title-wrap h2{
		font-size: 24px;
	}
	#want .want_wrap .want_right ul li{
		margin-bottom: 20px;
		line-height: 140%;
	}
	#want .bottom_com{
		font-size: 22px;
		margin-top: 50px;
	}
	#recruit_outline{
		padding: 30px 0;
	}
	.outline_wrap dl{
		display: block;
	}
	.outline_wrap dl dt{
		width: 100%;
	}
	.outline_wrap dl dd{
		width: 100%;
	}
}