@charset "UTF-8";

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

.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;
}

/* Form Block --------------- */
#formBlc .info{
padding:0 0 20px;
}

#formBlc .methodBlc{
margin-top:4%;
}

#formBlc .methodBlc .subj{
font-size:140%;
text-align:center;
margin-bottom:2%;
}

#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 4%;
}

#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 .number{
font-size:160%;
color:#b8a472;
}

#formBlc .number a{
color:#b8a472;
}

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

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

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

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

#formBlc input[type=button],
#formBlc input[type=submit]{
color:#121212;
}

#formBlc .btn[type=submit]{
background-color:#2665a4;
color:#fff;
font-size:110%;
width:100%;
max-width:350px;
letter-spacing:0.1em;
text-decoration:none;
border:none;
padding:15px;
display:inline-block;
transition:all 200ms ease-in-out;
box-sizing:border-box;
cursor:pointer;
-webkit-appearance:none;
}

#formBlc .btn[type=submit]:hover{
background-color:#71c9da;
}

#formBlc select{
padding: 5px;
font-size:90%;
}

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

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

#formBlc input.smallSize{
width:35%;
}

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

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

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

#formBlc label.labelFor{
margin-right:10px;
display:inline-block;
}

#formBlc input[readonly]{
background-color:#eee;
}

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

#formBlc .btn[type=submit]{
padding-top:8px;
padding-bottom:8px;
}

#formBlc .methodBlc .subj{
font-size:120%;
}

#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.tblForm th,
#formBlc table.tblForm td{
width:100%;
display:block;
border:none;
padding: 5px 10px;
}

#formBlc table.tblForm td{
margin: 0;
padding-bottom:5%;
}

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

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

#formBlc input.smallSize{
width:60%;
}

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

@media screen and (max-width: 767px) {
#formBlc select.col3{
width:30%;
}
}

/* Rule Block --------------- */
#ruleBlc .txt{
margin-top:4%;
margin-bottom:4%;
}

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

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