@charset "utf-8";


/*
input.html
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.recruits #main .lead {
	widt:100%;
	font-size:1.4rem;
	line-height:160%;
	font-weight:normal;
	text-align:center;
	margin-bottom:80px;
}
.recruits #main .heading {
	widt:100%;
	background-color:#FF0000;
	font-size:2.2rem;
	color:#FFFFFF;
	height:50px;
	text-align:center;
	margin-bottom:50px;
}

.recruits #main h3 {
	margin-bottom:20px;
}

.recruits #main table.table_type1 {
	width:100%;
	margin-bottom:80px;
	overflow:hidden;
}
.recruits #main table.table_type1 th , .recruits #main table.table_type1 td {
	padding:20px;
	border:1px solid #999999;
}
.recruits #main table.table_type1 th {
	background-color:#f2f2f2;
	font-size:1.2rem;
}
.recruits #main table.table_type1 td {
	font-size:1.1rem;
}

.recruits #main table.table_type1 span {
	font-size:1rem;
}

.recruits #main p.copy {
	width:100%;
	font-size:1.6rem;
	line-height:160%;
	font-weight:normal;
	margin-bottom:80px;
}
.recruits #main p.formname {
	font-size:2.2rem;
	color:#FF0000;
	margin-bottom:30px;
}


.recruits #main .historyback{
	width:173px;
	margin-bottom:60px;
}
.recruits #main .formbtn{
	text-align:center;
	margin-bottom:120px;
}
#content.recruits {
    margin-bottom: 50px;
}
.recruits .finish {
    text-align:center;
    font-size:2.2rem;
    margin:140px auto;
}
.recruits .finish span {
    font-size:2.2rem;
}
/*--------------------------------------  PC幅 min-width: 751px --------------------------------------*/
@media screen and (min-width: 751px) {
	.recruits #main table.table_type1 th , .recruits #main table.table_type2 th {
		width:25%;
        vertical-align: middle;
            font-size: 1.6rem;
	}
    .recruits #main .fixed:nth-of-type(1){
        margin-bottom:50px !important;
    }
    
    
    /*応募フォーム*/
    input,select{
        padding:15px 0;
        margin: 0 10px 0 0;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 1.6rem;
    }
    select{
        width:100px;
    }
    
    
    
    .recruits #main table.table_type2 {
	width:100%;
	margin-bottom:20px;
/*	overflow:hidden;*/
}
.recruits #main table.table_type1 th , .recruits #main table.table_type2 th {
	background-color:#f2f2f2;
	font-size:1.2rem;
}
.recruits #main table.table_type1 td , .recruits #main table.table_type2 td {
	font-size:1.1rem;
}
.recruits #main table.table_type2 th , .recruits #main table.table_type2 td {
	padding:20px;
	border:1px solid #999999;
}
.recruits #main table.table_type2 th {
	background-color:#ffe7e9;
	font-size:1.6rem;
}
.recruits #main table.table_type2 td {
	font-size:1.6rem;
}
.recruits #main table.table_type2 td .box {
	display: flex;
	align-items: center;
}
    
    
    #MailMessageName01{
        
    }
    #FieldMessageName01 input,
    #FieldMessageName02 input{
        margin-left:10px;
    }
    #FieldMessageBirth01,
    #FieldMessageBirth02,
    #FieldMessageBirth03{
        margin:0 10px 0 0;
    }
    #RowMessageAddress01 .box{
        display: block !important;
        margin-bottom: 20px;
    }
    #FieldMessageAddress01 span{
        display: inline-block;
    }
    #FieldMessageAddress02 input,
    #FieldMessageAddress03 input{
        width:100%;
    }
    #FieldMessageEducational02{
        margin-right:10px;
    }
    #FieldMessageQualification textarea{
        width:100%;
        min-height:200px;
        border:1px solid #CCC;
    }
    #RowMessageJob0101 p{
        margin-right:10px;
    }
    #FieldMessageJob0102,
    #FieldMessageJob0202,
    #FieldMessageJob0302,
    #FieldMessageJob0402{
        padding-left:4em;
    }
    #FieldMessageJob0102,
    #FieldMessageJob0202,
    #FieldMessageJob0302{
        border-bottom:1px solid #CCC;
    }
    #FieldMessageJob0402{
        position: relative;
        margin-bottom:30px !important;
    }
    
    #FieldMessageJob0402 span{
        position: absolute;
        right:20px;
        bottom:-20px;
    }
    #RowMessageJob0101 .box{
        margin-bottom:20px;
    }
    #MailMessageEmail{
        width:500px;
    }
    
}
/*--------------------------------------  PC幅 min-width: 751px --------------------------------------*/

/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/
@media screen and (max-width: 750px) {
	.recruits #main table.table_type1 , .recruits #main table.table_type2 {
		width:94%;
		margin:0 auto 60px;
	}
	.recruits #main table.table_type1 th , .recruits #main table.table_type2 th {
		width:25%;
	}
    
    
    /*応募フォーム*/
    input,select{
        padding:1rem 0;
        margin: 0 1rem 0 0;
        border-radius: 4px;
        border: 1px solid #ccc;
        font-size: 1.6rem;
    }
    input{
        -webkit-appearance: none; 
    }
    select{
        min-width:100px;
    }
    
    
    .recruits #main table.table_type2 {
	width:100%;
	overflow:hidden;
}
.recruits #main table.table_type1 th , .recruits #main table.table_type2 th {
	background-color:#f2f2f2;
	font-size:1.2rem;
}
.recruits #main table.table_type1 td , .recruits #main table.table_type2 td {
	font-size:1.1rem;
}
.recruits #main table.table_type2 th , .recruits #main table.table_type2 td {
	
	border:1px solid #999999;
}
.recruits #main table.table_type2 th {
	background-color:#ffe7e9;
	font-size:1.2rem;
    vertical-align: middle;
    padding-left: 1%;
}
.recruits #main table.table_type2 td {
	font-size:1.6rem;
}
.recruits #main table.table_type2 td >.box{
    padding:2%;
}
.recruits #main table.table_type2 td .box {
/*	display: flex;*/
	align-items: center;
}
    .recruits #main table.table_type2 td .box .box{
        margin-bottom:2%;
    }
    
    
   
    #MailMessageName01{
        
    }
    #FieldMessageName01 input,
    #FieldMessageName02 input{
        margin-left:1rem;
    }
    #FieldMessageBirth01,
    #FieldMessageBirth02,
    #FieldMessageBirth03{
        margin:0 1rem 0 0;
    }
    #RowMessageAddress01 .box{
        display: block !important;
        margin-bottom: 2rem;
    }
    #FieldMessageAddress01 span{
        display: inline-block;
    }
    #FieldMessageAddress02 input,
    #FieldMessageAddress03 input{
        width:100%;
    }
    #FieldMessageEducational02{
        margin-right:1rem;
    }
    #FieldMessageQualification textarea{
        width:100%;
        min-height:20rem;
        border:1px solid #CCC;
    }
    #RowMessageJob0101 p{
        margin-right:1rem;
    }
    #FieldMessageJob0102,
    #FieldMessageJob0202,
    #FieldMessageJob0302,
    #FieldMessageJob0402{
        padding-left:4rem;
    }
    #FieldMessageJob0102,
    #FieldMessageJob0202,
    #FieldMessageJob0302{
        border-bottom:1px solid #CCC;
    }
    #FieldMessageJob0402{
        position: relative;
        margin-bottom:3rem !important;
    }
    
    #FieldMessageJob0402 span{
        
    }
    #RowMessageJob0101 .box{
        margin-bottom:2rem;
    }
     #MailMessageTel,
    #MailMessageMobile{
        display: block;
    }
    #MailMessageEmail{
        width:100%;
    }
    
    
    
    
}
/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/




/*
confirm.html
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#MailMessageConfirmForm #FieldMessageName01{
   margin-right:5%;
}
#MailMessageConfirmForm #FieldMessageNameKana01{
    margin-right:5%;
}

#MailMessageConfirmForm #RowMessageJob0101 td > .box{
    display: inline-block;
}
#MailMessageConfirmForm #FieldMessageJob0102,
#MailMessageConfirmForm #FieldMessageJob0202,
#MailMessageConfirmForm #FieldMessageJob0302,
#MailMessageConfirmForm #FieldMessageJob0402{
    padding-left:0 !important;
}
#MailMessageConfirmForm #FieldMessageJob0103{

}
#MailMessageConfirmForm #FieldMessageJob0103::after{
    content:'〜'
    
}
#MailMessageConfirmForm .required{
    display: none;
}
#MailMessageConfirmForm #FieldMessageJob0102,
#MailMessageConfirmForm #FieldMessageJob0202,
#MailMessageConfirmForm #FieldMessageJob0302{
    border:none;
}

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


}
/*--------------------------------------  PC幅 min-width: 751px --------------------------------------*/

/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/
@media screen and (max-width: 750px) {



}
/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/






/*
thanks.html
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/





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


}
/*--------------------------------------  PC幅 min-width: 751px --------------------------------------*/

/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/
@media screen and (max-width: 750px) {



}
/*--------------------------------------  SP幅 max-width: 750px --------------------------------------*/