@charset "UTF-8";


.contact_main{
	/*background: #f2f7f8;*/
	background: #fff;
	width:95%;
	margin: 0 auto;
}

.contact_main .contact{
	padding: 10% 5%;
	text-align: left;
}

@media screen and (min-width: 600px){
	.contact_main{
		/*background: #f2f7f8;*/
		background: #fff;
		width:75%;
		margin: 0 auto;
	}

	.contact_main .contact{
		padding: 20% 5%;
	}
}

@media screen and (min-width: 1025px){
	.contact_main{
		background: #fff;
		width:50%;
		margin: 0 auto;
	}
	.contact_main .contact{
		padding: 15% 0;
	}
}

.contact_main .contact ul,
.contact_main .contact ol{
	font-size: 14px;
	margin-bottom: 30px;
	list-style: none;
}

.contact_main .contact ul li,
.contact_main .contact ol li{
	margin-bottom: 5px;
}


/* for table */
form{
	margin-bottom:  50px;
}

#form-tbl {
	/*margin-left: 1.5em;*/
	text-align: left;
}

#form {
	border-collapse: collapse;
	width:100%;
	/*margin: 1em 0;*/
}

#form input[type="text"]{
	width:100%;
	height: 45px;
	font-size: 16px;
	padding: 5px;
	border:1px solid #333;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}

#form .radiobtn td{
	line-height: 2.5;
}

#form input[type="radio"]{
	vertical-align: baseline;
}

#form th, #form td {
	/*border: 1px solid #666;*/
	/*padding: 8px;*/
	display: block;
	width:100%;
}

#form th {
	white-space: nowrap;
	/*background: #e8e8e8;*/
	background: #fff;
	font-size: 13px;
	padding: 5px;
}

#form td {
	background: #fff;
	padding: 5px;
	margin-bottom: 23px;
}

#form textarea{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	width:100%;
	height: 160px;
	font-size: 16px;
	padding: 10px;
	border:1px solid #333;
}

p.btn{

}

p.btn input {
	/*width: 110px;
	height: 32px;*/
	width:49%;
	height: 45px;
	margin-bottom: 10px;
	border:1px solid #333;
}
p.btn input[type="submit"],
p.btn input[type="reset"],
p.btn input[type="button"]{
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
}


p.btn input:hover {
	background: rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

@media screen and (min-width: 600px){
	form{
		margin-bottom:  80px;
	}

	#form th, #form td {
		/*border: 1px solid #666;*/
		/*padding: 8px;*/
		display: block;
		width:80%;
	}

	#form input[type="text"]{
		width:100%;
		height: 50px;
		font-size: 16px;
		padding: 5px;
		border:1px solid #333;
	}

	p.btn input {
		/*width: 110px;
		height: 32px;*/
		width:39%;
		height: 50px;
		margin-bottom: 10px;
		border:1px solid #333;
		font-size: 14px;
	}

}

@media screen and (min-width: 1025px){
	form{
		margin-bottom:  100px;
	}

	#form th, #form td {
		/*border: 1px solid #666;*/
		/*padding: 8px;*/
		display: block;
		width:100%;
	}

	#form td {
		background: #fff;
		padding: 5px;
		margin-bottom: 15px;
	}
}



/* for title */
h2 {
	/*font-size: 100%;*/
	font-size: 18px;
	text-align: left;
	/*border-left: solid 4px #ef002d;*/
	/*border-bottom: 1px solid gray;*/
	/*padding: 4px 6px;*/
	padding: 4px 0;
	margin: 1.5em 0;
	/*width: 500px;*/
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

@media screen and (min-width: 600px){
	h2 {
		font-size: 20px;
		text-align: left;
		/*border-left: solid 4px #ef002d;*/
		/*border-bottom: 1px solid gray;*/
		/*padding: 4px 6px;*/
		padding: 4px 0;
		margin: 1.5em 0;
		/*width: 500px;*/
	}
}

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




/*以下デフォルト*/
/* for body */
/*
body {
	margin: 0;
	padding: 0;
	font-size: 90%;
	background: #f0f0f0;
	color: #000;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#head {
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}
h1 {
	font-size: 135%;
	margin: 0;
}
#body {
	margin-left: 1.5em;
}
*/


/* for table */
/*
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}
*/


/* for title */
/*
h2 {
	font-size: 100%;
	text-align: left;
	border-left: solid 4px #ef002d;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 1.5em 0;
	width: 500px;
}
*/

/* for message */
/*
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}
*/

/* for back-button */
/*
form.back {
	margin-top: 2em;
}
*/


/* �X�}�z�p */
/*
@media only screen and (max-width: 480px) {
	#body { margin-left: 0; }
*/



	/* ���e�t�H�[�� */
/*
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
*/



	/* �����o�� */
	/*
	h2 { margin: 1em 3px; width: 90%; }
*/



	/* �T���N�X */
/*
	p.msg { margin: 1em auto; }
}
*/