@charset "utf-8";


.page_content .contact {

    border: none;
    border-top: solid 1px #666;
    border-bottom: solid 1px #666;
    background: #f5f5f5;
	table-layout: auto;
    margin-bottom: 3em;
    width: 100%;
}
.page_content .contact tr {
	border-bottom: 1px solid #666;
	background: #f5f5f5;
}
 
.contact th {
    vertical-align: middle;
	padding: 25px 10px 20px 60px;;
    width: 30%;
	min-width: 170px;
    border-right: solid 1px #666;
    margin: 0;
    text-align: left;
    color: #069;
    font-size: 16px;
    font-weight: bold;
	background:url(../img/btn_form01.png) no-repeat 10px center;
}
.contact .part2 {
	background:url(../img/btn_form02.png) no-repeat 10px center;
}

.contact td {
    margin: 0;
	padding: 25px 25px 25px 40px;

    color: #666;
    font-size: 13px;
    line-height: 1.7;
    text-align: left;
    vertical-align: middle;
    /*white-space: nowrap;*/
    overflow: hidden;
}
 
.contact td:fst-child {
    padding: 0 0 0 10px;
    vertical-align: middle;
}
.contact td.tall_line {
	line-height: 2;
}

.contact input[type="text"],
.contact select,
.contact textarea {
	width: 70%;
	border: 1px solid #ccc;

}
.contact input[type="text"].short_txt {
	width: 2em;
	margin-left: 1em;
}
.contact input[type="radio"] {
	margin-left: 0.5em;
}
.submit {
	text-align: center;
}
.submit form {
    display: inline-block;
    margin: 0 1em;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
    line-height: 1;
    padding: .7em 2em;
    color: white;
    background: #FF2F00;
    border: none;
    cursor: pointer;
    border-radius: 5px;
}


@media screen and (max-width: 600px) {
	
	.page_content .contact tr {
    	margin-bottom: 0;
        display: block;
	}
	.contact th {
		border-right: none;
		padding: 15px 15px 10px 55px;
	}
	.contact td {
		padding:  0 20px 15px;
		line-height: 2.5;
        display: block;
	}
	.confirm_page .contact td {
		line-height: 1.8;
	}
	.contact input[type="text"],
	.contact select,
	.contact textarea {
		width: 90%;
	}
	
	
} /* end media query */


/*----------- 問い合わせフォーム用 privacy policy -------------*/

p.p_note {
	text-align: center;
}
.policy_contact {
	width: 80%;
	height: 250px;
	overflow-y: auto;
	border: 1px solid #ccc;
	margin: 2em auto;
	padding: 1em;
}
.policy_contact h3 {
	font-size: 16px;
	text-align: center;
	margin-bottom: 1em;
	color: #1eb2c3;
}
.policy_contact dt {
	font-size: 14px;
	font-weight: bold;
    margin-bottom: .3em;
}
.policy_contact dd {
    margin: 0 0 1em 25px;
	font-size: 14px;
}

@media screen and (max-width: 600px) {
	
	.policy_contact {
		width: 100%;
	}
	
} /* end media query */


/*----------- contact その他の要素 -------------*/

.page_content p.catch {
	font-size: 16px;
	font-size: 1.6rem;
	color: #dc2672;
	margin: .5em 0 1em;
}

.table_style_su {
    margin-top: -10px;
}