@charset "utf-8";

#article .main {
	background-color: #FFF;
	padding-bottom: 132px;
	padding-top: 170px;
	text-align: center;
	color: #333;
}
#article h1 {
	text-transform: uppercase;
	letter-spacing: -1.8px;
	line-height: 50px;
	font-weight: 300;
	font-size: 45px;
}
#article h1 span{color: #C7B5AD;font-weight: bold;}

#article h1 strong {
	letter-spacing: -3px;
	font-size: 75px;
}
#article h2 {
	margin-top: 22px;
	font-size: 28px;
}
#article h2.join-title{
	width:100%;
	margin:0 auto;
	margin-top: 22px;
	position: relative;
	text-align: left;
	overflow: hidden;
}
#article h2.join-title .line-1{
	display:inline-block;
	width:100%;
	left: 23%;
	position: relative;
	margin-bottom:10px;
	letter-spacing: 3px;
}
#article h2.join-title .line-2{
	display:inline-block;
	width:70%;
	position: relative;
	left: 38%;
	letter-spacing: 6px;
}
#article h2.join-title .line-3{
	display:inline-block;
	width:100%;
	letter-spacing: 6px;
	text-align: center;
}

#article .sp-line {
	background-color:  #C7B5AD;
	margin: 38px auto 36px;
	height: 1px;
	width: 60%;
}
#article .desc {
	line-height: 30px;
	width:65%;
	margin-left:auto;
	margin-right:auto;
}
.privacy-policy #article .desc {
	font: 16px 'Open Sans','Microsoft Jhenghei','微軟正黑體',Helmet,Freesans,sans-serif;
	text-align: left;
	color: #333;
}
#article .desc+.desc {
	margin-top: 20px;
}

#article .job-recruiting{background:#d0c7c2;padding:40px 0;margin: 40px 0px;}
#article .job-recruiting .job-position-table {margin-top:0;}
#article .job-recruiting .job-position-table .job-content {margin-bottom:0;}

#article .job-position-table{margin-top:40px;}
#article .job-position-table .job-title{margin-bottom:20px;font-size: 30px;}
#article .job-position-table .job-content{margin-bottom:30px;line-height: 30px;}
#article .job-position-table .job-content ul {font-size: 0;width:75%;text-align: left;margin:0 auto;position: relative;left:5%;}
#article .job-position-table .job-content ul li{margin-bottom:5px;display: inline-block; width:33%; box-sizing:border-box;padding-left:20px;font-size:16px;position: relative;padding-right: 20px;margin-bottom:20px;vertical-align: top;font-weight: bold;line-height: 23px;}
#article .job-position-table .job-content ul li:before{content:'.';position: absolute; top:-5px; left:5px;}

#article .job-position-table .job-content.benefits ul li{width:50%;font-weight: normal;}

#article .job-position-table .recruiting ul li{font-size:20px;font-weight: normal;}


@media (max-width: 840px) {
	#article h1 {
		line-height: 42px;
		font-size: 35px;
	}
	#article h1 strong {
		letter-spacing: -2px;
		font-size: 55px;
	}
	#article h2 {
		font-size: 24px;
	}
	#article h2.join-title .line-2 {
		left:35%;
	}
	#article .sp-line {width:70%;}
	#article .desc {width:70%;}
	#article .job-position-table .job-content ul {width:90%;}
}
@media (max-width: 640px) {
	#article .main {
		padding-bottom: 100px;
		padding-top: 100px;
	}
	#article h1 {
		letter-spacing: -1px;
		line-height: 30px;
		font-size: 24px;
	}
	#article h1 strong {
		letter-spacing: -2px;
		font-size: 36px;
	}
	#article h2 {
		font-size: 16px;
	}
	#article h2.join-title{
		text-align: center;
	}
	#article h2.join-title .line-1 {
		position: static;
		margin-bottom:0;
		letter-spacing: 2px;
	}
	#article h2.join-title .line-2 {
		position: static;
		width:100%;
		letter-spacing: 4px;
	}

	#article .desc {
		line-height: 24px;
		font-size: 14px;
		width:100%;
	}
	#article .desc br{display:none;}
	#article .job-position-table .job-content {font-size:14px;}
	#article .job-position-table .job-content ul {width:100%;left:auto}
	#article .job-position-table .job-content ul li{width:100%;font-size:14px;margin-bottom:10px;}
	#article .job-position-table .job-content.benefits ul li{width:100%;}

	#article .job-position-table .recruiting ul li{font-size:16px;}
}