@charset "utf-8";

.company__detail {
  display: flex;
}
.company__detailImg {
  margin-top: 30px;
  width: 50%;
}
.company__detailImg img {
  width: 100%;
}
.company__detailTxt {
  width: 50%;
}
.company__detailTxt dl {
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
}
.company__detailTxt dt {
  font-size: 18px;
  width: 200px;
  margin-top: 30px;
}
.company__detailTxt dd {
  font-size: 18px;
  width: 300px;
  margin-top: 30px;
}
.company__mapTxt {
  text-align: center;
  font-size: 30px;
  margin-top: 70px;
}
.company__mapFrame {
  margin-top: 50px;
}
.company__mapFrame iframe {
  width: 100%;
}
.company__comment {
  padding: 50px;
  background-color: #fff;
  margin-top: 100px;
}
.company__comment p {
  font-size: 18px;
  margin-top: 20px;
}
.company__comment .company__commentTit {
  text-align: center;
  font-size: 30px;
  margin-bottom: 50px;
}

/* tablet
---------------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px) {
  .company__detailTxt dl {
    display: block;
  }
  .company__detailTxt dd {
    margin-top: 15px;
  }
}

/* SP
---------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .company__detail {
    display: block;
  }
  .company__detailImg {
    width: auto;
  }
  .company__detailTxt {
    width: auto;
  }
  .company__detailTxt dl {
    display: block;
    margin: 0;
  }
  .company__detailTxt dt {
    width: auto;
  }
  .company__detailTxt dd {
    margin-top: 15px;
    width: auto;
  }
  .company__mapFrame iframe {
    height: 300px;
  }
  .company__comment {
    padding: 20px;
    margin-top: 50px;
  }
  .company__comment .company__commentTit {
    margin-bottom: 30px;
  }
}