@charset "utf-8";
/* ==================================================
		
		採用情報トップ PC

================================================== */

@media screen and (min-width:781px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.topvi .vi-inner {
	background: url(/recruit/img/vi_img_pc.jpg) no-repeat right;
}
.topvi.subpage .vi-box {
	height: 417px;
}
.topvi.subpage .vi-wrapper {
 text-shadow: 0.5px 0.5px 3px #ffffff, 0.5px -0.5px 3px #fff, 0.5px 0.5px 3px #ffffff, 0.5px -0.5px 3px #ffffff, 0px 0.5px 3px #ffffff, 0 -0.5px 3px #ffffff, -0.5px 0 3px #ffffff, 0.5px 0 3px #ffffff;
 font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 display: block;
 width: 1086px;
 height: auto !important;
 margin: 0 auto;
 padding-top: 55px;
}
.topvi.subpage .vi-box .vi-wrapper > p {
 font-size: 33px;
 color: #407eb5;
 letter-spacing: -1px;
 line-height: 1.5;
}
.topvi.subpage .vi-box .vi-wrapper > ul {
 padding-top: 3px;
}
.topvi.subpage .vi-box .vi-wrapper > ul > li {
	color: #555555;
	font-size: 14px;
	margin-top: 15px;
}
.topvi.subpage .vi-box .vi-wrapper > ul > li > span {
 font-weight: bold;
 display: block;
}
/* --------------------------------------------------
		section
-------------------------------------------------- */
.main .recruit section {
 width: 904px;
 margin: 0 auto;
}
.main .recruit section > ul {
 font-size: 14px;
 color: #555555;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: -30px;
}
.main .recruit section > ul > li {
 width: 50%;
 padding-top: 30px;
 box-sizing: border-box;
}
.main .recruit section > ul > li:nth-child(odd) {
 padding-right: 10px;
}
.main .recruit section > ul > li:nth-child(even) {
 padding-left: 10px;
}
.main .recruit section > ul > li h3 {
	border-left: 5px solid #407eb5;
	padding: 1px 0 2px 20px;
	font-size: 30px;
	color: #407eb5;
	margin-bottom: 22px;
}
.main .recruit section > ul > li > ul li::before {
 content: "・";
}
.main .recruit section > ul > li > ul li a:link, 
.main .recruit section > ul > li > ul li a:visited {
 text-decoration: underline;
 font-weight: bold;
 color: #555555;
}
.main .recruit section > ul > li > ul li a:hover {
 text-decoration: none;
}
.main .recruit section > ul > li > .txt {
 padding-bottom: 20px;
}
.main .recruit section > ul > li .pdf {
	display: flex;
}
.main .recruit section > ul > li .pdf > p > img {
	width: 28px;
	height: 28px;
}
.main .recruit section > ul > li .pdf > .txt {
	margin-left: 17px;
}
.main .recruit section > ul > li .pdf > .txt > a:link, 
.main .recruit section > ul > li .pdf > .txt > a:visited {
	color: #555555;
}
.main .recruit section > ul > li .pdf > .txt > a:hover {
	text-decoration: none;
	color: #555555;
}
/* --------------------------------------------------
		.contact
-------------------------------------------------- */
.main .recruit .contact {
	background: #f9f9f9;
	margin-top: 40px;
	padding: 20px;
	text-align: center;
}
.main .recruit .contact > p {
	font-size: 14px;
	color: #555555;
}
.main .recruit .contact > p > a {
	color: #555555;
}
.main .recruit .contact > p > a:hover {
	text-decoration: none;
}
}

/* ==================================================
		
		採用情報トップ SP

================================================== */

@media screen and (max-width:780px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.topvi .vi-inner {
	background: url(/recruit/img/vi_img_sp.jpg) no-repeat right / cover;
}
.topvi.subpage .vi-box {
 position: relative;
}
.topvi.subpage .vi-inner:before {
 padding: 0;
} 
.topvi.subpage .vi-wrapper {
 text-shadow: 0.5px 0.5px 2px #ffffff, 0.5px -0.5px 2px #ffffff, 0.5px 0.5px 2px #ffffff, 0.5px -0.5px 2px #ffffff, 0px 0.5px 2px #ffffff, 0 -0.5px 2px #ffffff, -0.5px 0 2px #ffffff, 0.5px 0 2px #ffffff;
 font-family: -apple-system, blinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 display: block;
 padding: 40px 12px;
 height: auto!important;
}
.topvi.subpage .vi-wrapper > p {
 font-size: 18px;
 color: #407eb5;
}
.topvi.subpage .vi-wrapper > ul > li {
 font-size: 12px;
 color: #555555;
 margin-top: 10px;
}
.topvi.subpage .vi-wrapper > ul > li > span {
 font-weight: bold;
 display: block;
}
/* --------------------------------------------------
		section
-------------------------------------------------- */
.main .recruit section {
 padding: 0 12px;
 margin-top: -20px;
}
.main .recruit section > ul > li {
 font-size: 12px;
 color: #555555;
 padding-top: 20px;
}
.main .recruit section > ul > li h3 {
	border-left: 5px solid #407eb5;
	padding-left: 7px;
	font-size: 17px;
	color: #407eb5;
	margin-bottom: 13px;
}
.main .recruit section > ul > li > ul {
 font-size: 12px;
 color: #555555;
}
.main .recruit section > ul > li > ul li::before {
 content: "・";
}
.main .recruit section > ul > li > ul li:first-of-type {
 margin-top: 0;
}
.main .recruit section > ul > li > ul li a:link, 
.main .recruit section > ul > li > ul li a:visited {
 font-weight: bold;
	text-decoration: underline;
	color: #555555; 
}
.main .recruit section > ul > li > ul li a:hover {
 text-decoration: none;
}
.main .recruit section > ul > li .pdf {
	display: flex;
	margin-top: 15px;
}
.main .recruit section > ul > li .pdf > p > img {
	width: 28px;
	height: 28px;
}
.main .recruit section > ul > li .pdf > .txt {
	margin-left: 8px;
}
.main .recruit section > ul > li .pdf > .txt > a {
	color: #555555;
}
.main .recruit section > ul > li .pdf > .txt > a:hover {
	text-decoration: none;
	color: #555555;
}
/* --------------------------------------------------
		.contact
-------------------------------------------------- */
.main .recruit .contact {
	background: #f9f9f9;
	margin-top: 20px;
	padding: 15px;
	text-align: center;
}
.main .recruit .contact > p {
	font-size: 12px;
	color: #555555;
}
.main .recruit .contact > p > a {
	color: #555555;
}
.main .recruit .contact > p > a:hover {
	text-decoration: none;
}
}