﻿@charset "utf-8";




/* ============================================================== */
/* contact */
/* ============================================================== */

.contact-box {
 width:96%;
 margin:0 auto; 
 margin-top:30px;
 margin-bottom:30px;
 padding-top:30px;
 padding-bottom:30px;
 text-align:left;
 background:#fff;
}

.contact-box-in {
 width:86%;
 margin:0 auto; 
 text-align:left;
}


.red{
 color:#ff0000;
}
.komemark{
 color:#ff0000;
}

section .contact-table {
 width:100%; 
 margin:35px 0 30px 0; 
 padding:0;
 border: none;
 border-spacing: 0; 
}
section .contact-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table td{
 width: 100%;
 display: block;
 border: none;
 margin-bottom:15px;
}
section .contact-table td.bordernone{
 border:none; 
}
section .contact-table tr:first-child th { 

}

section .contact-table .size1{ 
 width:100%;
 margin-bottom:5px;
}
section .contact-table .size2{ 
 width:100%;
 margin-bottom:5px;
}
section .contact-table .size3{ 
 width:100%;
 height:150px;
}

section .contact-table input,select{ 
 height:27px;
 vertical-align:middle;
}
section .contact-table radio,checkbox{ 
 vertical-align:middle;
}
section .contact-box button{ 
 padding:10px 15px 10px 15px;
}

section .contact-table-conf {
 width:100%; 
 margin:35px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
}
section .contact-table-conf th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table-conf td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 border-bottom:1px solid #ccc;
}
section .contact-table-conf td.bordernone{
 border:none; 
}
section .contact-table-conf tr:first-child th {

}

.com-box{
 width:94%;
 margin:0 auto;
 margin-top:40px;
 border:1px solid #ccc;
}
.com-box-in{margin:0 auto; padding:20px;}
.com-box-in p{ text-align:left;}


