@charset "utf-8";
/* CSS Document */

body {
	/*max-width: 768px;*/
/*    margin: 0 auto;
    padding: 0;
    line-height: 1.5;
    font-size: 3.8vw;*/
	color: #000;
}
/**{
	font-family: Meiryo, メイリオ, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    box-sizing: border-box;
}*/

ul,
ul li,
ol,
ol li{
	list-style: none;
}

/* --------------------------------------------------------------------------------
	共通クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}




#main{
	margin:3vw 3vw 5vw;
}

#main #contact  {
	width:95%;
	margin: 5vw 0;
}


/*#main #contact h2 {
    margin: 0 0 5vw;
    padding: 2vw 0 2vw 3vw;
    border-left: solid 10px #45bd14;
    font-weight: bold;
    font-size: 5vw;
    color: #fff;
    background: #535353;
}*/
#main #contact .txt-box1{
	line-height:2;
	margin:0 1vw 5vw;
}
#main #contact .txt-box1 .mark1{
	color:#e60012;
}
#main #contact #form-tbl table#form{
	width:100%;
	text-align:left;
}
#main #contact #form-tbl table#form .need{
	color:#e60012;
}
#main #contact #form-tbl table#form .att-mark{
	font-size:3.4vw;
	display:block;
	padding:1vw 0 0;
}
#main #contact #form-tbl table#form .txt-mark{
	font-size:3.4vw;
	margin:1vw 0 0.5vw;
	display:block;
}
#main #contact #form-tbl table#form tr:first-child{
	border-top:1px dotted #a0a0a0;
}
#main #contact #form-tbl table#form tr{
	border-bottom:1px dotted #a0a0a0;
	display:block;
}
#main #contact #form-tbl table#form th {
	width:100%;
	display:block;
	padding: 2vw 1vw 1vw;
	font-weight:normal;
	box-sizing: border-box;
}
#main #contact #form-tbl table#form td {
	width:100%;
	display:block;
	padding:0 1vw 2vw;
}
#main #contact #form-tbl table#form .subject .item{
	float: left;
    padding: 0 5vw 0 0;
}


#main #contact #form-tbl table#form select,
#main #contact #form-tbl table#form input {
	font-size: 16px;
}
#main #contact #form-tbl table#form input[type="text"] {
    width: 100%;
	padding:1.2vw 1vw;
}
#main #contact #form-tbl table#form .postalcode input[type="text"]{
	width:30%;
}

#main #contact #form-tbl table#form textarea {
    width: 100%;
}


#main #contact .btn{
	text-align:center;
	padding: 4vw 0;
}
#main #contact .btn input[type="submit"] {
	-webkit-appearance: none;
    padding: 1vw 5vw;
    font-size: 5vw;
	border-radius: 0.5vw;
	appearance: button;
	-webkit-appearance: button;
	background: #ccc;
	background: rgb(249,249,249);
	background: -webkit-linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	color:#333;
}
#main #contact .btn input[type="reset"]{
	-webkit-appearance: none;
    padding: 1vw 5vw;
    font-size: 5vw;
	border-radius: 0.5vw;
	appearance: button;
	-webkit-appearance: button;
	background: rgb(249,249,249);
	background: -webkit-linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	color:#333;
}
#main #contact .btn input[type="button"] {
	-webkit-appearance: none;
    padding: 1vw 5vw;
    font-size: 5vw;
	border-radius: 0.5vw;
	appearance: button;
	-webkit-appearance: button;
	background: #ccc;
	background: rgb(249,249,249);
	background: -webkit-linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(rgba(249,249,249,1) 0%, rgba(233,233,233,1) 100%);
	color:#333;
}
#main .btn-top{
	margin:3vw 0;
}



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

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




/*エラー画面、確認画面
----------------------------------------------------------*/
h1.mail-logo{
	width: 50%;
	margin: 5vw auto;
}
h1.mail-logo img{
	width: 100%;
}