/*******************************************
   PAGE:　 　         お問い合わせ
********************************************
   640px以上用:   .main-container-contact  #contact
********************************************/

.main-container-contact {
	border-bottom: 1px solid #d1dcde;	
}


#contact {
	margin: 40px auto 0;
	max-width: 950px;
}
#contact table {
	width:  100%;
}

#contact th {
	background-color: rgba(237, 242, 243, 0.3);	
	border: 1px solid  #eaeaea;
	border-right-style: hidden;
	font-weight: normal;	
	padding: 25px;
	width: 30%;		
}

#contact table th p  {
	display: inline;
	float: left;
}

#contact td {
	border: 1px solid  #eaeaea;
	border-left-style: hidden;
	padding: 25px 15px;	
}

input{
	border-radius: 3px;
	border: thin solid #c7d5d7;
}


.main-container-contact {
	border-bottom: 1px solid #d1dcde;	
}


#contact {
	margin: 40px auto 0;
	max-width: 950px;
}


.contact-heading {
	margin-bottom: 40px;
	text-align: center;
}



.contact-heading .img-box {
	margin: 50px 34.5% 20px;
	width: 31%;
}
.contact-heading .txt-contact {
	color: #37beec;
	text-align: center;
}


#contact table span {
	color: #ff3333;
	float: right;
}

#contact td {
	width: 70%;
}

.form01 {
	background-color: #f7f9f9;
	margin: 0 34.4% 0 13%;
	width: 52.6%;
}
.form04 {
	background-color: #f7f9f9;
	margin: 0 34.4% 0 13%;
	width: 52.6%;
}

.email-space {
	margin: 0  0 0 13%;	
	width: 80%;
}





.form02 .form-name {
	float: left;
	width: 13%
}
.form02 .form-space {
	float: left;
	margin: 0 4% 0 0;
	width: 32%;
}
#postcode1 {
	background-color: #f7f9f9;	
	float: left;
	margin: 0 2% 0 0;
	width: 40%;
}
#postcode2 {
	background-color: #f7f9f9;
	margin: 0 2% 0 2%;
	width: 40%;
}

.form02 .img-box {
	float: left;
	margin: 0 35% 0 0;
	width: 16%;
}
#address1 {
	background-color: #f7f9f9;	
	width: 18%;
	
}
#address2, #address3, #address4 {
	background-color: #f7f9f9;
	margin: 0 34.4% 0 0;
	width: 52.6%;
}


.form03 {
	background-color: #f7f9f9;
	border-color: #c7d5d7;	
	margin: 0 17% 0 13%;
	width: 70%;
}



.contact-bottom {
	margin: 78px 0;
	text-align: center;
}

.form-btn {
	width: 40%;
}




/* 枠消去 */
button {
    width: auto;
    padding:0;
    margin:0;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}


/* 会社案内テーブル */

#profile table {
	width:  100%;
}

#profile th {
	background-color: rgba(237, 242, 243, 0.3);	
	border: 1px solid  #eaeaea;
	border-right-style: hidden;
	font-weight: normal;	
	padding: 25px;
	width: 30%;		
}

#profile td {
	border: 1px solid  #eaeaea;
	border-left-style: hidden;
	padding: 25px 15px;	
}


/* mail.php */
#mailphp {
	border-top: 3px solid #37beec;
	width: 100%;	
}
#formWrap {
	width:70%;
	margin: 30px auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap h3 {
	color: #37beec;
	text-align: center;
}
table.formTable{
	width:100%;
	margin:30px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

@media screen and (max-width: 1079px) {
	/* 1079px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
.contact-heading .img-box {
	margin: 20px 10% 0;
	width: 80%;
}	
.contact-heading .txt-contact {
	margin-top: 10px;
}

.contact-heading {
	margin-bottom: 40px;
	padding: 0 15px;
	text-align: left;
}



#contact table th  {
	float: left;
}
#contact table th p  {
	display: inline;
	float: left;
}


#contact table span {
	float: left;
	margin-left: 15px;
}


#contact th {
	display: block;
	background-color: transparent;	
	border: 1px solid  #eaeaea;
	border-style: hidden;
	font-weight: bold;	
	padding: 15px;

	width: 100%;		
}

#contact td {
	display: block;	
	border: 1px solid  #eaeaea;
	border-left-style: hidden;
	padding: 0 15px 15px;
	width: 100%;			
}	



.form01 {
	background-color: #f7f9f9;
	margin: 0;
	width: 100%;
}
.form02 {

}

.form02 .form-name {
	float: left;
	width: 40%;
	margin: 0 60% 0 0;
	
}
.form02 .form-space {
	float: left;
	margin: 0;
	width: 60%;
}
.form02 .img-box {
	float: left;
	margin: -5px 0 0;
	width: 40%;
}

.form04 {
	background-color: #f7f9f9;
	margin: 15px 0 0;
	width: 100%;
}


#postcode1 {
	background-color: #f7f9f9;	
	float: left;
	margin: 0 2% 0 0;
	width: 40%;
}
#postcode2 {
	background-color: #f7f9f9;
	margin: 0 2% 0 2%;
	width: 40%;
}


#address1 {
	background-color: #f7f9f9;	
	width: 40%;
	
}
#address2, #address3, #address4 {
	background-color: #f7f9f9;
	margin: 0;
	width: 100%;
}


.form03 {
	background-color: #f7f9f9;
	border-color: #c7d5d7;	
	margin: 0;
	width: 100%;
}
.form-btn {
	width: 85%;
}


.email-space {
	margin: 0;	
	width: 100%;
}	

/* mail.php */
#formWrap {
	width:100%;
	margin: 30px auto;
	color:#555;
	line-height:120%;
	font-size:90%;
	padding: 0 15px;
}
#formWrap h3 {
	color: #37beec;
	text-align: center;
}
table.formTable{
	width:100%;
	margin:30px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}



	
}
@media screen and (max-width: 639px) {
	/* 639px以下用（スマートフォン用）の記述 */
	

#contact {
	0 15px;
}	




/* トップ お悩み部分 */
.col-lg-15:last-child {
	margin: 15px 3%;
	width: 44%;
	clear: left;
}

/* 会社案内 */
#profile th {
	display: block;
	width: 100%;
}	

#profile td {
	display: block;
}
#profile th {
	background-color: #fff;	
	border-style: hidden;
	font-weight: bold;	
	padding: 10px;	
}

#profile td {
	border: 1px solid  #eaeaea;
	border-style: hidden;
	padding: 10px;	
}

	
}