@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 採用情報
--------------------------------------------------------------------------------------- */

.pc-only{
	display: block;
  }
  .sp-only{
	display: none;
  }

/* index */

.opencall .topArea {
	padding: 20px 10px 50px 20px;
}

.opencall .topArea .topMenu {
	margin: 0 -5.71% 0 0;
	font-size: 0;
}

.opencall .topArea .topMenu > li {
	display: inline-block;
	box-sizing: border-box;
	margin: 0 5.4% 50px 0;
	vertical-align: top;
	font-size: 14px;
}

.opencall .topArea .topMenu li.menuBox {
	width: 44.59%;
}
.opencall .topArea .topMenu li.recruiting {
	width: 94.59%;
}

.opencall .topArea .topMenu li.menuBox .img img {
	width: 100%;
}

.opencall .topArea .topMenu li.menuBox a {
	display: block;
}

.opencall .topArea .topMenu li.menuBox a:hover {
	opacity: 0.7;
	text-decoration: none;
}


.opencall .topArea .topMenu li.menuBox .txt {
	margin: 20px 0 0;
	display: inline-block;
	padding: 1px 0 0 29px;
	background: url(../img/common/ico_arw0108.png) no-repeat left center;
}

/* career */

.opencall .careerArea {
	padding: 34px 10px 100px 20px;
}
.opencall .apply_rule {
	padding: 34px 10px 90px 20px;
}
.opencall .apply_step3 {
	padding: 34px 10px 123px 20px;
}

.opencall .careerArea h2 {
	padding: 0 0 35px;
	border-bottom: 1px solid #dbdbdb;
}
.opencall .careerArea .careerTable01 {
	margin: 40px 0 0;
}

.opencall .careerArea .careerTable01 table {
	width: 100%;
	margin: 60px 0 0;
	font-size: 116.7%;
}
.opencall .careerArea .careerTable01 table:first-child {
	margin: 0;
}

.opencall .careerArea .careerTable01 th {
	box-sizing: border-box;
	padding: 10px 20px;
	background: url(../img/common/bg_line02.png) repeat-y right center #f5f5f5;
	color: #00b4da;
}
.opencall .careerArea .careerTable01 th:last-child {
	width: 220px;
	background: #f5f5f5;
}

.opencall .careerArea .careerTable01 td {
	padding: 11px 20px;
	background: url(../img/common/bg_line01.png) repeat-x left bottom,
							url(../img/common/bg_line02.png) repeat-y right center;
}
.opencall .careerArea .careerTable01 td:last-child {
	background: url(../img/common/bg_line01.png) repeat-x left bottom;
}
.opencall .careerArea .careerTable01 tr:last-child td {
	border-bottom: 1px solid #dcdcdc;
	background: url(../img/common/bg_line02.png) repeat-y right center;
}
.opencall .careerArea .careerTable01 tr:last-child td:last-child {
	background: none;
}

.opencall .careerArea .careerTable01 td a {
	padding: 0 0 0 24px;
	background: url(../img/common/ico_arw0108.png) no-repeat left center;
	background-size: 15px;
	color: #373737;
}

.opencall .careerArea .careerTable01 td img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

/* career_detail */
/* apply */
/* apply_rule */
/* apply_step */

.opencall .careerArea .section {
	margin: 42px 0 0;
	font-size: 116.7%;
	color: #373737;
}
.opencall .careerDetailArea .section {
	margin: 37px 0 0;
	position: relative;
}
.opencall .apply_step .section {
	margin: 40px 0 0;
}
.opencall .ctRight .careerArea .goback {
	padding: 0 0 0 20px;
	background: url(../img/common/ico_arw0108.png) no-repeat left center / 14px 14px;
	color: #00b4da;
	text-decoration: underline;
	position: absolute;
	top: 0;
	right: 0;
}
.opencall .ctRight .careerArea .goback:hover {
	text-decoration: none;
}

.opencall .careerArea .section h3 {
	margin: 0 0 19px;
	font-size: 0;
}
.opencall .careerDetailArea .section h3 {
	position: relative;
	margin: 0 0 18px;
	padding: 0 0 0 10px;
	font-size: 18px;
}
.opencall .careerDetailArea .section h3:before {
	position: absolute;
	top: 4px;
	left: 0;
	height: 18px;
	border-left: 4px solid #00b4da;
	content: "";
}
.opencall .apply_step .section h3 {
	margin: 0 0 34px;
}

.opencall .careerArea .section h3 img {
	font-size: 14px;
}

.opencall .careerArea .section a {
	color: #00b4da;
	text-decoration: underline;
}
.opencall .careerArea .section a:hover {
	text-decoration: none;
}
.opencall .careerArea .jqTransformSelectWrapper ul a {
	color: #333;
	text-decoration: none;
}
.opencall .careerArea .jqTransformSelectWrapper ul a.selected {
	color: #333;
}
.opencall .careerArea .jqTransformSelectWrapper ul a:hover, .opencall .careerArea .jqTransformSelectWrapper ul a.selected:hover {
	color: #fff;
}

.opencall .careerArea .section p {
	margin: 16px 0 0;
}
.opencall .careerArea .section .note {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.opencall .careerArea .section .address {
	margin: 12px 0 0 10px;
}
.opencall .careerArea .section ul.address {
	margin: 4px 0 56px 10px;
}

.opencall .careerArea .section .lead {
	text-align: center;
}

.opencall .careerArea .section h4 {
	margin: 30px 0 0;
	font-weight: bold;
}

.opencall .careerArea .section h4 a {
	padding: 0 0 0 16px;
	background: url(../img/common/ico_arw0309.png) no-repeat left center;
}

.opencall .careerArea .section table {
	width: 100%;
}

.opencall .careerArea .section th {
	width: 141px;
	box-sizing: border-box;
	padding: 10px 20px;
	background: url(../img/common/bg_line01.png) repeat-x left bottom,
							url(../img/common/bg_line02.png) repeat-y right center;
	color: #00b4da;
}
.opencall .careerArea .section tr:last-child th {
	border-bottom: 1px solid #dcdcdc;
}
.opencall .careerArea .section tr:first-child th {
	border-top: 1px solid #dcdcdc;
}
.opencall .careerArea .section tr:last-child th:last-child {
	background: none;
}

.opencall .careerDetailArea .section th {
	width: 100px;
	padding: 12px 20px;
	border-bottom: 1px solid #dcdcdc;
	background: #f5f5f5;
}
.opencall .careerDetailArea .section th.bgR {
	border-bottom: none;
	background: url(../img/common/bg_line01.png) repeat-x left bottom,
							url(../img/common/bg_line02.png) repeat-y right center;
}

.opencall .careerArea .section td {
	padding: 10px 20px;
	background: url(../img/common/bg_line01.png) repeat-x left bottom,
							url(../img/common/bg_line02.png) repeat-y right center;
}
.opencall .careerArea .section td:last-child {
	background: url(../img/common/bg_line01.png) repeat-x left bottom;
}
.opencall .careerArea .section tr:first-child td {
	border-top: 1px solid #dcdcdc;
}
.opencall .careerArea .section tr:last-child td {
	border-bottom: 1px solid #dcdcdc;
	background: url(../img/common/bg_line02.png) repeat-y right center;
}
.opencall .careerArea .section tr:last-child td:last-child {
	background: none;
}

.opencall .careerDetailArea .section td {
	padding: 12px 20px;
	border-bottom: 1px solid #dcdcdc;
	background: none !important;
}
.opencall .careerDetailArea .section td.bgB {
	border-bottom: none;
	background: url(../img/common/bg_line01.png) repeat-x left bottom !important;
}

.opencall .careerDetailArea .section td .indent {
	margin: 0;
	padding: 0 0 0 1em;
}

.opencall .careerDetailArea .section td p ,
.opencall .careerDetailArea .section td dl {
	margin: 21px 0 0;
}

.opencall .careerDetailArea .section td p:first-child ,
.opencall .careerDetailArea .section td dl:first-child {
	margin: 0;
}

.opencall .careerDetailArea .section td .mt0 {
	margin: 0;
}
.opencall .careerDetailArea .section td .mt2 {
	margin: 42px 0 0;
}

.opencall .careerArea .section .ruleBox {
	height: 558px;
	margin: 15px 0 35px;
	border: 1px solid #dcdcdc;
	overflow-y: scroll;
}

/* scrollBox */

#scrollBox {
	position: relative;
}

.ps-container {
	-ms-touch-action: none;
	touch-action: none;
	overflow: hidden !important;
	-ms-overflow-style: none
}
@supports (-ms-overflow-style: none) {
	.ps-container {
					overflow: auto !important
	}
}
@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.ps-container {
					overflow: auto !important
	}
}
.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
	display: block;
	background-color: #f0f0f0;
}
.ps-container.ps-in-scrolling {
	pointer-events: none
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: #f0f0f0;
	opacity: .1
}
.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #999
}
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: #f0f0f0;
	opacity: 1
}
.opencall .ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: #00b4da;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.ps-container>.ps-scrollbar-x-rail {
	display: none;
	position: absolute;
	opacity: 0;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	bottom: 0px;
	height: 6px
}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	position: absolute;
	background-color: #aaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	bottom: 2px;
	height: 6px
}
.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x {
	height: 11px
}
.ps-container>.ps-scrollbar-y-rail {
	display: none;
	position: absolute;
	margin: 14px 19px 14px 0;
	background-color: #f0f0f0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	opacity: 1;
	-webkit-transition: background-color .2s linear, opacity .2s linear;
	-moz-transition: background-color .2s linear, opacity .2s linear;
	-o-transition: background-color .2s linear, opacity .2s linear;
	transition: background-color .2s linear, opacity .2s linear;
	right: 0;
	width: 6px
}
.opencall .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	position: absolute;
	background-color: #00b4da;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
	-moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	-o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
	transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
	right: 0;
	width: 6px
}
.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y {
	width: 6px
}
.ps-container:hover.ps-in-scrolling {
	pointer-events: none
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
	background-color: #f0f0f0;
	opacity: 1
}
.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
	background-color: #999
}
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
	background-color: #f0f0f0;
	opacity: 1
}
.opencall .ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	background-color: #00b4da;
}
.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
	opacity: 1
}
.ps-container:hover>.ps-scrollbar-x-rail:hover {
	background-color: #00b4da;
	opacity: 1
}
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
	background-color: #999
}
.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background-color: #f0f0f0;
	opacity: 1
}
.opencall .ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	background-color: #00b4da;
}


.opencall .careerArea .section .ruleBox .boxInner {
	padding: 20px 30px;
}

.opencall .careerArea .section .ruleBox dl {
	margin: 21px 0 0;
}

.opencall .careerArea .section .ruleBox dt {
	margin: 0 0 21px;
	color: #00b4da;
	font-weight: bold;
}

.opencall .careerArea .stepList {
	padding: 42px 0 15px;
	border-bottom: 1px solid #dcdcdc;
	text-align: center;
	font-size: 0;
}

.opencall .careerArea .stepList li {
	position: relative;
	display: inline-block;
	width: 114px;
	margin: 0 14px;
	vertical-align: middle;
	font-size: 11px;
	color: #555;
}
.opencall .careerArea .stepList li.current {
	font-weight: bold;
}

.opencall .careerArea .stepList li:after {
	position: absolute;
	top: 13px;
	right: -18px;
	content: url(../img/opencall/ico_arw_stepList01.png);
}
.opencall .careerArea .stepList li:last-child:after {
	content: none;
}

.opencall .careerArea .stepList li span {
	display: block;
	margin: 0 0 5px;
	padding: 5px 0 4px;
	border-radius: 9px;
	background: #c8c8c8;
	font-size: 0;
}
.opencall .careerArea .stepList li.current span {
	background: #00b4da;
}

.opencall .careerArea .stepList li span img {
	font-size: 11px;
}

.opencall .careerArea .section .inputBox {
	margin: 72px 0 0;
}
.opencall .careerArea .section .inputBox:first-child {
	margin: 0;
}

.opencall .careerArea .section .inputBox h4 {
	margin: 0 0 16px;
	font-size: 142.9%;
}

.opencall .careerArea .section .inputBox table {
	margin: 0 0 80px;
}
.opencall .careerArea .section .inputBox table:last-child {
	margin: 0;
}

.opencall .careerArea .section .inputBox th {
	width: 220px;
	padding: 34px 16px;
	background: url(../img/common/bg_line01.png) repeat-x left bottom,
							url(../img/common/bg_line02.png) repeat-y right center #f5f5f5;
	font-size: 114.3%;
	font-weight: normal;
	color: #3c3c3c;
}
.opencall .careerArea .section .inputBox tr:last-child th {
	background: url(../img/common/bg_line02.png) repeat-y right center #f5f5f5;
}

.opencall .careerArea .section .inputBox th img {
	margin: 0 0 4px 8px;
	vertical-align: middle;
}

.opencall .careerArea .section .inputBox td {
	padding: 23px 0 23px 20px;
}

.opencall .careerArea .section .inputBox td p {
	margin: 0 0 14px;
	font-size: 85.7%;
	color: #3c3c3c;
}
.opencall .careerArea .section .inputBox td p:last-child {
	margin: 0;
}
.opencall .careerArea .section .inputBox td .note {
	font-size: 78.6%;
}

.opencall .careerArea .section .inputBox td label {
	line-height: 18px;
	font-size: 14px;
}

.opencall .careerArea .section .inputBox input {
	vertical-align: middle;
}

.opencall .careerArea .section .inputBox input.w418 {	width: 418px;}
.opencall .careerArea .section .inputBox input.w182 {	width: 182px;}
.opencall .careerArea .section .inputBox input.w94 {	width: 94px;}
.opencall .careerArea .section .inputBox input.w40 {	width: 40px;	padding: 9.5px 8px;}

.opencall .careerArea .section .inputBox textarea {
	height: 210px;
}

.opencall .careerArea .section .inputBox .input01 input {
	margin: 0 18px 0 9px;
}
.opencall .careerArea .section .inputBox .input01 input:last-child {
	margin: 0 0 0 9px;
}
.opencall .careerArea .section .inputBox .input02 input {
	margin: 0 9px 0 0;
}
.opencall .careerArea .section .inputBox .input03 .inputRadio {
	margin: 0 108px 0 0;
}
.opencall .careerArea .section .inputBox .input04 input {
	margin: 0 9px;
}
.opencall .careerArea .section .inputBox .input05 input {
	margin: 0 9px 0 0;
}
.opencall .careerArea .section .inputBox .input06 .inputRadio {
	margin: 0 27px 0 0;
}
.opencall .careerArea .section .inputBox .input07 input {
	margin: 0 9px;
}
.opencall .careerArea .section .inputBox .input07 p:nth-child(2n):not(.err_msg) {
	font-size: 14px;
}
.opencall .careerArea .section .inputBox .input07 .inputRadio {
	margin: 0 66px 0 0;
}
.opencall .careerArea .section .inputBox .input08 .inputRadio {
	margin: 0 39px;
}
.opencall .careerArea .section .inputBox .input09 .inputRadio {
	margin: 0 18px 0 0;
}
.opencall .careerArea .section .inputBox .input10 .inputRadio {
	margin: 0 27px 0 0;
}
.opencall .careerArea .section .inputBox .input10 .inputRadio:nth-child(2n) {
	margin: 0 18px 0 0;
}
.opencall .careerArea .section .inputBox .input11 .inputRadio {
	margin: 0 27px 0 0;
}

.opencall .careerArea .section .bottomBtn {
	margin: 40px 0 0;
	padding: 30px 0 29px;
	background: #E5F6FA;
	text-align: center;
	font-size: 0;
}
.opencall .apply_step3 .section .bottomBtn {
	margin: 34px 0 0;
}

.opencall .careerArea .section .bottomBtn p {
	display: inline-block;
	margin: 0 20px;
	vertical-align: top;
}

.opencall .careerArea .section .bottomBtn p.back a {
	display: block;
	width: 260px;
	box-sizing: border-box;
	padding: 0 0 0 4px;
	border: 2px solid #b4b4b4;
	border-radius: 4px;
	background: url(../img/common/ico_arw0301.png) no-repeat 19px center #fff;
	line-height: 46px;
	font-size: 16px;
	color: #6e6e6e;
	text-decoration: none;
}

.opencall .careerArea .section .bottomBtn p.apply a {
	display: block;
	width: 260px;
	box-sizing: border-box;
	padding: 0 0 0 16px;
	border-radius: 4px;
	background: url(../img/common/ico_arw0306.png) no-repeat 21px center #00b4da;
	line-height: 50px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}

.opencall .careerArea .section .bottomBtn p.finish a {
	display: block;
	width: 260px;
	box-sizing: border-box;
	padding: 0 0 0 4px;
	border-radius: 4px;
	background: url(../img/common/ico_arw0306.png) no-repeat 21px center #00b4da;
	line-height: 50px;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

.opencall .careerArea .section .bottomBtn p.next input {
	width: 260px;
	height: 50px;
	box-sizing: border-box;
	padding: 0 0 0 4px;
	border: none;
	border-radius: 4px;
	background: url(../img/common/ico_arw0306.png) no-repeat 21px center #00b4da;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.opencall .careerArea .section .bottomBtn p a:hover ,
.opencall .careerArea .section .bottomBtn p input:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}