/*!
sp css
 ______________________________*/

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

  .contact dl dt,
  .contact dl dd{
    width:100% !important;
    display: block !important;
  }

  .header_r li:nth-child(1),
  .header_r li:nth-child(2),
  .header_r li:nth-child(3),
  .header_r li:nth-child(4) {
    display: none;
  }
}

@media screen and (max-width: 599px) {
  body {
    background-size: 230%;
    background-position: top center;
  }

  header h1 img {
    width: 200px;
    height: auto;
  }

  .header_in {
    align-items: center;
  }

  .header_r li {
    width: 100px;
  }

  .header_r li a {
    font-size: 1rem;
    display: flex;
    align-items: center;
  }

  h3 {
    font-size: 1.7rem;
  }

  .contents p {
    font-size: 1.2rem;
  }

  .container {
    width: 100%;
    padding: 0 30px;
  }

  .greeting {
    background-image: linear-gradient(to bottom, transparent 20%, white 20%), url(../img/main_transbox.png);
        min-height: 115vh;
  }
.greeting article {
    padding-bottom: 50px;
}
  .ceo span {
    font-size: 1.2rem;
  }
.facility .half_img {
    display:block;
    margin-right:inherit;
    margin-bottom: 30px;
}
.facility .half_img li {
    width: 100%;
    margin-bottom:0;
}
.facility .half_img img {
    margin-bottom:0;
}
.facility .half_img li:nth-child(2) {
    padding: 30px;
    display: flex;
    align-items: center;
    font-size:1.2rem;
}
.facility .half_img.rev {
    margin-right: inherit;
    margin-left:inherit;
}
.facility .img_3col,.case .img_4col{
    display:block;
    padding:50px 0;
}
.facility .img_3col li,.case .img_4col li{
  margin-bottom: 30px;
}
.case {
    padding:50px 0;
}
.facility2 table th, .facility2 table td, .access table th, .access table td, .contact table th, .contact table td {
    padding: 10px;
    font-size:1.2rem;
}
.facility2 td{
white-space: nowrap;
}
.facility2, .access {
    padding: 8vw 0 30px;
}
.contact {
    padding: 3dvh 0;
}
.contact table th, .contact table td{
  width:100%;display:block;
}
.contact th span {
    font-size: 1rem;
    top: 10px;
    right: 10px;
}
  /*___________________________________*/
}