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

@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:600|Poppins:500,600,700&subset=japanese');

body {margin: 0px; padding: 0 0 20px; font-size: 14px; font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; line-height: 1.7; -webkit-text-size-adjust: none; color: #222; -webkit-font-smoothing: antialiased;}
@media screen and (max-width: 812px) {
    #page-top {font-size: 12px;}
}

#page-top {position: fixed;bottom: 35px;right: 40px;width: 60px; z-index:400;}
@media screen and (max-width: 812px) {
    #page-top {position: fixed;bottom: 5px;right: 5px;width: 30px; z-index:400;}
}

.txtOR {color: #E96000;}
.ratioBox {position: relative;width: 100%;height: auto;}
.ratioBox1-1:before {content: "";display: block;padding-top: 100%; /* 1:1 */}
.ratioBox2-1:before {content: "";display: block;padding-top: 50%; /* 2:1 */}
.ratioBox3-2:before {content: "";display: block;padding-top: 66%; /* 3:2 */}
.ratioBox4-3:before {content: "";display: block;padding-top: 75%; /* 4:3 */}
.ratioBoxInner {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}

#bread {background: #EEE; padding: 5px 20px; margin: 0 20px 50px;}
.breadcrumb {margin:0;overflow: hidden;}
.breadcrumb li{display:inline; list-style: none;}
.breadcrumb li:after{font-family: FontAwesome; content: '\f101'; padding: 0 3px; color: #222;}
.breadcrumb li:last-child:after{content: '';}
.breadcrumb li a {text-decoration: none; color: #222;}
.breadcrumb li:first-child a:before{font-family: FontAwesome; content: '\f015'; font-weight: normal; font-size: 1.1em;}
.breadcrumb li a:hover {text-decoration: underline;}
@media screen and (max-width: 500px) {
	#bread {margin: 0 0 50px;}
}

#header {width: calc(100% - 80px); padding: 0 0 15px; margin: 0 20px; z-index: 1;}
#headLogo {width: 300px; float: left; margin: 50px 0 0;}
#header h1 {font-size: 12px; margin: 10px 0; position: absolute;}
#headRight {float: right; margin: 20px 0 0 0;}
#headTel {float: right; margin: 0}
#headTel .txt {float: left; text-align: right; line-height: 15px;}
#headTel .freedial {width: 250px; float: right; margin: 0 0 0 15px;}
@media screen and (max-width: 1220px) {
	#header {width: calc(100% - 40px);}
	#headLogo {width: 280px; margin: 30px 0 0;}
	#header h1 {margin: 10px 0 0;}
}
@media screen and (max-width: 812px) {
	#headTel {margin-top: 0; margin-right: 45px;}
	#headRight {margin-top: 5px;}
	#headTel .freedial {width: 220px;}
	#headLogo {width: 200px; margin: 5px 0 0;}
	#header h1 {margin: 5px 0 0; position: relative;}
}
@media screen and (max-width: 743px) {
	#headTel {margin-top: 0;}
}
@media screen and (max-width: 689px) {
	#headTel {padding-top: 40px; margin-right: 0;}
}
@media screen and (max-width: 644px) {
	#headTel {padding-top: 0; margin-right: 0;}
}
@media screen and (max-width: 500px) {
	#header {width: calc(100% - 20px); margin: 0 10px;}
	#header h1 {margin: 5px 50px 0 0;}
	#headTel {display: none;}
}

footer {border-top: 10px solid #E96000; padding: 50px 0 0;}
.foottel {width: 200px;}
#footLogo {width: 215px; margin: 0 0 10px;}
#footAdress {float: left; margin: 0; line-height: 1.7; width: 40%;}
#footAdress h2 {font-size: 120%; margin-bottom: 5px;}
#footAdress h3 {font-size: 100%;}
#footAdress .spAdd {margin-left: 1em;}
#footNavi {float: right; width: 60%; text-align: right; letter-spacing: -.4em;}
#footNavi ul {width: 30.33%; display: inline-block; margin: 0 1.5%; letter-spacing: normal; vertical-align: top;}
#footNavi li {line-height: 30px; padding-left: 20px; text-align: left;}
#footNavi li.mark {font-size: 16px; font-weight: bold; background: url("image/arrow.png") no-repeat left; background-size: 10px 15px;}
#footNavi li a {color: #222;}
#footNavi li a.blog {color: #F69600;}
.footer {text-align: right; clear: both; line-height: 30px; border-top: #CBCBCB 1px solid; padding: 15px 0 0;}
@media screen and (max-width: 812px) {
	#footNavi {margin: 10px 0 0 0;}
	#footNavi li.mark {font-size: 14px; background: url("image/arrow.png") no-repeat left top 2px; background-size: 10px 15px;}
	#footLogo,.foottel {width: 150px; float: none; margin: 0 auto 10px;}
	#footAdress {float: none; margin: 0; line-height: 1.7; text-align: center; width: 100%;}
	#footAdress .spAdd {margin-left: 0; display: block;}
	#footNavi {float: none; margin: 10px 0; width: 97%;}
	#footNavi li {line-height: 1.5; margin-right: 5px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}
	#footNavi li:nth-child(5) {clear: inherit;}
	.footer {line-height: 1.5; padding: 5px 0;}
}
@media screen and (max-width: 500px) {
	#footNavi {float: none; margin: 10px 0; width: 100%; text-align: left;}
	#footNavi ul {width: 47%;}
}

.container {width: 95%; max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;}
.wideContainer {width: 98%; max-width: 1205px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; z-index: 1;}
.mlr15 {margin-left: 1.5%; margin-right: 1.5%;}
.col2 {width: 47%; margin-left: 1.5%; margin-right: 1.5%; float: left;}
.col2cent {width: 47%; margin-left: auto; margin-right: auto;}
.col3 {width: 30.33%; margin-left: 1.5%; margin-right: 1.5%; float: left;}
.col3mana {width: 30.33%; margin-left: 1.5%; margin-right: 1.5%; float: left;}
.col3mn {width: 33.33%; float: left;}
.col3mr {width: 63.66%; margin-right: 3%; float: left;}
.col4,.col4bb {width: 22%; float: left;}
.col4 {margin: 0 1.5% 30px;}
.col4bb {border-bottom: 1px solid #222; margin: 0 0 20px; padding: 0 1.5% 20px;}
.col7 {width: 63.66%; float: left; margin: 0 1.5% 20px;}
.btnWide {width: 47%; clear: both; margin: 0 auto; font-size: 18px;}
.btn a,.btnWide a {color: #E96000; font-weight: bold;}
.btn a:hover,.btnWide a:hover {color: #FFF;}
.EN {font-family: 'Poppins', sans-serif;}
@media screen and (max-width: 812px) {
	.btnWide {width: 97%;}
}
@media screen and (max-width: 500px) {
	.col2 {width: 97%; float: none;}
	.col4,.col4bb {width: 47%; float: left;}
	.col3 {width: 97%; float: none;}
	.col7 {width: 97%; float: none;}
}

#movieWrap {width: calc(100% - 40px); padding-bottom: 56.25%; height:0px;position: relative; margin: 0 20px 50px;}
#movie {width: 95%; max-width: 1170px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
#movie .inner {width: 400px;}
#movie .btn {margin: 20px 0 0; font-size: 18px; font-weight: bold;}
@media screen and (max-width: 1024px) {
	#movie .inner {width: 320px;}
}
#headSlider {margin: 0 20px 50px; overflow: hidden;}
#headSlider .swiper-container {width: 100%; height: 700px;}
#headSlider .swiper-slide {background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative;}
#headSlider .slide1 {background-image: url('image/slider1.jpg');}
#headSlider .slide2 {background-image: url('image/slider2.jpg');}
#headSlider .slide3 {background-image: url('image/slider3.jpg');}
#headSlider .slide4 {background-image: url('image/slider4.jpg');}
#headSlider .slide5 {background-image: url('image/slider5.jpg');}
#headSlider .container {width: 90%; max-width: 1170px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%); -webkit-transform: translateX(-50%); font-size: 30px; color: #FFF; text-shadow: 2px 2px 2px #000;}
@media screen and (max-width: 1220px) {
	#headSlider {margin: 20px 20px 50px;}
}
@media screen and (max-width: 1024px) {
	#headSlider .swiper-container {height: 500px;}
}
@media screen and (max-width: 812px) {
	#headSlider {margin: 0 20px 50px;}
	#headSlider .swiper-container {height: 300px;}
	#headSlider .container {font-size: 20px;}
}
@media screen and (max-width: 500px) {
	#headSlider {margin: 0 0 50px;}
	#headSlider .swiper-container {height: 250px;}
	#headSlider .container {width: 85%; font-size: 16px;}
}

#topStyle,#topEntry {width: calc(100% - 40px); padding: 50px 0; margin: 0  20px 50px 20px;}
#topStyle {background: url("image/bg_top1.jpg") no-repeat center; background-size: cover;}
#topEntry {background: url("image/bg_top2.jpg") no-repeat center; background-size: cover;}
#topStyle .titleArea,#topEntry .titleArea {border-left: 10px solid #E96000; padding: 0 0 5px 20px; margin-bottom: 40px;}
#topStyle .titleArea .EN,#topEntry .titleArea .EN {font-size: 40px; line-height: 1.2; color: #E96000; font-weight: 700;}
#topStyle .titleArea h2,#topEntry .titleArea h2 {font-size: 26px; line-height: 1.2;}
#topStyle .photo,#topEntry .photo {width: 50%;}
#topStyle .txt,#topEntry .txt {width: calc(50% - 50px);}
#topStyle .photo,#topEntry .txt {float: right;}
#topStyle .txt,#topEntry .photo {float: left;}
#topStyle .txt {padding: 0 50px 0 0;}
#topEntry .txt {padding: 0 0 0 50px;}
#topStyle .txt h3,#topEntry .txt h3 {font-size: 20px; line-height: 1.5; margin-bottom: 10px;}
#topStyle .txt p,#topEntry .txt p {font-size: 16px; line-height: 1.7; margin-bottom: 20px;}
#topStyle .btn,#topEntry .btn {width: 47%; float: left; margin-right: 3%;}
#topStyle .btn a,#topEntry .btn a {color: #E96000; font-size: 18px;}
#topStyle .btn a:hover,#topEntry .btn a:hover {color: #FFF;}
@media screen and (max-width: 812px) {
	#topStyle .photo,#topEntry .photo {width: 100%;}
	#topStyle .txt,#topEntry .txt {width: 100%; margin-bottom: 30px; padding: 0;}
	#topStyle .photo,#topEntry .txt,#topStyle .txt,#topEntry .photo {float: none;}
}
	
.ttlCmn,.ttlCmn2 {text-align: center; margin: 0 0 30px;}
.ttlCmn h2 {font-size: 28px; margin-bottom: 10px; line-height: 1.5;}
.ttlCmn .EN {font-size: 20px; color: #E96000; font-weight: 700; line-height: 1.5;}
.ttlCmn2 h2 {font-size: 26px; line-height: 1.2;}
.ttlCmn2 .EN {font-size: 40px; color: #E96000; font-weight: 700; line-height: 1.2;}

#topNews {border-top: 1px solid #222; border-bottom: 1px solid #222; width: 70%; margin: 0 auto;}
#topNews .inner {border-bottom: 1px dotted #222; padding: 10px 0;}
#topNews .inner:last-child {border-bottom: none;}
#topNews .inner .date {width: 80px; margin: 5px 20px; line-height: 30px; float: left;}
#topNews .inner h3 {width: calc(100% - 180px); font-size: 16px; line-height: 30px; margin: 5px 20px; float: left;}
#topNews .inner a {color: #222;}
#topNews .inner a:hover {color: #E96000;}
@media screen and (max-width: 812px) {
	#topNews {width: 100%;}
}
@media screen and (max-width: 500px) {
	#topNews .inner .date,#topNews .inner h3 {float: none; width: 100%;}
}

#jobList .col4 {position: relative;}
#jobList .iconnew {background: #CC0000; padding: 5px 10px; position: absolute; color: #FFF; font-weight: 700; z-index: 1; line-height: 20px; display: inline-block;}
#jobList h3 {font-size: 16px; background: #666; color: #FFF; padding: 10px 15px; line-height: 1.5;}
#jobList h3 a {color: #FFF;}
#jobList .detail {background: #EEE; padding: 10px 15px;}
#jobList .detail li {line-height: 20px; margin-bottom: 5px;}
#jobList .detail li:last-child {margin-bottom: 0px;}
#jobList .detail li i {color: #1EA939; margin-right: 0.5em;}
#jobList .btn {width: 100%; font-weight: bold;}
@media screen and (max-width: 960px) {
    #jobList .btn span {display: none;}
}
#jobList .btn a {color: #FFF;}
#jobList .btn a:hover {color: #E96000;}

#topComp {width: calc(100% - 40px); margin: 0 20px 50px; padding: 50px 0 0; background: url("image/bg_top3.jpg") no-repeat center bottom; background-size: cover;}
#topComp h3 {font-size: 20px; text-align: center; margin-bottom: 20px;}
#topComp .inner {background: #E96000; color: #FFF; padding: 20px;}
#topComp .inner h3 {font-size: 26px; letter-spacing: 0.1em;}
#topComp .inner h4 {font-size: 20px; margin-bottom: 10px; line-height: 1.4;}
#topComp .inner p {margin-bottom: 20px;}
#topComp .inner .btn {width: 88%; margin: 0 auto; font-size: 18px;}
#topComp .inner .btn a {color: #E96000;}
#topComp .inner .btn a:hover {color: #FFF;}

#headImg {width: calc(100% - 40px); height: 200px; background: url("image/bg_head.jpg") no-repeat center; background-size: cover; position: relative; z-index: 0; margin: 0 20px 0;}
#headTtl {text-align: center;}
#headTtl h2 {background: #E96000; padding: 10px 20px; display: inline-block; font-size: 30px; line-height: 40px; margin-top: 140px; color: #FFF;}
@media screen and (max-width: 500px) {
	#headImg {width: 100%; margin: 0;}
}

.midashi h3 {font-size: 24px; margin-bottom: 10px;}
.midashi h3 span {font-size: 80%;}
.borderBox {border: 2px solid #E96000; padding: 30px; border-radius: 10px;}
.borderBox2 {border: 2px solid #E96000; padding: 10px 20px; border-radius: 10px;}
.borderBoxGR {border: 2px solid #1EA939; padding: 30px; border-radius: 10px;}
@media screen and (max-width: 812px) {
	.borderBox,.borderBoxGR {padding: 10px 20px;}
}
.read {font-size: 16px; margin-bottom: 30px;}
.read h3 {font-size: 24px; margin-bottom: 10px;}
.read p,.law p {margin-bottom: 10px;}
.read p:last-child,.law p:last-child {margin-bottom: 0;}

.lawArea h3 {font-size: 20px; margin-bottom: 10px; font-weight: bold;}
.lawArea h4 {font-size: 16px; margin-bottom: 5px; font-weight: bold;}
.lawArea ul {list-style: decimal; margin-left: 2em;}
.lawArea li {margin-bottom: 10px;}
.lawArea ul li ul {list-style: decimal-leading-zero;}
.lawArea table {width: 90%; text-align: center; border: 1px solid #666;}
.lawArea th {border: 1px solid #666; padding: 8px; background: #EEE; font-weight: normal;}
.lawArea td {border: 1px solid #666; padding: 8px;}

.flowTtl {padding: 5px 20px; display: inline-block; margin-bottom: 20px;}
.flowTtl h2 {color: #FFF; display: inline-block; font-size: 24px;}
.flow1 {background: #1EA939;}
.flow2 {background: #95C739;}
.flow3 {background: #FF7721;}
.flow4 {background: #E54900;}
.flow5 {background: #DB3370;}
.flow6 {background: #CA481C;}
.detailTtl h2 {background: #1EA939; padding: 5px 20px; color: #FFF; display: inline-block; margin-bottom: 20px; font-size: 24px;}
.detailTtl h3 {margin-bottom: 20px; font-size: 24px; line-height: 40px; font-family: 'Noto Serif JP', sans-serif; border-bottom: 2px solid #222;}
.detailTtl h3::first-letter {color: #E96000; font-size: 150%;}
.subtitle h3 {font-size: 20px; line-height: 1.5; color: #E96000; margin-bottom: 10px;}
.subtitle h3:before {content: "\f046"; position: relative; font-family: FontAwesome; margin-right: .5em; color: #E96000;}
.law li,.listCircle li {list-style: none;}
.law li:before {content: "\f061"; position: relative; font-family: FontAwesome; margin-right: .5em; color: #E96000;}
.law a {color: #222;}
.law a:hover {color: #E96000;}
.listCircle li:before {content: "\f111"; position: relative; font-family: FontAwesome; margin-right: .5em; color: #E96000;}

#faq dl{margin-bottom: 20px; line-height:1.8em; overflow: hidden; _zoom: 1;}
#faq dl dd,#faq dl dt{text-indent: -2.6em; padding: 0 20px 0px 50px;}
#faq dl dt{margin:20px 20px 0 0; padding-bottom: 20px; border-bottom: 1px solid #EEE;}
#faq dl dd:first-letter,#faq dl dt:first-letter{font-size: 18px; font-weight: bold; margin-right:10px; padding:5px; font-family: 'Nunito', sans-serif;}
#faq dl dd{margin: 20px 0 -1px 0; padding-bottom:15px; border-bottom: 1px #000 dotted; font-size: 16px; font-weight: bold;}
#faq dl dt:first-letter{color: #E96000;}
#faq dl dd:first-letter{color: #1EA939;}

.voice {margin-bottom: 30px;}
.voice .photo {width: 20%; float: left;}
.voice .txt {width: 77%; float: right;}
.voice .men h3,.voice .lady h3,#staffType h3 {position: relative;padding: 0 0 0.5em; font-size: 18px; margin: 0 0 15px;}
.voice .men h3::after,.voice .lady h3::after,#staffType h3::after {position: absolute;content: '';left: 0;bottom: 0;width: 100%;height: 7px;box-sizing: border-box;}
.voice .men h3::after {border-top: 3px solid #004B86;border-bottom: 1px solid #004B86;}
.voice .lady h3::after {border-top: 3px solid #D74B6B;border-bottom: 1px solid #D74B6B;}
#staffType h3::after {border-top: 3px solid #E96000;border-bottom: 1px solid #E96000;}
.voice .date {font-size: 80%; color: #999; margin-bottom: 10px;}
#staffType h3 {color: #E96000;}
#staffType li {display: inline-block; padding: 5px 10px; border: 1px solid #666; border-radius: 5px; margin: 0 10px 10px 0;}
#staffType li:before {content: "\f02c"; font-family: FontAwesome; position: relative; margin-right: .5em}

.merit {border: 1px solid #E96000;}
.demerit {border: 1px solid #666;}
.merit h3,.demerit h3 {font-size: 20px; font-weight: bold; color: #FFF; display: inline-block; padding: 5px 20px;}
.merit h3 {background: #E96000;}
.demerit h3 {background: #666;}
.merit .inner,.demerit .inner {padding: 10px 20px; font-size: 16px;}
.merit .inner ul,.demerit .inner ul {padding-left: 1em;}
.merit .inner li,.demerit .inner li {list-style: none; position: relative; padding-left: .5em;}
.merit .inner li:before,.demerit .inner li:before {content: "\f00c"; font-family: FontAwesome; position: absolute; left: -1em;}

.compDetail {width: 80%; margin-left: auto; margin-right: auto; clear: both;}
.compDetailH {width: 50%; background: #ededed; border-bottom: 1px solid #222; float: left;}
.compDetailL {width: 200px; float: left; text-align: center; line-height: 20px;padding: 15px 0; color: #FFF; background: #1EA939;}
.compDetailR {float: left; width: 100%; margin-left: -200px;}
.compDetailLInner {padding: 15px 20px; line-height: 20px;display: inline-block;margin-left: 200px;}
@media screen and (max-width: 812px) {
	.compDetail,.compDetailH,#company .col2 {width: 97%;}
	.compDetailL,.compDetailL {float: none;}
	.compDetailR,.compDetailLInner {margin-left: 0;}
}

#jobMain .photo {background-repeat: no-repeat; background-position: center; background-size: cover;padding: 100px 50px; color: #FFF; font-weight: bold; margin-bottom: 50px;}
#jobMain .inner {width: 50%; text-shadow: 1px 1px 2px #000;}
#jobMain h3 {font-size: 34px; font-weight: bold; line-height: 1.8; border-bottom: 1px solid #FFF; padding-bottom: 20px; margin-bottom: 20px;}
#jobMain .txt {font-size: 20px; margin-bottom: 20px;}
#jobMain .btn {width: 300px;}
#jobDetail {background: #1EA939; padding: 30px 0;}
@media screen and (max-width: 812px) {
	#jobMain .photo {background-repeat: no-repeat; background-position: center top; background-size: auto 200px; padding: 0 20px; color: #FFF; font-weight: bold; margin-bottom: 50px;}
	#jobMain .inner {width: 100%; padding: 220px 0 0; text-shadow: none; color: #222!important;}
	#jobMain h3 {font-size: 20px; font-weight: bold; line-height: 1.8; border-bottom: 1px solid #000; padding-bottom: 20px; margin-bottom: 20px;}
	#jobMain .txt {font-size: 18px; margin-bottom: 20px;}
	#jobDetail {padding: 20px 0;}
}

.detailArea .mainArea .detailLine{
	border-bottom: solid 1px #666;
}
.detailArea .mainArea .detailLeft{
	float: left;
	position: relative;
	width: 50%;
}
.detailArea .mainArea .detailLeft--listpage{
	float: left;
	position: relative;
	width: 50%;
}
@media screen and (max-width: 812px) {
	.detailArea .mainArea .detailLeft{
		float: none;
		position: relative;
		width: 100%;
	}
	.detailArea .mainArea .detailLeft--listpage{
		float: none;
		position: relative;
		width: 100%;
	}
}
.detailArea .mainArea .detailLeft dt, .detailArea .mainArea .detailLeft--listpage dt{
	position: absolute;
	left: 0;
	width: 82px;
	color:#E96000;
	font-weight: bold;
	padding:15px 0 15px 0;
}
.detailArea .mainArea .detailLeft dd, .detailArea .mainArea .detailLeft--listpage dd{
	padding:15px 0 15px 82px;
	border-bottom: solid 1px #666;
}
.detailArea .mainArea .detailLeft dd:last-child, .detailArea .mainArea .detailLeft--listpage dd:last-child{
	border-bottom: none;
}

.detailArea .mainArea .detailRight{
	float: right;
    background: #f5f8fa;
    padding: 10px 15px;
    width: calc(47% - 30px);
}
@media screen and (max-width: 812px) {
	.detailArea .mainArea .detailRight{
		float: none;
			background: #f5f8fa;
			padding: 10px 15px;
			width: calc(100% - 30px);
	}
}
.detailArea .mainArea .detailRight--listpage{
	float: right;
	background: #f5f8fa;
	padding: 10px 15px;
	width: 280px;
	height: 194px;
}
.detailArea .mainArea .detailRight img, .detailArea .mainArea .detailRight--listpage img{
  width: 100%;
}
.detailArea .mainArea .detailIconArea{
	padding:9px 15px 15px 9px;
	border-bottom: solid 1px #e5e5e5;
}
.detailArea .mainArea .detailIconArea li{
	float: left;
	padding: 6px 0 0 6px;
}
.detailArea .mainArea .clm3area{
	border-top: solid 1px #e5e5e5;
	display: -wbkit-flex;
	display: flex;
}
.detailArea .mainArea .clm3area li{
	float: left;
	width: 298px;
	padding: 14px;
	border-left: solid 1px #e5e5e5;
}
.detailArea .mainArea .clm3area li:first-child{
	border-left: none;
}
.detailArea .mainArea .entryBt{
	margin:15px 0 0 112px;
}
.detailArea .mainArea .entry_flow{
    background: url(/common/image/arw_down_orange.png)no-repeat center bottom / 36px 10px;
    padding: 0 0 15px;
}
.detailArea .mainArea .entry_flow p {
    border: 2px solid #ff8033;
    padding: 12px 10px 8px;
	text-align:center;
    font-size: 18px;
}
.detailArea .mainArea .entry_flow p:before{
	content: "";
	background: url(/common/image/icon_recommend_orange.png)no-repeat 0 0 / 33px 35px;
	display: inline-block;
	vertical-align: middle;
	width: 43px;
	height: 38px;
	position: relative;
	overflow: hidden;
}
.detailArea .mainArea .jobIcon li {width: 70px; margin: 5px; float: left;}
.detailArea .mainArea .jobIcon li:first-child {margin-left: 0px;}
.pd14 {padding: 14px;}

@media screen and (max-width: 812px) {
	#topStyle .titleArea .EN,#topEntry .titleArea .EN,.ttlCmn2 .EN {font-size: 28px;}
	#headTtl h2,#topStyle .titleArea h2,#topEntry .titleArea h2,.ttlCmn2 h2,#topComp .inner h3 {font-size: 22px;}
	.midashi h3,.read h3,.flowTtl h2,.detailTtl h2,.detailTtl h3 {font-size: 20px;}
	#topStyle .txt h3,#topEntry .txt h3,.ttlCmn .EN,#topComp h3,#topComp .inner h4,.lawArea h3,.subtitle h3,.merit h3,.demerit h3,#jobMain .txt {font-size: 18px;}
	#topStyle .btn a,#topEntry .btn a,#topComp .inner .btn,#faq dl dd:first-letter,#faq dl dt:first-letter,.voice .men h3,.voice .lady h3,#staffType h3,.detailArea .mainArea .entry_flow p,.btnWide,#movie .btn {font-size: 16px;}
	#topStyle .txt p,#topEntry .txt p,#topNews .inner h3,#jobList h3,.read,.lawArea h4,#faq dl dd,.merit .inner,.demerit .inner {font-size: 14px;}
	#topStyle .photo,#topEntry .photo {width: 100%;}
	#topStyle .txt,#topEntry .txt {width: 100%; margin-bottom: 30px; padding: 0;}
	#topStyle .photo,#topEntry .txt,#topStyle .txt,#topEntry .photo {float: none;}
}