@charset "utf-8";

/* -------------- 
												募集要項 
																			-------------- */


#recruit .recruit_inner {
	width: 92%;
	max-width: 1036px;
	margin: 0 auto;
  padding-bottom: 10%;

}

/* border */
.recruit_hr {
	border: 1px solid #0a71b6;
}

.recruit_hr02{
	border: 0.5px solid #0a71b6;
}



/* -------------- saiyouBtn -------------- */
#recruitBtn {
	margin: 10em auto;
}

.recruitBtnBox {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
	text-align: center;
}
	
.square_btn01 {
	display: inline-block;
	width: 80%;
	max-width: 240px;
	position: relative;
	font-weight: bold;
	text-align: center;
	margin: 0 0.6%;
	padding: 2.5% 0.5em;
	text-decoration: none;
	color: #FFF;
	background-color: rgba(10,113,183,0.6);
	transition: .4s;
}	

.square_btn01 img,
.square_btn02 img{
	width:85%;
	max-width: 182px;
}

.square_btn01:hover {
	background-color: rgba(10,113,183,1);
}

.square_btn02 {
	width: 80%;
	max-width: 240px;
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	margin: 0 0.6%;
	padding: 2.5% 0.5em;
	text-decoration: none;
	color: #FFF;
	background-color: rgba(249,196,10,0.6);
	transition: .4s;
}

.square_btn02:hover {
	background-color: rgba(249,196,10,1);
}
@media screen and (max-width:1100px) {
.recruitBtnBox {
	width: 100%;
	max-width: 710px;
}
	
.square_btn01 ,
.square_btn02 {
  width: 48%;
	margin: 0 .5% 2%;
}
}

@media screen and (max-width:530px) {
#recruitBtn {
	margin: 10% auto 14%;
}
	
.recruitBtnBox {
	width: 100%;
	/*max-width:242px;*/
}

}

/* -------------- 募集項目 -------------- */
.saiyou_inner {
	width: 100%;
	margin: 6.5% 0;
}

/* title */
.saiyou_h3 {
	display: block;
	/*width: 36%;
	max-width: 186px ;*/
	padding: 0 0 0.5em;
	margin-bottom: 1%;
	border-bottom: 2px solid #0a71b6;
}

.saiyou_h3 img {
	display: block;
	width: 36%;
	max-width: 186px ;
}

/*-- text --*/

/* 募集していない時 */
.saiyou_inner .textBold {
  padding: 10% 0;
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}

/* 募集している時 */
.saiyou_inner .textBold_more {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 2em; padding-bottom: 0.5em;
	border-bottom: 1px solid #0a71b6;
}
@media screen and (max-width:768px) {

/* 募集していない時 */
.saiyou_inner .textBold {
  padding: 5% 0 10%;
  font-size: 16px;
  font-size: 1.6rem;
}

/* 募集している時 */
.saiyou_inner .textBold_more {
  font-size: 16px;
  font-size: 1.6rem;
}
}

/* 表 */
.recruit_table {
  width: 90%;
  max-width: 943px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.8rem;
}

.recruit_table th,
.recruit_table td {
	padding: .5em 0 ;
  vertical-align: middle;
	letter-spacing: 3px;
	border-bottom: 0.5px solid #cccccc;
}

.recruit_table th {
  width: 30%;
  max-width: 167px;
  text-align: center;
  color: #0a71b6;
  background-color: #f2f2f2;
}

.recruit_table td {
  padding-left: 8%;
  font-weight: 500;
}

/*.recruit_table tr:last-child th,
.recruit_table tr:last-child  td {
	border: none;
}*/

.recruit_table tr.tableFirst th,
.recruit_table tr.tableFirst td {
	border-top: 2em solid #fff;
}

.recruit_table tr.tableLast th,
.recruit_table tr.tableLast td {
	padding-bottom: 1em;
	border-bottom: none;
}
.showSp {display: none}

@media screen and (max-width:768px) {
.recruit_table {
	margin: 10% auto;
  font-size: 15px;
  font-size: 1.5rem;
}

.recruit_table th,
.recruit_table td {
	display: block;
  width: 100%;
  border: none;
}

.recruit_table th {
	max-width: none;
  padding: .3em 5%;
  text-align: left;
}

.recruit_table td {
  padding: .8em 5% 2em;
  text-align: left;
}

.recruit_table tr:last-child th,
.recruit_table tr:last-child  td {
  padding-bottom: 0;
}

}


/* エントリーボタン */
.entryBtn {
	display: block;
  position: relative;
  z-index: 2;
	overflow: hidden;
	width: 40%;
	max-width: 243px;
  height: 50px;
	margin: 2% auto 7%;
	font-size: 30px;
	font-size: 3.0rem;
	letter-spacing: 1px;
  color: #000;
	text-align: center;
	font-family: soleil, sans-serif;
	font-style: italic;
	font-weight: bold;
  background-color: #f9c40a;
}

.entryBtn::before {
	content: url(../img/entryBtn_after.png);
	position: absolute; right: 15%; bottom: -14%;
}

.entryBtn:hover {
  color: #fff;
}

.entryBtn:hover::before{
	content:url(../img/entryBtn_after_hover.png);
	position: absolute;  right: 13%;
	z-index: 2;
}

.entryBtn::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.entryBtn:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #333;
}

@media screen and (max-width:530px) {
.entryBtn {
  margin-bottom: 5em;
	font-size:18px;
	font-size:1.8rem;
}
}

/* -------------- 
												応募フォーム 
																			-------------- */


#form {
	width: 90%;
	margin: 6% auto;
}

#form h2.form_h2{
	display: block;
	width: 75%;
	max-width:360px ;
	margin: 0 auto;
	text-align: center;
}

#form h2.form_h2 img{
	width: 100%;
}

#form p.form_h2Text{
	width: 90%;
	color:red;
	margin: 2% auto 0;
	text-align: center;
}

.form_ul {
	width:100%;
	max-width: 1003px;
	background: #F7F7F7;
	margin: 5% auto;
	padding: 4% 0;
}

.form_ul .form-style-1 {
	margin:0 auto;
	width: 90%;
	max-width: 709px;
	font-size: 15px; /*"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
}

.form-style-1 li {
    padding: 0;
    display: block;
	width: 100%;
    margin: 5% auto 0;
}

.form-style-1 li:last-of-type {
	margin: 2% auto 0;
}

.form-style-1 label{
    margin:0 0 3px 0;
    padding:0px;
    display:block;
	width: 100%;
    font-weight: bold;
}
.form-style-1 input[type=text], 
.form-style-1 input[type=date],
.form-style-1 input[type=datetime],
.form-style-1 input[type=number],
.form-style-1 input[type=search],
.form-style-1 input[type=time],
.form-style-1 input[type=url],
.form-style-1 input[type=email],
textarea, 
select{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border:1px solid #0A71B6;
    padding: 7px;
    margin:0px;
		border-radius :4px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;  
}
input[type="radio"]:checked + select.field-select {
	display: block;
}
select.field-select {
	/*display: none;*/
}
.form-style-1 input[type=text]:focus, 
.form-style-1 input[type=date]:focus,
.form-style-1 input[type=datetime]:focus,
.form-style-1 input[type=number]:focus,
.form-style-1 input[type=search]:focus,
.form-style-1 input[type=time]:focus,
.form-style-1 input[type=url]:focus,
.form-style-1 input[type=email]:focus,
.form-style-1 textarea:focus, 
.form-style-1 select:focus{
    -moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}

.form-style-1 .field-divided{
    width: 49%;
}

.form-style-1 .field-long{
    width: 100%;
}
.form-style-1 .field-select{
    width: 100%;
}
.form-style-1 .field-textarea{
    height: 100px;
}

.form-style-1 #address {
	display: block;
	width: 100%;
	margin-top: 1.5%;
}

.field-select:nth-of-type(1) {
margin-bottom: 1.5%;	
}


.button{
	display: block;
	width: 40%;
	max-width: 218px;
	margin: 7% auto;
	text-align: center;
	background:rgba( 10, 113,182, 0.8 );
	border-radius:4px;
	padding: 1% 0; 
	font-size:25px;
	font-size:2.5rem;
	border: none;
	color: #fff;
	cursor:pointer;
}

.button:hover{
    background: #0A71B6;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

/*確認画面　送信ボタン*/
.button_kakunin{
	max-width:200px;
	margin: 2% auto;
	padding: 1.5% 0;
	font-size:16px;
	font-size:1.6rem;
}

.button_kakunin:hover{
    background: #0A71B6;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

/*確認画面　前画面に戻るボタン*/
.button_mae {
	background:rgba( 167,163,161, 0.8 );
}

.button_mae:hover {
	background:#A7A3A1;
}


.form-style-1 .required{
    color:red;
}

.form_hr {
	display: block;
	width: 100%;
	max-width:708px ;
}

.form_hr img{
	width: 100%;
}

@media screen and (max-width:768px){

#form {
	margin: 14% auto 10%;
}	

.form_ul {
	margin: 9% auto;
}
}

#form .form-style-1 .privacy {
	font-size: 1.4rem;
  text-align: center;
	margin-top: 2em;
  /* margin-bottom: 4em; */
}
#form .form-style-1 .privacy p {
	text-align: center;
}
#form .form-style-1 .privacy p:first-of-type {
	margin-bottom: 1em;
}
#form .form-style-1 .privacy p:last-of-type {
	font-size: 1.3rem;
}
#form .form-style-1 .privacy label {
	font-size: 1.6rem;
  font-weight: bold;
}
#form .form-style-1 .privacy input[type="checkbox"] {
	margin: 0 0.7em 0.5em 0;
  transform: scale(1.5);
  cursor: pointer;
}


/* -------------- 
												送信完了
																			-------------- */


.form_thanksText {
	margin-top: 5%;
	text-align: center;
}

.thx_br {
	display: block
}

@media screen and (max-width:560px){

.form_thanksText {
	padding:10% 0;
}
	
}


/* -------------- 
												確認ページ 
																			-------------- */


.kakunin_ok {
	margin: 0 auto 2%;
}

.kakunin_h3{
	display: block;
	text-align: center;
}

.kakunin_ok p{
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.formTable_kakunin {
	width: 90%;
	margin: 5% auto 6%;
}

.formTable_kakunin li{
	text-align: center;
	margin: 0 auto 2%;
}

ul.formTable_kakunin li label{
	display: block;
	width:100%;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold ;
	margin: 0 auto;
	text-align: center;
}

/*br {display: none}*/

@media screen and (max-width:560px){
	
.form_ul-kakunin {
	padding:10% 0 ;
}
	
.formTable_kakunin {
	margin: 9% auto 8%;
}
	
.formTable_kakunin li{
	margin: 0 auto 5%;
}

br {display: block}
}

/* -------------- 
												エラーページ 
																			-------------- */

.error_messe{
	margin: 0 auto 1%;
	text-align: center;
}

.error_h3 {
	margin-bottom: 2%;
}

.error_center{
	margin-top: 3% ;
}

.form_ul_error .button_mae{
	margin-top: 4%;
}

@media screen and (max-width:560px){
	
.error_messe{
	margin: 0 auto 2%;
}
	
.error_center{
	margin: 8% 0 6%;
}
	
.button_err {
	margin-top:8%; 
}
	
}