@charset "UTF-8";
/*================================
 page-contact.css
=================================*/

/*================================
 o/w
=================================*/

header h2 {
background:url(../img/contact/header_tit.png) no-repeat center top;
margin-top: 80px;
display: block;
width: 1000px;
height: 160px;
position: absolute;
top: 120px;
left: 0;
right: 0;
margin: auto;
}

/* #intro
-------------------------------- */
#intro{
overflow: hidden;
}

#intro .infobox{
margin-top:40px;
}

#intro h3{
font-size: 31px;
font-weight: bold;
margin-top: 10px;
text-align: center;
}

#intro p.greet{
padding-top:40px;
text-align: center;
}

.infobox a,
.infobox p {
display: block;
}

.infobox h4{
display: block;
height: 20px;
position: relative;
font-size: 16px;
font-weight: bold;
line-height: 1.8em;
text-align: center;
}

.infobox h4::after{
content: "";
width: 70px;
height: 1px;
border-top: 1px solid #111;
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: auto;
}

.infobox a.tel_cell{
background:url(../img/contact/intro_tel.png) no-repeat center center;
overflow: hidden;
position:relative;
display: block;
width: 460px;
height: 30px;
margin:40px auto 0;
}

.infobox a.tel_company{
background:url(../img/contact/intro_tel_company.png) no-repeat center center;
overflow: hidden;
position:relative;
display: block;
width: 314px;
height: 50px;
margin:30px auto 0;
}

.infobox p.note{
display: block;
text-align: center;
font-size: 16px;
margin: 10px auto 0;
}


/*------------------------
 CONTACTFORM
-------------------------*/

.contactform {
position: relative;
padding-top: 50px;
padding-bottom:90px;
margin: 0 auto;
text-align:center;
font-size:16px;
color:#000;
}


.contactform p em {
font-size: 24px;
font-weight: bold;
padding:0 0 10px;
}

.contactform .buttons {
/*auto gened button selector*/
display: block;
width: 800px;
margin:50px auto 0;
text-align: center;
overflow: hidden;
font-size: 18px;
}

.contactform table{
width:860px;
line-height:1.6em;
margin:0 auto;
border:1px solid #ccc;
background-color: #fff;
}

.contactform table th{
vertical-align: middle;
padding:16px;
width: 220px;
color:#111;
font-size:16px;
font-weight: normal;
text-align: left;
background-color: #eee;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.contactform table td{
vertical-align: middle;
padding:12px 20px;
color:#111;
font-size:15px;
text-align: left;
border-bottom:1px solid #eee;
}

.contactform table.col1 tr,
.contactform table.col1 th,
.contactform table.col1 td{
width: 100%;
margin: 0;
}


.contactform table th.sep em{
display: block;
text-align: center;
font-weight: normal;
color:#fff;
background-color: #888;
padding:5px 0;
margin:15px 0;
}

.contactform table th em{
font-weight: bold;
}

.contactform table th b{
color:#D74A5B;
margin-left:4px;
}

.contactform table th span{
font-weight: bold;
}

.contactform table .solo{
display:block;
padding-bottom:10px;
}

.contactform table p {
margin-bottom:6px!important;
}

.contactform table p.note {
text-align: left;
font-size:13px;
line-height: 2em;
color:#333;
text-indent: 1.2em;
}

.contactform table.in_tbl{
width:90%;
margin-left:0;
margin-bottom:10px;
}

.contactform table.in_tbl th{
width:120px;
}

.contactform textarea,
.contactform input[type="text"],
.contactform input[type="email"],
.contactform input[type="tel"] {
width: 95%;
font-size: 15px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
border-radius: 1px;
background: #E8F0FE;
-webkit-appearance: none;
}

.contactform .mia textarea,
.contactform .mia input[type="text"],
.contactform .mia input[type="email"],
.contactform .mia input[type="tel"] {
width: 70%;
}

.contactform .nia textarea,
.contactform .nia input[type="text"],
.contactform .nia input[type="email"],
.contactform .nia input[type="tel"] {
width: 50%;
}

.contactform .tia textarea,
.contactform .tia input[type="text"],
.contactform .tia input[type="email"],
.contactform .tia input[type="tel"] {
width: 30%;
}

.contactform table.col1 .mia textarea,
.contactform table.col1 .mia input[type="text"],
.contactform table.col1 .mia input[type="email"],
.contactform table.col1 .mia input[type="tel"] {
width: 50%;
}

.contactform table.col1 .nia textarea,
.contactform table.col1 .nia input[type="text"],
.contactform table.col1 .nia input[type="email"],
.contactform table.col1 .nia input[type="tel"] {
width: 25%;
}

.contactform table.col1 .tia textarea,
.contactform table.col1 .tia input[type="text"],
.contactform table.col1 .tia input[type="email"],
.contactform table.col1 .tia input[type="tel"] {
width: 15%;
}

.contactform select{
font-size: 14px;
line-height: 1.5em;
text-align: left;
padding: 6px 3px;
border: 1px solid #ccc;
background: #fff;
-webkit-appearance: menulist;
}

.contactform input[type="date"]{
padding: 6px 3px;
font-size:15px;
}


.contactform textarea.dim,
.contactform input.dim {
color: #76AB5D;
border: 1px dotted #cfd5dd;
}

.contactform textarea:focus,
.contactform input[type="text"]:focus,
.contactform input[type="email"]:focus,
.contactform input[type="date"]:focus,
.contactform input[type="tel"]:focus {
outline: none;
-webkit-appearance: none;
}

.contactform textarea {
font-size:15px;
height:8em;
resize: vertical;
overflow: auto;
}

.contactform input{
position: relative;
}

.contactform .btn_submit,
.contactform .btn_confirm,
.contactform .btn_back {
position: relative;
background:url(../img/contact/button_bg_with_arrow.png) no-repeat center center;
display: inline-block;
width:256px;
height:61px;
font-size: 18px;
letter-spacing: 0.12em;
line-height: 62px;
text-align: left;
text-indent: 36px;
font-weight: bold;
color: #fff;
border:none;
padding:0;
margin:0 auto;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}

.contactform .btn_submit,
.contactform .btn_back {
position: relative;
background:url(../img/contact/button_bg.png) no-repeat center center;
display: inline-block;
width:240px;
text-align: center;
text-indent: 0;
}

.contactform input[type="submit"].chk {
color: #fff;
background-color: #1E3557;
}

.contactform input[type="submit"].chk:hover {
color: #fff;
background-color: #1E3557;
}

.contactform input[type="checkbox"],
.contactform input[type="radio"] {
border: none;
top: -2px;
top: 0\9;
margin-right: 6px;
margin-right: 0\9;
}

.contactform input[type="checkbox"] {
-webkit-appearance: checkbox;
}

.contactform input[type="radio"] {
-webkit-appearance: radio;
}

.wpcf7-form{
margin-bottom:30px;
}

.wpcf7-list-item {
margin-top:3px!important;
display: block!important;
}

.wpcf7-response-output{
font-size:15px;
}