/* CSS Document */

/*--お問い合わせ領域--*/

#Contents #contact section > div {
  background-color:#FFF;
  background-image:url(../../../img/form/icon_ques.png);
  background-position:center 16px;
  background-repeat:no-repeat;
  background-size:28px auto;
  padding:50px 10% 4%;
  margin-bottom:5%;

  border-radius : 5px;
  -moz-border-radius : 5px;
  -webkit-border-radius : 5px;
}
/*
#Contents #contact section > div:nth-of-type(2){
  background-image:url(../../../img/form/icon_tel.png);
  background-position:center 16px;
  background-repeat:no-repeat;
  background-size:20px auto;
  margin-bottom:0 !important;
}
*/
#Contents #contact section > div a:before,
#Contents #contact section > div b:before,
#Contents #contact section > div span:before {
  background:#333333;
  color:#FFF;
  font-weight:normal;
  padding:0 5px;
  display:inline-block;
  margin-right: 0.4em;
  line-height: 1.5;
}
#Contents #contact section > div a:before,
#Contents #contact section > div b:before {
  content:"TEL";
  font-size:.8rem;
  vertical-align: text-top;
  margin-top: 4px;
}

#Contents #contact section > div span:before {
  content:"FAX";
  font-size:.8rem;
}

#Contents #contact section > div a,
#Contents #contact section > div b {
  font-size:1.6rem;
}

#Contents #contact section > div span {
  display:block;
  font-weight:bold;
}

.chkbox label {
  margin-right:1.5em;
}

#form #mail_form > div {
  margin-bottom: 5%;
  border-bottom: 3px double #666;
  padding: 3px 0px;
  font-size: .9rem;
}


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

* タブレット用

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

@media print,screen and (min-width: 768px) {

#Contents #contact section > div a:before,
#Contents #contact section > div b:before,
#Contents #contact section > div span:before {
  background:#333333;
  color:#FFF;
  font-weight:normal;
  padding:1px 5px;
  margin-right: 0.8em;
  line-height: 1.5;
}

}



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

* PC用

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

@media print,screen and (min-width: 1280px) {

#Contents #contact section {
    width: 1000px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#Contents #contact section > div {
  background-image:url(../../../img/form/icon_tel.png);
  background-position:center 16px;
  background-repeat:no-repeat;
  background-size:24px auto;
  margin-bottom:0;
}
#Contents #contact section > div a,
#Contents #contact section > div b,
#Contents #contact section > div span {
}
#Contents #contact section > div a:before,
#Contents #contact section > div b:before,
#Contents #contact section > div span:before {
  background:#333333;
  color:#FFF;
  font-weight:normal;
  padding:2px 6px;
  display:inline-block;
  margin-right: 0.4em;
  line-height: 1;
}
#Contents #contact section > div a:before,
#Contents #contact section > div b:before {
  content:"TEL";
  font-size:1rem;
  vertical-align: text-top;
  margin-top: 10px;
}

#Contents #contact section > div span:before {
  content:"FAX";
  font-size:1rem;
  margin-top: 5px;
  vertical-align: text-top;
}

#Contents #contact section > div a {
  margin-top:28px;
}
#Contents #contact section > div a,
#Contents #contact section > div b {
  font-size:2rem;
  margin-top: -2px;
}
#Contents #contact section > div span {
  display:block;
  font-weight:bold;
  font-size:1.5rem;
  margin-top: -10px;
}

#form #mail_form > div {
  margin-bottom: 25px;
  padding-bottom:5px;
  font-size: 1rem;
}


}