@charset "UTF-8";

/* ==========================================================================
   common
   ======================================================================= */

.c-hd-lv2__img {
  background-image: url(../img/company-access/hd.jpg);
}

/* ==========================================================================
   pc
   ======================================================================= */

@media all and (min-width: 768px){

.address {
  padding-bottom: 100px;
}
.address-list {
  margin-top: -125px;
}
.address-item {
  margin-top: 100px;
  margin-bottom: -125px;
  padding-top: 125px;
}
.address-item:first-child {
  margin-top: 0;
}
.address-item:last-child {
  margin-bottom: 0;
}
.address-ttl {
  float: left;
  width: 35%;
}
.address-detail {
  float: right;
  padding-left: 4%;
  border-left: 1px solid #c9c9c9;
  width: 60%;
}
.address-detail__location {
  font-size: 15px;
  line-height: 1.8;
}
.address-detail__tel {
  font-size: 15px;
  line-height: 1.8;
}
.address-detail__fax {
  font-size: 15px;
  line-height: 1.8;
}
.address-detail__txt {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.8;
}
.address-map {
  margin-top: 50px;
  width: 100%;
  height: 400px;
}
.address-go_map {
  margin-top: 50px;
  height: 400px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.address-go_map iframe {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 400px;
  width: 100%;
}
}


/* ==========================================================================
   responsive adjustment
   ======================================================================= */
@media all and (min-width: 767px) and (max-width: 1079px){

}


/* ==========================================================================
   sp
   ======================================================================= */
@media all and (max-width: 767px){

.address {
  padding-bottom: 50px;
}
.address-list {
  margin-top: -75px;
}
.address-item {
  margin-top: 50px;
  margin-bottom: -75px;
  padding-top: 75px;
}
.address-item:first-child {
  margin-top: 0;
}
.address-item:last-child {
  margin-bottom: 0;
}

.address-ttl {
}
.address-detail {
}
.address-detail__location {
  font-size: 14px;
  line-height: 1.8;
}
.address-detail__tel {
  font-size: 14px;
  line-height: 1.8;
}
.address-detail__fax {
  font-size: 14px;
  line-height: 1.8;
}
.address-detail__txt {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.8;
}
.address-map {
  margin-top: 25px;
  width: 100%;
  height: 300px;
}
.address-go_map {
  margin-top: 25px;
  height: 300px;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.address-go_map iframe {
  width: 100%;
  /* aspect-ratio: 16/9; */
  position: absolute;
  left: 0;
  top: 0;
  height: 300px;
  width: 100%;
}
}

/* ==========================================================================
   Google Maps API
   ======================================================================= */
/* mapTypeControl */

.gm-style-mtc div[role="button"]{
  color: #000 !important;
  background-color: #fff !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-weight: bold !important;
}
.no-touchevents .gm-style-mtc div[role="button"]{
  transition: color 300ms ease,
              background 300ms ease;
}
.no-touchevents .gm-style-mtc div[role="button"]:hover,
.gm-style-mtc div[role="button"][aria-pressed="true"]{
  color: #fff !important;
  background-color: #2ab5aa !important;
}
@media all and (min-width: 768px){
  .gm-style-mtc div[role="button"]{
    height: 30px !important;
    font-size: 15px !important;
    padding: 0 12px !important;
  }
}
@media all and (max-width: 767px){
  .gm-style-mtc div[role="button"]{
    height: 23px !important;
    font-size: 12px !important;
    padding: 0 9px !important;
  }
}