@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .mainImg{
background-image:url(../img/entry/main_img.jpg);
}

/* Common --------------- */
#formSubmit{
text-align:center;
margin-top:7%;
}

.errorTxt{
color:red;
}

.focusAnimation{
border:1px solid #ccc;
transition:all 0.3s ease-in-out 0s;
}

.focusAnimation:focus{
border:1px solid #39c;
box-shadow:0 0 5px #39c;
outline:medium none;
transition:all 0.3s ease-in-out 0s;
}

.catchTxt{
text-align:center;
font-size: 100%;
margin: 30px 0;
}

/* Form Block --------------- */
#formBlc .btnCatalog{
color:#c08400;
}

#formBlc p.info{
padding: 20px 0;
text-align:left;
}

#formBlc .methodBlc > .ttl{
font-size:160%;
color:#52c699;
text-align:center;
margin-bottom:2%;
}

#formBlc ul.method{
text-align:center;
box-sizing:border-box;
max-width:900px;
margin: 0 auto 10%;
}

#formBlc ul.method li{
width:48%;
line-height:1.8;
margin:0 4% 4% 0;
padding: 0 0 0 70px;
text-align:left;
float:left;
box-sizing:border-box;
}

#formBlc ul.method li:nth-of-type(2n){
margin-right:0;
}

#formBlc ul.method li .ttl{
margin: 0 0 1%;
font-size:110%;
}

#formBlc ul.method li .txt{
font-size:90%;
}

#formBlc ul.method li.tel{
text-align:left;
background:url(../img/entry/icon_tel.png) no-repeat 7px 50%;
min-height:50px;
}

#formBlc ul.method li.fax{
background:url(../img/entry/icon_fax.png) no-repeat left 50%;
min-height:50px;
}

#formBlc ul.method li.mail{
clear:both;
background:url(../img/entry/icon_mail.png) no-repeat left 50%;
min-height:50px;
}

#formBlc .number{
font-size:160%;
color:#70a754;
}

#formBlc .number a{
color:#70a754;
}

#formBlc table{
box-sizing:border-box;
margin: 0 0 3%;
width:100%;
}

#formBlc table th,
#formBlc table td{
padding: 15px;
box-sizing:border-box;
}

input:-ms-input-placeholder{
color: #ccc;
}

#formBlc input,
#formBlc textarea{
box-sizing:border-box;
}

#formBlc select{
font-family:'Kanit', sans-serif;
padding: 5px;
font-size:90%;
}

#formBlc input.narrowSize{
width:15%;
}

#formBlc input.middleSize{
width:50%;
}

#formBlc input.wideSize{
width:80%;
}

#formBlc input[type=tel]{
width:20%;
}

#formBlc textarea{
width:100%;
height:200px;
}

#formBlc .labelInline{
margin-right:15px;
display:inline-block;
}

/* Rule Block --------------- */
#ruleBlc dt{
margin: 0 0 5px;
font-size:100%;
font-weight:500;
}

#ruleBlc dd{
margin: 0 0 5%;
}

@media screen and (max-width: 1000px) {
}

@media screen and (max-width: 767px) {
/* Form Block --------------- */
#formBlc p.info{
text-align:left;
}

#formBlc ul.method li{
width:100%;
padding-left:50px;
}

#formBlc ul.method li.tel,
#formBlc ul.method li.fax,
#formBlc ul.method li.mail{
clear:none;
float:none;
}

#formBlc table th,
#formBlc table td{
width:100%;
display:block;
border:none;
padding: 5px;
}

#formBlc table td{
margin: 0 0 5%;
}

#formBlc input.narrowSize{
width:30%;
}

#formBlc input.middleSize{
width:70%;
}

#formBlc input.wideSize{
width:100%;
}
}

@media screen and (max-width: 480px) {
/* Form Block --------------- */
#formBlc .mainSsl{
background-position:center 20px;
text-align:center;
padding-top:75px;
padding-left:10px;
}
}