/*****************************************************************************
CSS only for /support/repair/web/kitchen-equipment-contacts/index.html
*****************************************************************************/

/* Set
---------------------------------------- */
.Content {
  padding-block: 15px 75px;
  font-size: 16px;
  line-height: 1.75;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Content {
    font-size: 14px;
  }
}
.Content * {
  box-sizing: border-box;
}

.Content a:link    { color: #0068b7; text-decoration: none; }
.Content a:visited { color: #0068b7; text-decoration: none; }
.Content a:hover   { color: #0068b7; text-decoration: underline; opacity: 0.8; }
.Content a:focus   { color: #0068b7; text-decoration: underline; opacity: 0.8; }
.Content a:active  { color: #0068b7; text-decoration: underline; opacity: 0.8; }

.Content a[href^="tel:"] {
  color: #000;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Content a[href^="tel:"] {
    color: #0068b7;
    pointer-events: auto;
  }
}
.Content__sec + .Content__sec {
  padding-top: 55px;
}

.Container {
  max-width: 976px;
  margin-inline: auto;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Container {
    margin-inline: 20px;
  }
}

/* Contact
-----------------------------------------*/
.Contact {
  margin-block: 15px;
}
.Contact__tbl {
  width: 100%;
  border: 2px solid #ccc;
  font-size: 14px;
  line-height: 1.5;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Contact__tbl {
    font-size: 12px;
  }
}
.Contact__category {
  background-color: #f8f8f8;
  font-weight: bold;
}
.Contact__category:nth-child(1),
.Contact__category:nth-child(2) {
  width: 24.6%;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Contact__category:nth-child(1),
  .Contact__category:nth-child(2) {
    width: 27%;
  }
}
.Contact__category:not(:first-child) {
  border-left: 1px solid #ccc;
}
.Contact__tbl th,
.Contact__tbl td {
  padding: 20px 15px;
  border-top: 1px solid #ccc;
  text-align: left;
  vertical-align: middle;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Contact__tbl th,
  .Contact__tbl td {
    padding: 15px 8px;
  }
}
.Contact__tbl td {
  border-left: 1px solid #ccc;
}
.Contact__tel {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.83;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Contact__tel {
    font-size: 16px;
  }
}
.Contact__time {
  display: grid;
  grid-template-columns: max-content 1fr;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .Contact__time {
    grid-template-columns: 1fr;
  }
}

.TextLink {
  display: inline-block;
  position: relative;
  padding-left: 1em;
  font-size: 16px;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .TextLink {
    font-size: 14px;
  }
}
.TextLink::after {
  content: '\f105';
  display: inline-block;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  transform: translateY(-50%);
  color: #060606;
  font-family: 'fontAwesome';
  font-size: 1.25em;
  line-height: 1;
}
@media only screen and (max-width:640px) and (max-device-width:1280px){
  .TextLink::after {
    top: 50%;
  }
}