/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
.contactlowpageMainVisialArea{
  background: #f77750;
  background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.4) 25%, #f77750 25%, #f77750 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, #f77750 75%, #f77750);
  background-size: 2px 2px;
}
.contactlowpageMainVisialArea .pageTitle h1{ width: 59.19%;}
.contentsAreaContact01 h2{ font-size: 1.5em; font-weight: bold; text-align: center; line-height: 1.3; margin-bottom: 4%;}
span.logoLine{ display: inline-block; width: 16%; margin-right: 2%; vertical-align: middle; font-size: 0;}

.lineArea{ background: #fedec5; border-radius: 8px; padding: 7%; padding: 8%; margin-bottom: 10%;}
.lineArea h3{ width: 33.65%; margin-bottom: 6.34%; margin-bottom: 4%; font-size: 0;}
.lineArea p{ font-weight: bold; margin-bottom: 6.34%; margin-bottom: 4%; }
.lineArea p span{ font-weight: 100;}
.lineBtn{ width: 40%; font-size: 0;}
.contactLineBoxRight{ padding: 10%; background: #fff; margin-top: 7%; font-size: 0;}
.contactBox{ background: #f77750; padding: 8.53%; border-radius: 8px; }
.contactBox + .contactBox{ margin-top: 4.7%;}

.telbox h3{ width: 12.75%; display: block; margin: 0 auto 5.79%; font-size: 0;}
.contactBoxTelNv{ background: #fffef2; font-size: 0; border-radius: 8px; padding: 4.34% 8.68%; margin-bottom: 5.79%;}
.contactBoxTime{ width: 76.8%; display: block; margin: 0 auto;}
.mailbox{ color: #fff; text-align: center;}
.mailbox a{ color: #fff;}
.mailbox h3{ width: 13.91%; display: block; margin: 0 auto 5.79%; font-size: 0;}
.contactBoxMail {
  background: #f77750; border: 2px solid #fffef2; font-size: 1.1rem; text-align: center; line-height: 1.63;
  color: #fffef2; border-radius: 8px; padding: 4.34% 8.68%; margin-bottom: 5.79%; font-weight: bold;
}
.contactBoxMailTxt{ font-weight: bold; line-height: 1.6;}
.contactBoxMailTxt span{ font-size: 0.8125em; font-weight: 100; }
/*
{{
    width: 64.6%;
    display: block;
    margin: 0 auto;
}}
*/
@media screen and (min-width: 560px) {
  .contentsAreaContact01 h2{ margin-bottom: 2.38%; }
  span.logoLine { width: 9%; margin-right: 1%;}
  .lineArea{ padding: 8% 14%;  display: flex; justify-content:space-between; margin-bottom: 4.76%;}
  .contactLineBoxLeft{ width: 60.6%; padding-right: 0%;}
  .contactLineBoxRight{ width: 36%; margin: 0; padding: 4%;}
  .lineArea h3{margin-bottom: 6%;}
  .lineArea p{ margin-bottom: 6%; }

  .contactArea{display: flex; justify-content:space-between;}
  .contactBox{ width: 48.8%; padding: 4.26%; }
  .contactBox + .contactBox { margin-top: 0;}

  .mailbox h3 { width: 16.51%; font-size: 0; padding: 1.3%;}

}

@media screen and (min-width: 900px) {
  .companylowpageMainVisialArea { background: url(../img/companyMainVisial.jpg) center right 42% / auto 100%;}

  .contactLineBoxRight{ width: 40%; margin: 0; padding: 4%;}
  .lineArea{ padding: 7.1% 14.2%;}
  .contactLineBoxLeft{ width: 56.6%; padding-right: 5%;}
}