@charset "utf-8";
/* this file UTF-8 あいうえお
 * --- お問い合わせフォーム --- 
 * 参照
 * http://kirin-archi.com/contact/
 */

@media screen and (min-width: 741px) {

    #mailform {
    /* margin-top: 30px;*/
    }

    #mailform dl {
	/*border-bottom: 1px solid #e5e5e5;*/
	width: 980px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 2;
    }

    #mailform dt {
	/*border-top: 1px solid #e5e5e5;*/
	clear: left;
	float: left;
	font-weight: normal;
	padding-top: 18px;
	width: 200px;
    }

    #mailform dd {
	/*border-top: 1px solid #e5e5e5;*/
	float: left;
	padding: 10px 0;
	width: 780px;
    }

    #mailform dd label {
	display: inline-block;
	padding: 10px 0;
    }

    span.red_text {
	color: #cc0000;
    }

    #mailform .text_input {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	margin-right: 10px;
	padding: 10px;
	width: 500px;
    }

	#mailform .text_input_w300 {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	margin-right: 10px;
	padding: 10px;
	width: 300px;
	}

	#mailform .select_input {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	margin-right: 10px;
	padding: 7px;
	}

/*
#mailform dt span.s_text {
font-size: 12px;
letter-spacing: 0;
}
*/

    .text_area {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	padding: 10px;
	width: 760px;
    }

    .text_btn {
	font-size: 12px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
    }

    .btn_area {
	margin-top: 30px;
	text-align: center;
    }

    .btn_confirm {
	background-color: #333;
	border: 2px solid #333;
	/*border-radius: 20px;*/
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	letter-spacing: 1px;
	width: 300px;
    }

    .btn_area_conf {
	clear : both;
	padding-top : 10px;
    }
}

@media screen and (max-width: 740px) {
    #mailform {
	/*margin-top: 30px;*\
    }

    #mailform dl {
	/*border-bottom: 1px solid #e5e5e5;*/
	width: 100%;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 2;
    }

    #mailform dt {
	/*border-top: 1px solid #e5e5e5;*/
	font-weight: normal;
	padding-top: 12px;
	width: 100%;
    }

    #mailform dd {
	padding-bottom: 20px;
	width: 100%;
    }

    #mailform dd label {
	display: inline-block;
	padding: 10px 0;
    }

    span.red_text {
	color: #cc0000;
    }

    #mailform .text_input {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-radius: 0;
	font-size: 13px;
	margin-right: 10px;
	padding: 10px 5%;
	width: 90%;
    }

	#mailform .text_input_w300 {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	margin-right: 10px;
	padding: 10px;
	width: 200px;
	}

	#mailform .select_input {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	font-size: 13px;
	margin-right: 10px;
	padding: 7px;
	}

/*
#mailform dt span.s_text {
font-size: 12px;
letter-spacing: 0;
}
*/

    .text_area {
	background-color: #f6f6f6;
	border: 1px solid #f6f6f6;
	border-radius: 0;
	font-size: 13px;
	padding: 10px 5%;
	width: 90%;
    }

    .text_btn {
	font-size: 12px;
	font-weight: bold;
	margin-top: 30px;
	text-align: center;
    }

    .btn_area {
	margin-top: 30px;
	text-align: center;
    }

    .btn_confirm {
	background-color: #333;
	border: 2px solid #333;
	border-radius: 20px;
	color: #fff;
	cursor: pointer;
	font-size: 13px;
	font-weight: bold;
	height: 40px;
	letter-spacing: 1px;
	width: 100%;
	margin-bottom: 10px;
    }
}

.errormsg {
    font-size:88%;
    font-weight: bold;
    color: red;
}

.infocopy {
    font-size:15px;
    margin-bottom:30px;
    font-weight:bold;
}