/* ------------------ contact ------------------ */
.contact-wrapper
.contact-wrapper .contactRead{
    padding: 40px 0 10px;
    margin: 30px 0 0;
    font-size: 20px;
    border-bottom: #cecece 2px solid;
}
.contact-wrapper .contactRead .title {
	text-align: center;
	margin:0 0 40px;
}
.contact-wrapper .contactRead ul {
	margin:0 0 0 20px;
}
.contact-wrapper .contactRead ul li {
	margin:0 0 10px;
	font-size: 16px; font-size: 1.6rem;
}
.contact-wrapper .contactRead p {
	font-size: 18px; font-size: 1.8rem;
}
.contact-wrapper {
    max-width: 100%!important;
    padding: 50px 0 0;
}
.contact-wrapper .contact {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
}
.contact-wrapper .contact p.formTtl {
    font-size: 18px;
    font-weight: bold;
	margin:0 0 15px;
}

.contact-wrapper .contact dl {
	width: 100%;
    margin: 0 0 30px;
}
.contact-wrapper .contact dt {
	left: 0;
	width: 210px;
	clear: left;
	float: left;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
    font-weight: inherit;
    margin-top: inherit;
    padding: 10px 0 0;
}
.contact-wrapper span.must {
	float: right;
	font-size: 16px;
	color: #e46401;
	line-height: 18px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}
.contact-wrapper span.mustAtte {
	font-size: 16px;
	color: #e46401;
	line-height: 18px;
	padding: 0 5px;
	margin: 0 5px;
}


.contact-wrapper .contact dd {
	padding-left: 230px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 150%;
	margin-left:0;
	min-height: 40px;
}


.contact-wrapper .contact dd span.exa{
	margin-left: 10px;
}
.contact-wrapper .contact dd ul li {
	list-style-type: none;
	font-size: 12px;
	line-height: 180%;
}
.contact-wrapper .contact dd label {
	cursor: pointer;
    display: inline-block;
    margin: 0 20px 0 0;
}
.contact-wrapper .contact dd input[type=checkbox], .contact-wrapper .contact dd input[type=radio] {
	width:inherit;
	margin: 0;
    display: inline-block;
}
.contact-wrapper .contact dd input, .contact-wrapper .contact dd select, .contact-wrapper .contact dd textarea{
	padding: 7px 10px;
	border: 1px solid #ECECEC;
	margin-bottom: 10px;
	border-radius: 5px;        /* CSS3‘�ˆÄ */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome—p */
	-moz-border-radius: 5px;   /* Firefox—p */
	background-color: #F7F7F7;
	width: 400px;
}
.contact-wrapper .contact dd input.attention::after {
    content: '�¦”¼Šp';
}
.contact-wrapper .contact dd input.yubin{
	width: 100px;
}
.contact-wrapper .contact dd input.tel{
	width: 150px;
}
.contact-wrapper .contact dd select{
	width:200px!important;
}
.contact-wrapper .contact dd input.name{
	width: 250px;
}
.contact-wrapper .contact dd input.company {
	width: 280px;
}
.contact-wrapper .contact dd input.c_post , .contact-wrapper .contact dd input.position{
	width: 150px;
}

.contact-wrapper .contact dd input.add {
	width: 300px;
}

.contact-wrapper .contact dd input[type="radio"] {
	margin-top:0;

}
.contact-wrapper .contact dd textarea.naiyo {
	width: 400px;
}

.contact-wrapper .contact dd:last-child {
	border-bottom-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}


.contact-wrapper .contact .transmit{
	text-align:center;
	padding-top:50px;
	}

.contact-wrapper .contact .transmit input[type="submit"], .contact-wrapper .contact .transmit input[type="button"] {
	width: 381px;
	font-size: 2.2rem;
	margin-bottom: 0px;
	background-image: url(images/contact/submit_bg.png);
	background-position: 0px center;
	color: #FFF;
	border-style: none;
	height: 63px;
	padding: 5px 0;
	cursor:pointer;
	text-align:center;
    background: #009daa;
}
.contact-wrapper .contact .transmit input[type="submit"]:hover,.contact-wrapper .contact .transmit input[type="button"]:hover {
	background-image: url(images/contact/submit_bg_on.png);
}
.contact-wrapper .contact #formWrap h3{
	text-align: center;
    font-size: 2.4rem;
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 50px;
}

.contact-wrapper .contact #formWrap .content_tbl{
	margin:25px auto 25px;
}

.contact-wrapper .contact #formWrap .content_tbl td, .contact-wrapper .contact #formWrap .content_tbl th{
	padding:5px 10px;
}


.contact-wrapper .contact .topAtte{
	padding: 30px 7%;
    font-size: 1.9rem;
    background: #E6EDE6;
    font-weight: bold;
	margin-bottom: 50px;
}

.contact-wrapper .contact h2{
    text-align: center;
    font-size: 2.2rem;
    color: #008B60;
    padding-bottom: 25px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 30px;
}
.contact-wrapper .contact .contBox{
	margin-bottom:40px;
}

.contact-wrapper .contact p.read{
    margin: 0 6%;
    margin-bottom: 20px;
}
.contact-wrapper .contact p.name{
	text-align:right;
    margin: 0 6%;
    margin-bottom: 20px;
}
.contact-wrapper .contact ol{
	margin: 0 8%;
}

.contact-wrapper .contact .contBoxBtn{
	border-top:#ccc solid 1px;
	padding:50px 0 0;
	text-align:center;
}
.contact-wrapper .contact .contBoxBtn a.ok{
	background:url(../../images/contact/submit_bg.png) repeat-x;
	font-size:2.2rem;
	line-height:48px;
	padding:10px 50px;
	color:#fff;
}
.contact-wrapper .contact .contBoxBtn a.no{
	background:url(../../images/contact/submit_no.png) repeat-x;
	font-size:2.2rem;
	line-height:48px;
	padding:10px 50px;
	color:#fff;
}
.contact-wrapper .contact .contBoxBtn a.ok:hover,.contact-wrapper .contact .contBoxBtn a.ok:visited{
	text-decoration:none;
	background:url(../../images/contact/submit_bg_on.png) repeat-x;
}
.contact-wrapper .contact .contBoxBtn a.no:hover,.contact-wrapper .contact .contBoxBtn a.no:visited{
	text-decoration:none;
	background:url(../../images/contact/submit_no_hvr.png) repeat-x;
}
.contact-wrapper .companyTable01 {
	width: 100%;
	border-top: 1px solid #cfcfcf;
	margin-bottom:50px;
}
.contact-wrapper .companyTable01 th {
	background-color: #efefef;
	border-bottom: 1px solid #cfcfcf;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
	line-height: 1.8em;
	font-weight: normal;
	width: 6em;
	white-space: nowrap;
	padding: 10px 20px;
}
.contact-wrapper .companyTable01 td {
	border-bottom: 1px solid #cfcfcf;
	text-align: left;
	vertical-align: top;
	font-size: 18px;
	line-height: 1.8em;
	padding: 10px 20px 10px 42px;
}
.contact-wrapper .companyTable01 td.td01 {
	padding: 0px 0px 0px 42px;
}

.contact-wrapper .companyTable01 td .ul01 {
	padding-right: 30px;
	float: left;
}
.contact-wrapper h3.recruitInfo{
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:10px;
}


/* ------------------ contact ------------------ */



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

.contents-header.family-header .header {
    padding: 40px 20px 40px;
    background: #009daa;
}
.contents-header.family-header .header-heading {
    font-size: 30px;
    font-size: 3.0rem;
    color: #fff;
}



/* ------------------ contact ------------------ */
.contact-wrapper {
    padding: 30px 0 50px;
}
	.contact-wrapper span.must {
		float: right;
		font-size: 1.2rem;
		color: #FFF;
		line-height: 18px;
		padding-top: 0;
		padding-right: 5px;
		padding-bottom: 0;
		padding-left: 5px;
	}
	.contact-wrapper .contact {
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 50px;
	}
	.contact-wrapper .contact dt {
		left: 0;
	  	width: 100%;
	  	float: none;
	  	text-align: left;
		margin:0 0 10px;
	}
	.contact-wrapper span.must {
		float: inherit;
	    font-size: 16px;
	    color: #e46401;
		line-height: 18px;
		margin:0 10px 0 0;
	}
	.contact-wrapper .contact dd {
	  	padding-left: 0px;
	}
	.contact-wrapper .contact dd input, .contact-wrapper .contact dd select, .contact-wrapper .contact dd textarea{
		width: 100%;
	}
	.contact-wrapper .contact .topAtte{
		padding: 10px 3%;
	}  
	.contact-wrapper .contact p.read{
		margin: 0 2%;
	}
	.contact-wrapper .contact p.name{
		margin: 0 2%;
	}
	.contact-wrapper .contact ol{
		margin: 0 3%;
	}
	.contact-wrapper .contact .contBoxBtn a{
		display:block;
		margin-bottom:15px;
	}
	.contact-wrapper .contact .contBoxBtn a.ok{
		padding:0px 50px;
		text-align:center;
	}
	.contact-wrapper .contact .contBoxBtn a.no{
		padding:0px 50px;
		text-align:center;
	}
	.contact-wrapper .companyTable01 {
		width: 100%;
		border-top: 1px solid #cfcfcf;
	}
	.contact-wrapper .companyTable01 th {
		background-color: #efefef;
		border-bottom: 1px solid #cfcfcf;
		text-align: left;
		vertical-align: top;
		font-size: 1.3rem;
		line-height: 1.8em;
		font-weight: normal;
		width: auto;
		white-space: nowrap;
		padding: 8px 8px;
		display: block;
	}
	.contact-wrapper .companyTable01 td {
		border-bottom: 1px solid #cfcfcf;
		text-align: left;
		vertical-align: top;
		font-size: 1.3rem;
		line-height: 1.8em;
		padding: 8px 8px 8px 8px;
		display: block;
	}
	.contact-wrapper .companyTable01 td.td01 {
		padding: 0px 0px 0px 8px;
	}

	.contact-wrapper .companyTable01 td .ul01 {
		padding-right: 10px;
		float: left;
	}
    .contact-wrapper .contact .transmit {
        text-align: center;
        padding-top: 20px;
    }
	.contact-wrapper .contact .transmit input[type="submit"], .contact-wrapper .contact .transmit input[type="button"] {
	  	width: 60%;
	    height: 100%;
	    background-size: cover;
}
/* ------------------ contact ------------------ */
}