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


.step_ul {
	margin-bottom:35px;
	max-width:822px;
	margin:60px auto 35px;
}

.step_ul li {
	float:left;
	width:33%;
	padding:1.76% 0 1.78% 0%;
	font-weight:bold;
	text-align:center;
	background-size:100%!important;
}

.step_ul li.step1 {
	background:url(../../../images/contact/step_01.png) no-repeat top left;
	max-width:251px;
	width:31%;
	color:#fff;
}

.step_ul li.flow_normal01 {
	background:url(../../../images/contact/step_01_normal.png) no-repeat top left;
	color:#000;
}

.step_ul li.flow_normal01-2 {
	background:url(../../../images/contact/step_01_thanks.png) no-repeat top left;
	color:#000;
}




.step_ul li.step2 {
	background:url(../../../images/contact/step_02.png) no-repeat top left;
	max-width:299px;
	width:36%;
}

.step_ul li.flow_active2 {
	background:url(../../../images/contact/step_02_active.png) no-repeat top left;
	color:#fff;
}

.step_ul li.flow_normal02 {
	background:url(../../../images/contact/step_02_normal.png) no-repeat top left;
}





.step_ul li.step3 {
	background:url(../../../images/contact/step_03.png) no-repeat top left;
	max-width:272px;
	width:33%;
}

.step_ul li.flow_confirm {
	background:url(../../../images/contact/step_03_conform.png) no-repeat top left;
}

.step_ul li.flow_active03 {
	background:url(../../../images/contact/step_03_active.png) no-repeat top left;
	color:#fff;
}





.step_ul + .defolt_font {
	margin-bottom:30px;
}

.kakomi .defolt_font {
	font-size:100%;
	margin-bottom:0px!important;
}

.kakomi p.tel {
	font-size:187%;
	font-weight:bold;
	color:#333333;
}

.kakomi {
	padding:30px!important;
	max-width:730px;
	width:100%;
	margin:0 auto 40px!important;
}

.td_left {
	float:left;
	margin-left:90px;
	width:50%;
}

.td_right {
	float:left;
}

.kiyaku {
	max-height:140px;
	overflow:auto;
	background:#eef0f0;
	border:2px solid #dddddd;
	padding-left:20px;
	padding-top:15px;
}

.checkbox {
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}

.btn_01 {
	float:none!important;
	margin:0 auto!important;
}

td p {
	float:left;
	width:34%;
}

.padding {
	padding:3px 0;
}

input {
	border:#cacaca 1px solid;
	margin-bottom:10px!important;
}
textarea {
	border:#cacaca 1px solid;
}
input[type=radio],input[type=checkbox] {
        margin-right:5px;
        border:none;
}
.mgr10 {
    margin-right:10px;
}

.mgb10 {
    margin-bottom:10px;
}
.pdr10 {
    padding-right: 10px;
}
td span {
	color:#9fa0a0;
	font-size:86%;
}

.table02 td.td_bg {
	font-weight:normal!important;
}
.contact_box .table02 tbody td {
    padding-right:20px;
	padding-left:20px;
}
.border_style{
	border-bottom:1px solid #2559a5!important;
}

.member p {
	margin-right:20px;
	font-size:100%;
}

td.address input {
	margin-left:20px;
}

td.address input.last {
	margin-left:45px;
}

td.address span {
	margin-left:76px;
}

.td_right span {
	margin-right:15px;
	font-size:113%;
	color:#000;
}

.td_right span input {
	margin-right:5px;
}

.table02 th {
	text-align:left!important;
	padding-left:18px!important;
}

.check_div {
	width:100%;
}

.check_div ul li {
	float:left;
	width:64%;
	margin-right:2%;
}
.check_div ul li.odd {
	width:35%;
}

.menber_div {
	width:65%;
}

.menber_div p {
	width:26%;
}

.address01 {
	margin-bottom:0!important;
}

.member .menber_div p label input {
	margin:0 5px 0 0!important;
}

.table02 {
	width:100%;
	max-width:805px;
	margin:0 auto 30px;
}
.thanks_title{
  text-align: center;
  font-size: 1.8rem;
}
.thanks_text{
  text-align: center;
  font-size: 1.6rem;
  margin-bottom: 130px;

}
.recruit_contact_wrap {
	margin-bottom: 130px;
}
input.btn_01 {
    display: block;
    background: #222;
    color: #fff;
    text-align: center;
    border-radius: 25px;
    padding: 8px 10px;
  width: 200px;
  cursor: pointer;
  transition: .3s;
  border: 2px solid #222;
}
input.btn_01:hover{
  background: #fff;
  color: #222;
}
input.btn_reset {
    margin-right: 10px !important;
}
input.btn_01:hover {
	text-decoration:none;
}
.clicked {
    border: 1px solid #ccc;
    text-align: center;
    font-size: 120%;
    padding: 15px 0;
    background: #005df8;
    color: #fff;
        
}
.borton_logo {
	text-align:center;
}

.sinsa_box {
	margin-bottom:100px!important;
}

p.defolt_font {
	margin-bottom:40px!important;
}

.kakomi {
	margin-bottom:50px!important;
	max-width:730px;
	width:100%;
}

.kakomi p.tel_no {
	font-size:187%;
	font-weight:bold;
}

.kakomi p {
	font-size:100%;
	font-weight:normal;
}

h3.title_h3 {
	margin-bottom:38px!important;
}

.btn_01 {
	float:none!important;
	margin-bottom:90px!important;
}

h4.title_h4 {
	background:url(../../../images/contact/h5_bg02.png) no-repeat bottom left!important;
}

.contact_box {
	max-width:822px;
	margin:60px auto 0;
} 

.address p {
	float:none;
	width:80%;
	margin-bottom:10px;
}

.address p input {
	margin-bottom:0!important;
}

.contact_btn {
	width:80%;
	max-width:410px;
	margin:0 auto;
}

.contact_btn .btn_01 {
	float:left!important;
	max-width:224px!important;
}

.btn_01 + .btn_01 {
	margin-left:15px!important;
}


.title_h2 {
	background:url(../../../images/contact/contact_h2_ttl.png) no-repeat bottom left!important;
}

.inqury_btn {
	text-align:center;
}


@media screen and (max-width: 800px) {
	#mainColumn {
		margin:0!important;
	}
	
	.l-size {
		width:70%;
	}
	
	.formError .formErrorContent {
		width:100%;
		min-width:inherit;
		box-sizing:border-box;
		max-width:66%;
	}
	
	.table02 tbody td {
		padding:10px 1%;
	}
	
	.table02 th {
		padding-left:0!important;
	}
	
	.check_div ul {
		width:100%;
	}
	
	.check_div ul li {
		float:none;
		width:90%;
	}
	.check_div ul li.odd {
                width:90%;
        }
	.contact_box {
		margin:60px 2% 0;
	}
	
	.table02 th {
		padding-left:2%!important;
	}
	
	.table02 th ,
	.table02 tbody td {
		display:block!important;
	}
  .contact_btn{
    
  }
  form#bfm{
    width: 200px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  form#nfm{
    width: 200px;
    margin: 0 auto;
  }
  .btn_01 {
    margin-bottom: 30px!important;
}
  input.btn_reset {
    margin-right: 0px !important;
}
}

@media screen and (max-width: 600px) {
	.step_ul li {
		padding:1.2% 0 1.2% 0%;
	}
}

@media screen and (max-width: 480px) {
	.step_ul li {
		font-size:66%;
	}
}