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

.mainImg{
background-image:url(/contact/img/main_img.jpg);
}

h1 em{
display: block;
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}
h1 span{
display: block;
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}

.btnTab{
margin-bottom: 80px;
}

.btnTab li{
position: relative;
float: left;
width: 32.3%;
border: #222222 3px solid;
cursor: pointer;
height: 100px;
margin-right: 1%;
display: table;
}
.btnTab li:last-child{
margin-right: 0;
}

/*.btnTab li:hover,*/
.btnTab li.on{
background-color: #efefef;
}

/*.btnTab li:hover::before,*/
.btnTab li.on::before{
position: absolute;
bottom:-20px;
margin-left: -13px;
left:50%;
content: "";
background-image: url(/case/img/tab_on_arrow.png);
background-position:center bottom;
width: 27px;
height: 20px;
z-index: 9;
}

.btnTab li .arrow{
position: absolute;
}

.btnTab li a{
display: table-cell;
text-align: center;
vertical-align:middle;
font-size: 20px;
text-decoration: none;
color:#000000;
line-height: 1.3;
}

.btnTab li em span{
display:inline-block;
background-position: left center;
background-repeat: no-repeat;
padding-left: 48px;
text-align: left;
}

.contsWrap h2{
display: table;
width: 100%;
line-height: 1.2;
padding-bottom: 10px;
margin-bottom: 40px;
border-bottom: #1a5ba7 3px solid;
}

.contsWrap h2 em.notoSan{
display:table-cell;
font-size: 36px;
vertical-align: bottom;
}

.contsWrap h2 .ralewayF{
display:table-cell;
text-align: right;
font-size:22px;
vertical-align: bottom;
}
.contsWrap h2 .ralewayF > .catg{
color: #adadad;
}
.contsWrap h2 .ralewayF > .camel{
font-size:48px;
}


.tabConts .thumbImg li{
float: left;
width: 32.3%;
margin-right:1.5%;
margin-bottom:1.5%;
}

.tabConts .thumbImg li img{
width: 100%;
height: auto;
}
.tabConts .thumbImg li:hover{
cursor: pointer;
}


.tabConts .thumbImg li:nth-child(3n){
margin-right: 0;
}
.tabConts .thumbImg li:nth-child(3n+1){
clear: both;
}


/*---------------------------------*/

.formTblWrap{



background-color: #efefef;
margin: 0 5%;
padding: 30px 5% 20px 5%;
}

.formTbl {
width: 100%;
margin: 0 0 20px 0 ;
border-collapse: collapse;
}

.formTbl th {
width: 30%;
vertical-align: top;
padding: 15px 20px;
text-align: left;
font-size: 16px;
font-weight: bold;
border-bottom: #c9c9c9 1px solid;
line-height: 1.2;
}
.formTbl td li{
display: inline-block;
/*width: 45%;*/
float: left;
margin-right: 2%;
}

.formTbl td li .formTtl{
display: inline-block;
margin:0 5px;
}

.formTbl .note {
font-size: 14px;
font-weight: normal;
}

.formTbl td {
border-bottom: #c9c9c9 1px solid;
padding: 15px 20px;
text-align: left;
vertical-align: middle;
}
.ess{
color: #c70303;
}
.noteTel{
color:#0a4fa1;
font-weight: bold;
font-size: 16px;
}

/*---------------------------------*/
.wdt30 {
width: 30px;
}
.wdt50 {
width: 50px;
}
.wdt100 {
width: 100px;
}
.wdt150 {
width: 150px;
}
.wdt250 {
width: 250px;
}
.wdt300 {
width: 300px;
}

.wdt400 {
width: 400px;
}

.wdt530 {
width: 530px;
}

input[type="text"],
input[type="email"] {
padding: 6px 5px;
border: #dddddd 1px solid;
font-size: 15px;
}
 input::-webkit-input-placeholder {
 color:#aaaaaa;
}
input::-moz-placeholder {
 color: #999999;
}
input:-ms-input-placeholder {
 color: #aaaaaa;
}
 input:focus::-webkit-input-placeholder {
 color: transparent!important;
}
input:focus::-moz-placeholder {
 color: transparent!important;
}
input:focus:-ms-input-placeholder {
 color: transparent!important;
}

select {
padding: 6px 5px;
border: #dddddd 1px solid;
font-size: 15px;
}

textarea {
border: #dddddd 1px solid !important;
padding: 3px 5px !important;
width: 90% !important;
min-height: 150px;
}

.recBtn {
margin: 0 auto 50px;
width: 300px;
}

.recBtn li {
display: table;
width: 100%;
height: 55px;
}

.recBtn li button.summary_btn {
position: relative;
display: table-cell;
width: 100%;
height: 55px;
background-color:#c70303;
box-shadow: none !important;
border: none;
vertical-align: middle;
text-align: center !important;
color: #ffffff;
font-size: 18px;
cursor: pointer;
}

.recBtn li button.summary_btn:after {
position: absolute;
display: inline-block;
content: "";
/*top: 50%;*/
top: 40px;
right: 10px;
width: 26px;
height: 26px;
vertical-align: middle;
margin-top: -13px;
background: url(/contact/img/icn_fw.png) left top no-repeat;
}

.recBtn li button.summary_btn:hover {
background-color: #d84040;
}

.topBtn {
margin: 0 auto 80px;
width: 300px;
}

.topBtn li {
display: table;
width: 100%;
height: 60px;
}

.topBtn li a.back_btn {
position: relative;
display: table-cell;
text-align: center;
background-color: #6C782E;
vertical-align: middle;
color: #ffffff;
font-size: 22px;
font-weight: bold;
border-radius: 5px;
-ms-border-radius: 5px;
-webkit-border-radius: 5px;
}

.topBtn li a.back_btn:after {
position: absolute;
display: inline-block;
content: "";
/*top: 50%;*/
top: 30px;
left: 10px;
width: 26px;
height: 26px;
vertical-align: middle;
margin-top: -13px;
background: url(/contact/img/icn_fw.png) left top no-repeat;
}

.topBtn li a.back_btn:hover {
background-color: #95A733;
text-decoration: none;
}


@media screen and (max-width:1020px){
.btnTab{
margin-bottom: 60px;
}

.formTblWrap{
margin: 0;
padding: 20px 3%;
}

.formTbl th {
padding: 10px 3%;
}
.formTbl td {
padding: 10px 3%;
}

.wdt250,
.wdt300,
.wdt400,
.wdt530{
width: 98%;
}

}

@media screen and (max-width:640px){
.btnTab{
margin-bottom: 40px;
}

.btnTab li{
position: relative;
float: none;
width: 100%;
border: #222222 2px solid;
cursor: pointer;
height: 50px;
margin-right: 0;
margin-bottom: 1%;
display: table;
}

.btnTab li:hover::before,
.btnTab li.on::before{
left:90%;
margin-left:0;
bottom:25%;
}
.btnTab li em{
text-align: left;
padding: 0 6%;
}
.btnTab li em span,
.btnTab li:nth-child(2) em span{
padding-left: 56px;
}

.tabConts h2 em.notoSan{
display:inline-block;
font-size: 28px;
}

.tabConts h2 .ralewayF{
display:inline-block;
text-align: right;
font-size:20px;
vertical-align: bottom;
}

.tabConts h2 .ralewayF > .camel{
font-size:30px;
}

.formTbl th {
display: inline-block;
width: 100%;
padding: 10px 3% 5px;
border-bottom:none;
}
.formTbl td {
display: inline-block;
width: 100%;
padding: 5px 3% 10px;
}


.wdt150 {
width: 90%;
}

}