@charset "UTF-8";

body#home div#main div.wrap {
	background-color: #fff;
}
body#home div#main div.title {
	margin: 0;
	padding: 1em 0;
}
body#home div#main div.title h1 {
	font-family: "HG明朝B","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	margin: 0;
	font-size: 25px;
}
body#home div#main div.title .english {
	margin: 0;
	color: #092c87;
	text-align: center;
	font-size: 11px;
}
body#home div#main div#panel {
	margin: 0;
}
body#home div#main div#panel ul {
	list-style-type: none;
	margin: 0;
}
body#home div#main div#panel ul li {
	position: relative;
	text-decoration: none;
	margin: 0 0;
/*	margin: 0 0 100px;*/
}
body#home div#main div#panel ul li img {
	vertical-align:bottom;
	width: 100%;
	height: 100%;
}
body#home div#main div#panel ul li,
body#home div#main div#panel ul li a {
	color: #fff;
}
body#home div#main div#panel ul li div.txt_area {
	position: absolute;
	top: 81.6%;
	left: 0;
	padding: 0 4% 20px 8.69%;
	width: 92%;
	background-color: #062889;
	box-sizing: border-box;
}
body#home div#main div#panel ul li div.txt_area p {
	margin: 0;
	line-height: 1.5;
}
body#home div#main div#panel ul li div.txt_area p.cat {
	margin-top: -0.6em;
	font-family: "HG明朝B","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size: 48px;
}
body#home div#main div#panel ul li div.txt_area p.cat span {
	font-size: 35px;
}
body#home div#main div#panel ul li div.txt_area p.title {
	margin-bottom: 1em;
	font-size: 14px;
}
body#home div#main div#panel ul li div.txt_area p.post {
	margin-bottom: 1em;
	font-size: 10px;
}
body#home div#main div#panel ul li div.txt_area p.post span {
	margin-left: 18px;
	font-size: 7px;
}
body#home div#main div#panel ul li div.txt_area p.more {
	margin-top: 2em;
}
body#home div#main div#panel ul li div.txt_area p.more a {
	display: inline-block;
	padding: 1em 40px;
	border: 1px solid #fff;
	font-size: 10px;
	text-decoration: none;
}
body#home div#main div#panel ul li div.txt_area p.more a span {
	position: relative;
	padding-right: 12px;
}
body#home div#main div#panel ul li div.txt_area p.more a span::before,
body#home div#main div#panel ul li div.txt_area p.more a span::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 6px;
	height: 1px;
	background-color: #fff;
}
body#home div#main div#panel ul li div.txt_area p.more a span::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body#home div#main div#panel ul li div.txt_area p.more a span::after {
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
body#home div#main div#topic_area {
	margin: 0 4%;
}
body#home div#main div#topic_area h1 {
	font-family: "HG明朝B","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	color: #062889;
}
body#home div#main div#topic_area dl.topic_list dt {
	margin: 0 0 1em;
}
body#home div#main div#topic_area dl.topic_list dt span::after {
	display: inline-block;
	margin-left: 1.5em;
	padding: 0 5px;
	min-width: 135px;
	border: 1px solid #b8b8b8;
	text-align: center;
}
body#home div#main div#topic_area dl.topic_list dt.ctgr_hd span::after {
	content: '新卒採用';
}
body#home div#main div#topic_area dl.topic_list dt.ctgr_asset span::after {
	content: 'その他';
}
body#home div#main div#topic_area dl.topic_list dt.ctgr_industrial span::after {
	content: 'インターンシップ';
}
body#home div#main div#topic_area dl.topic_list dt.ctgr_jewelry span::after {
	content: 'お知らせ';
}
body#home div#main div#topic_area dl.topic_list dd {
	margin: 0 0 1em;
	padding-bottom: 1em;
	border-bottom: 2px solid #dcdcdc;
	font-size: 15px;
}
body#home div#main div#topic_area dl.topic_list dd a {
	color: #000;
	text-decoration: none;
}
body#home div#main div#topic_area dl.topic_list dd span.pdf {
    padding-left: 2em;
}
body#home div#main div#topic_area dl.topic_list dd span.pdf {
	background: url(../images/topics/icon_pdf.png) no-repeat 1em center;
}
body#home div#main div#topic_area p.more {
	margin-top: 2em;
	text-align: center;
}
body#home div#main div#topic_area p.more a {
	display: inline-block;
	padding: 1em 40px;
	border: 1px solid #b8b8b8;
	font-size: 10px;
	color: #000;
	text-decoration: none;
}
body#home div#main div#topic_area p.more a span {
	position: relative;
	padding-right: 12px;
}
body#home div#main div#topic_area p.more a span::before,
body#home div#main div#topic_area p.more a span::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 6px;
	height: 1px;
	background-color: #b8b8b8;
}
body#home div#main div#topic_area p.more a span::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body#home div#main div#topic_area p.more a span::after {
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}














body#home div#main div#job_cat h1 {
	font-family: "HG明朝B","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	margin: 1.5em 0 10px;
	font-size: 25px;
	text-align: center;
}

body#home div#main div#job_cat dl {
	position: relative;
	margin: 0 0 3px;
	background-color: #f3f3f3;
}

body#home div#main div#job_cat dl a {
	color: #000;
	text-decoration: none;
}

body#home div#main div#job_cat dl dt {
	display: inline-block;
	width: 25%;
	margin: 0 5% 0 0;
}

body#home div#main div#job_cat dl dd {
	display: inline-block;
	width: 65%;
	margin: 0;
	padding: 4% 0 0;
	vertical-align: top;
}

body#home div#main div#job_cat dl dd p.content_cat {
	margin: 0 0 5px;
	font-size: 12px;
}

body#home div#main div#job_cat dl dd p.content_cat span {
	padding: 4px;
	background-color: #b7a75a;
	color: #fff;
}

body#home div#main div#job_cat dl dd p.title {
	margin: 0;
	line-height: 1.4;
}

body#home div#main div#job_cat dl dd p.post {
	margin: 0;
	display: none;
}

body#home div#main div#job_cat dl::before,
body#home div#main div#job_cat dl::after {
	position: absolute;
	top: 50%;
	right: 4%;
	display: block;
	content: '';
	width: 10px;
	height: 1px;
	background-color: #000;
}

body#home div#main div#job_cat dl::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body#home div#main div#job_cat dl::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body#home div#main ul#member {
	list-style-type: none;
	margin: 16% 0;
}

body#home div#main ul#member li {
	margin: 0;
	font-size: 1px;
}

body#home div#main div#industry {
	padding: 5% 4% 15%;
	background-color: #f3f3f3;
}
body#home div#main div#industry h1 {
	margin: 1em 0;
	font-size: 22px;
	color: #092c86;
}
body#home div#main div#industry dl {
	position: relative;
	margin: 0;
}
body#home div#main div#industry dl dt {
	margin: 0;
}
body#home div#main div#industry dl dt img {
	display: block;
}
body#home div#main div#industry dl dd {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 3% 4%;
	width: 92%;
	font-size: 16px;
}

body#home div#main div#industry dl a {
	color: #fff;
}
body#home div#main div#industry dl dd span {
	position: relative;
	padding-right: 25px;
}
body#home div#main div#industry dl dd span::before,
body#home div#main div#industry dl dd span::after {
	position: absolute;
	top: 50%;
	right: 4%;
	display: block;
	content: '';
	width: 11px;
	height: 2px;
	background-color: #fff;
}

body#home div#main div#industry dl dd span::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body#home div#main div#industry dl dd span::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body#home div#main div#elements {
	padding: 11.2% 4%;
}

body#home div#main div#elements p {
	margin: 0;
}

body#home div#main div#infographics {
	margin-bottom: 60px;
	background-color: #092c87;
}

body#home div#main div#infographics a {
	display: block;
	padding: 10% 4% 10%;
	color: #fff;
	text-decoration: none;
}

body#home div#main div#infographics div.title .english {
	color: #fff;
}

body#home div#main div#infographics h2 {
	margin: 1em 0 0.5em;
	font-size: 17px;
	text-align: center;
}

body#home div#main div#infographics .text {
	margin: 0.5em 0;
}

body#home div#main div#infographics .text span {
	margin: 0 0.5em;
}

body#home div#main div#infographics p.img_people {
	display: inline-block;
	width: 45%;
	margin-right: 5%;
	padding: 15% 0 0;
	vertical-align: middle;
}

body#home div#main div#infographics p.img_graph {
	float: right;
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

body#home div#main div#infographics .txt_center {
	text-align: center;
}

body#home div#main div#infographics p.btn {
	position: relative;
	margin: 40px 0;
	padding: 15px 30px;
	border: 2px solid #fff;
	font-size: 16px;
}

body#home div#main div#infographics p.btn::before,
body#home div#main div#infographics p.btn::after {
	position: absolute;
	top: 50%;
	right: 4%;
	display: block;
	content: '';
	width: 10px;
	height: 1px;
	background-color: #fff;
}

body#home div#main div#infographics p.btn::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body#home div#main div#infographics p.btn::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body#home div#main ul#recruit_kosen {
	list-style-type: none;
	margin: 50px 0;
}
body#home div#main ul#recruit_kosen li {
	margin: 0 0 5px;
	width: 100%;
	background-color: #0a6ba3;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
body#home div#main ul#recruit_kosen li:last-child{
	background-color: #089698;
}
body#home div#main ul#recruit_kosen li a {
	display: block;
	padding: 0.6em 0;
	color: #fff;
	text-decoration: none;
}




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

body#home div#main div#infographics a {
	padding: 4% 10% 4%;
}

}


/*--------------------------------------------------------------------
 *	PC
 *--------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {

body#home div#main div.title h1 {
	font-size: 34px;
}

body#home div#main div#panel {
	margin-bottom: 100px;
}
body#home div#main div#panel ul li {
	margin-bottom: 0;
}

body#home div#main div#panel ul li img{
	vertical-align:bottom;
}

body#home div#main div#panel ul li div.txt_area {
	top: 16.68%;
	width: 100%;
	padding: 0 4% 20px 8.33%;
	background-color: transparent;
}
body#home div#main div#panel ul li div.txt_area p {
	margin: 0 0 0.2em;
}
body#home div#main div#panel ul li div.txt_area p.cat {
	margin-top: 0;
	font-size: 80px;
}
body#home div#main div#panel ul li div.txt_area p.cat span {
	font-size: 72.5%;
}
body#home div#main div#panel ul li div.txt_area p.title {
	font-size: 25px;
}

body#home div#main div#panel ul li div.txt_area p.post {
	display: block;
	font-size: 17px;
}
body#home div#main div#panel ul li div.txt_area p.post span {
	margin-left: 20px;
	font-size: 70.5%;
}

body#home div#main div#panel ul li div.txt_area p.more {
	margin-top: 2.6em;
}
body#home div#main div#panel ul li div.txt_area p.more a {
	display: inline-block;
	padding: 1.6em 75px;
	border: 1px solid #fff;
	font-size: 13px;
	text-decoration: none;
}
body#home div#main div#panel ul li div.txt_area p.more a span {
	position: relative;
	padding-right: 12px;
}
body#home div#main div#panel ul li div.txt_area p.more a span::before,
body#home div#main div#panel ul li div.txt_area p.more a span::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 6px;
	height: 1px;
	background-color: #fff;
}
body#home div#main div#panel ul li div.txt_area p.more a span::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
body#home div#main div#panel ul li div.txt_area p.more a span::after {
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
body#home div#main div#topic_area {
	margin: 0 14.285%;
}
body#home div#main div#topic_area dl {
	margin-bottom: 40px;
}
body#home div#main div#topic_area dl.topic_list dt {
	float: left;
	clear: both;
	width: 22em;
	margin: 0 -17em 0 0;
}
body#home div#main div#topic_area dl.topic_list dt span::after {
	padding: 3px 5px;
}
body#home div#main div#topic_area dl.topic_list dd {
	margin-bottom: 1.5em;
	padding-left: 22em;
	padding-bottom: 1.5em;
}


body#home div#main div#topic_area p.more a {
	padding: 1.2em 80px;
	font-size: 14px;
}


body#home div#main div#job_cat {
	padding: 0 7.142857142%;
	background: transparent url('../images/top/pc/job_bg.jpg') no-repeat left top;
	background-size: contain;
}

body#home div#main div#job_cat h1 {
	margin: 0;
	padding: 20% 0 10% 0;
	text-align: left;
	font-size: 28px;
}

body#home div#main div#job_cat div.cat_area {
	float: left;
	width: 30.5%;
	margin-right: 4.25%;
}

body#home div#main div#job_cat div#jewelry {
	margin-right: 0;
}

body#home div#main div#job_cat dl {
	position: static;
	margin-bottom: 0;
}

body#home div#main div#job_cat dl::before,
body#home div#main div#job_cat dl::after {
	width: 0;
	height: 0;
}

body#home div#main div#job_cat dl:hover {
	background-color: #092c87;
}

body#home div#main div#job_cat dl a:hover {
	color: #fff;
}

body#home div#main div#job_cat dl dt {
	display: block;
	margin: 0;
	width: auto;
}

body#home div#main div#job_cat dl dd {
	position: relative;
	display: block;
	padding: 4% 8% 4% 4%;
	width: auto;
}

body#home div#main div#job_cat dl dd::before,
body#home div#main div#job_cat dl dd::after {
	position: absolute;
	top: 50%;
	right: 4%;
	display: block;
	content: '';
	width: 10px;
	height: 1px;
	background-color: #000;
}

body#home div#main div#job_cat dl:hover dd::before,
body#home div#main div#job_cat dl:hover dd::after {
	background-color: #fff;
}

body#home div#main div#job_cat dl dd::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body#home div#main div#job_cat dl dd::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body#home div#main div#job_cat dl dd p.content_cat {
	font-size: 14px;
}

body#home div#main div#job_cat dl dd p.title {
	margin-bottom: 0.4em;
	font-size: 16px;
}

body#home div#main div#job_cat dl dd p.post {
	display: block;
	color: #2c2c2c;
	font-size: 12px;
}

body#home div#main div#job_cat dl a:hover dd p.post {
	color: #fff;
}

body#home div#main ul#member {
	margin: 7% auto;
	max-width: 1200px;
	width: 85.714%;
}
body#home div#main ul#member li {
	float: left;
	box-sizing:border-box;
	width: 50%;
	margin: 0;
	font-size: 1px;
}
body#home div#main ul#member li a:hover {
	opacity: 0.75;
}

body#home div#main div#industry {
	padding: 30px 14.285% 6%;
}
body#home div#main div#industry .title {
	margin: 0;
}
body#home div#main div#industry h1 {
	margin-bottom: 0.8em;
	font-size: 36px;
}
body#home div#main div#industry dl {
	float: left;
	width: calc((100% - 8px) / 3);
	margin-right: 4px;
}
body#home div#main div#industry dl:last-child {
	margin-right: 0;
}
body#home div#main div#industry dl dd {
	font-size: 22px;
}

body#home div#main div#elements {
	padding: 85px 100px;
}

body#home div#main div#infographics .text_box {
	float: left;
	width: 43%;
	margin-bottom: 1em;
}

body#home div#main div#infographics h2 {
	font-size: 24px;
	text-align: left;
}

body#home div#main div#infographics p.img_people {
	float: none;
	display: block;
}

body#home div#main div#infographics p.img_graph {
	width: 50%;
	vertical-align: middle;
}
body#home div#main ul#recruit_kosen {
	margin: 80px 0 0;
	padding: 0 7.14286%;
}
body#home div#main ul#recruit_kosen li {
	float: left;
	width: 49.8%;
	margin-right: 0.4%;
	font-size: 200%;
}
body#home div#main ul#recruit_kosen li:last-child{
	margin-right: 0;
}

body#home div#main div#infographics p.btn {
	margin-left: 24%;
	margin-right: 24%;
}

}


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

body#home div#main div#infographics a {
	padding: 4% 25% 4%;
}

}




/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body#home div#main div#panel,
body#home div#main div#topic_area div#topic_head div.ticker ul,
body#home div#main div#job_cat,
body#home div#main div#job_cat ul li,
body#home div#main ul#member,
body#home div#main div#industry,
body#home div#main div#infographics,
body#home div#main div#infographics div,
body#home div#main ul#recruit_kosen {
	zoom: 100%;
}

body#home div#main div#panel:after,
body#home div#main div#topic_area div#topic_head div.ticker ul:after,
body#home div#main div#job_cat:after,
body#home div#main div#job_cat ul li:after,
body#home div#main ul#member:after,
body#home div#main div#industry:after,
body#home div#main div#infographics:after,
body#home div#main div#infographics div:after,
body#home div#main ul#recruit_kosen:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}