@charset "UTF-8";

#contents #region{
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
}

#region .region-head h1{
	font-size: 2.2rem;
	line-height: 2.2rem;
}


#region .region-body{
	margin: 30px 20px 0px;
	padding: 0px;
	position: relative;
}

#region h2{
	margin: 0px;
	padding: 12px 15px;
	font-size: 1.8rem;
	line-height: 1.8rem;
}

#region .list .list-bg{
	margin: 0px;
	padding: 20px 0px 0px;
	width: 100%;
}

#region .list .select{
	margin: 0px;
	padding: 12px 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#region .list ul li h3{
	font-size: 1.6rem;
	margin: 0px;
	padding: 10px 0px;
}

#region .list ul li h3 svg {
	font-size:2rem;
	right: 10px;
}

#region .list ul li ul li a{
	padding: 14px 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#region .list ul li ul li a svg {
	font-size:1.4rem;
	right: 15px;
}


/* job */

#job{
	margin: 0px;
	padding: 0px;
}

#region #job h2{
	margin: 0px;
	padding: 13px 0px;
	font-size: 1.5rem;
	line-height: 1.5rem;
}

#job .job-list{
	margin: 0px;
	padding: 20px 0px 0px;
	width: 100%;
}

#job .job-block{
	margin: 0px;
	padding: 40px 0px 0px;
}

#job .job-block:first-child{
	padding: 0px;
}

#job .job-block h3{
	font-size: 1.4rem;
	line-height: 2rem;
	text-align: left;
	margin: 0px;
	padding: 10px 15px;
	border: 1px solid #8a8a8a;
}


#job .job-block .job-data{
	margin: 0px;
	padding: 0px;
}


#job .job-block .job-data h4{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size:1.6rem;
	line-height:2.4rem;
}

#job .job-block .job-data .text{
	margin: 0px;
	padding: 5px 0px 0px;
	font-size:1.4rem;
	line-height:2.2rem;
}

#job .job-block .job-data .btn{
	margin: 0px;
	padding: 40px 0px 0px;
}


#job .job-block .job-data .btn a{
	padding: 20px 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
	width:300px;
}

#job .job-block .job-data .btn a span.bar{
    font-size:1.4rem;
	line-height: 1.4rem;
}

#job .job-block .job-data .btn span svg{
	right: 25px;
    font-size:.9rem;
}



#entry-form{
	width: 100%;
	margin: 0;
	padding: 30px 20px 0px;
}

#entry-form h1{
    margin: 0px;
    padding: 5px 0px 0px;
    font-size: 2.2rem;
    line-height: 2.2rem;
}

#entry-form h2.section-heading {
    margin: 30px 0px 0px;
    padding: 12px 15px;
    font-size: 1.8rem;
    line-height: 2.6rem;
	text-align:left;
}

#entry-form h2.form-section-heading {
    margin: 0px;
    padding: 20px 0px 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
	text-align:center;
}

#entry-form h3 {
	margin: 20px 0px 0px;
	padding: 8px 10px;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: left;
}

#entry-form h4 {
	margin: 0px;
	padding: 20px 0px 5px;
	font-size: 1.5rem;
	line-height: 2.5rem;
	text-align: left;
	border-bottom: 1px solid #7e6047;
	width: 100%;
	font-weight: 600;
}

#entry-form h4.j2 {
	margin: 0px auto;
	padding: 30px 0px 5px;
}

#entry-form .form-error-message{
	color: #F00;
	text-align: center;
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.8rem;
	line-height: 2.8rem;
}

#entry-form .error{
	color: #F00;
}

#entry-form .form-fr {
	margin: 0px;
	padding: 0px 10px 5px;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

#entry-form .form-fr.fr2 {
	padding: 0px 10px 20px;
}
#entry-form .form-fr .conf-box {
	padding: 0px 0px;
}


#entry-form table{
	margin: 0px;
	padding: 0px;
	width: 100%;
	font-size: 1.4rem;
	line-height: 2.4rem;
	display:block;
}

#entry-form table.t2{
	margin: 0px;
}
#entry-form table th{
	margin: 0px;
	padding: 25px 0px 0px;
	width: auto;
	font-weight:600;
	position:relative;
	vertical-align:top;
	display:block;
}

#entry-form table tr{
	display:block;
	width:100%;
}

#entry-form table tbody{
	display:block;
	width:100%;
}

#entry-form table td{
	margin: 0px;
	padding: 15px 0px 0px;
	display:block;
}

#entry-form table .place th{
	margin: 0px;
	padding: 20px 0px 0px;
	text-align:left;
}

#entry-form table .place td{
	padding: 5px 0px 0px;
}
#entry-form table td .note-note{
	font-size: 1.2rem;
	line-height: 2.2rem;
}

#entry-form table th .required-mark{
	display: inline-block;
	padding: 5px 7px;
	position: relative;
	top: 0px;
	right: 0px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin-right:5px;
}

#entry-form table th .any-mark{
	display: inline-block;
	padding: 5px 7px;
	position: relative;
	top: 0px;
	right: 0px;
	font-size: 1.2rem;
	line-height: 1.2rem;
	margin-right:5px;
}

#entry-form .conf table th{
	margin: 0px;
	padding: 20px 0px 0px;
	text-align:left;
	width:100%;
}

#entry-form .conf table td{
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #dddddd;	
}


#entry-form input[type="text"]{
	padding: 8px;
	margin: 0px;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#entry-form .input-name{
	width:100%;
}

#entry-form .input-postcode,
#entry-form .input-tel{
	width:30%;
}

#entry-form .input-year{
	width:80px;
}

#entry-form .input-month{
	width:50px;
}

#entry-form .input-day{
	width:50px;
}

#entry-form .input-f2h{
	width:100%;
}




#entry-form .form-item{
	display: block;
	margin: 0px;
	padding: 0px;
}

#entry-form .form-item.fname{
	display: block;
	margin: 0px;
	padding: 10px 0px 0px;
}

#entry-form .form-item.fs{
	margin: 10px 7px 0px 0px;
	display:inline-block;
}

#entry-form .input-radio{
  display: none;
}
#entry-form .input-radio + label{
  padding-left: 20px;
  position:relative;
}
#entry-form .input-radio + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #c6b1a4;
  border-radius: 50%;
  background: #f5f2ef;
}

#entry-form .input-radio:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #493528;
  border-radius: 50%;
}


#entry-form .sex-tb{
	width: 100%;
	display: table;
	border: 1px solid #c6b1a4;
	border-collapse: separate;
	border-radius: 3px;
}

#entry-form .sex-tb .form-item{
	width: 50%;
	display: table-cell;
	margin: 0px;
	padding: 5px 10px;	
}

#entry-form .sex-tb .form-item.current{
	background: #c6b1a4;	
}

#entry-form .sex-tb .form-item .input-radio + label{
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display:block;
}

#entry-form .sex-tb .form-item .input-radio + label::before{
  top: 5px;
  left: 0;
}

#entry-form .sex-tb .form-item .input-radio:checked + label::after{
  top: 9px;
  left: 4px;
}




#entry-form .tline{
	margin: 0px;
	padding: 10px 0px 0px;
}

#entry-form .tline2{
	margin: 0px;
	padding: 0px;
}

#entry-form textarea{
	outline: none;
	border: solid 1px #c6b1a4;
	border-radius: 3px;
	padding: 10px;
	margin: 0px;
	background: #f5f2ef;
	font-size: 1.6rem;
	line-height: 1.6rem;
	width:100%;
	height: 140px;
}

#entry-form textarea::placeholder {
	color: #beb6b1;
}


#entry-form .notes1{
	text-align: left;
	margin: 20px auto 0px;
	padding: 10px;
	width: 100%;
	border: 1px solid #f47d7d;	
	font-size: 1.4rem;
	line-height: 2.4rem;
}


#entry-form select{
	width: 100%;
	font-size: 1.4rem;
	line-height: 1.4rem;
	padding: 10px;
}

#entry-form .select-box {
	position: relative;
	width:100%;
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#entry-form .input-checkbox label {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 8px 30px 0px;
    position: relative;
    width: auto;
}
#entry-form .input-checkbox label::before {
    border: 1px solid #c6b1a4;
	border-radius: 3px;
	background: #f5f2ef;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
#entry-form .input-checkbox label::after {
    border-right: 3px solid #493528;
    border-bottom: 3px solid #493528;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}
#entry-form .input-checkbox input[type=checkbox]:checked + label::after {
    opacity: 1;
}
#entry-form .input-checkbox label.s {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 0px;
    position: relative;
    width: 30px;
	height:18px;
}

#entry-form .form-policy{
	margin: 0px;
	padding: 20px 0px 0px;
	text-align:left;
}

#entry-form .form-policy .note{
	margin: 0px;
	padding: 0px;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

#entry-form .form-policy .value-list{
	margin: 0px;
	padding: 20px 0px 0px;
	text-align:center;
	font-size: 1.6rem;
	line-height: 1.6rem;
}

#form-btns{
	text-align: center;
	margin: 0px;
	padding: 20px 0px 0px;
}

#form-btns input{
	height: 50px;
	width: 260px;
	font-size: 1.5rem;
	line-height: 1.5rem;
}

#form-btns span:after{
	width: 6px;
	height: 6px;
}

.form-btns{
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.form-btns form{
	margin: 0px;
	padding: 20px 0px 0px;
}

.form-btns input{
	height: 50px;
	width: 260px;
	font-size: 1.5rem;
	line-height: 1.5rem;
}

.form-btns span.submit:after{
	width: 6px;
	height: 6px;
}
.form-btns span.back:after{
	width: 6px;
	height: 6px;
}

#entry-form .form-policy .error{
	font-size: 1.4rem;
	line-height: 1.4rem;
}

#entry-form .confirm-caution{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.4rem;
	line-height: 2.2rem;
}


#entry-form .form-complete-message{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.5rem;
	line-height: 2.5rem;
}

#entry-form .form-complete-message2{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.4rem;
	line-height: 2.4rem;;
}

#entry-form .form-complete-message3{
	margin: 0px;
	padding: 20px 0px 0px;
	font-size: 1.2rem;
	line-height: 2.2rem;
}

.policy-remodal{
	margin: 0px;
	padding: 0px;
}

.policy-remodal h1{
	margin: 0px;
	padding: 10px 0px;
	font-size: 1.6rem;
	line-height: 1.6rem;
}

.policy-remodal .remodal-section{
	margin: 0px;
	padding: 10px 10px 0px;
	text-align:left;
	font-size: 1.4rem;
	line-height: 2.4rem;
}

.policy-remodal .remodal-btn{
	margin: 0px;
	padding: 15px 0px;
}

.policy-remodal .remodal-confirm{
	height: 40px;
	width: 160px;
	font-size: 1.6rem;
	line-height: 1.6rem;
}





