/*
aboutus.css
Author: inu design
Version: 1.0
*/

/*------------------------------------------

	代表あいさつ

------------------------------------------*/
#greeting .left-box {
  width: 56%;
}
#greeting .right-box {
  width: 36%;
}
#greeting .txt-box {
  padding-right: 10%;
}

/* Tb */
@media print, screen and (max-width: 820px) {

  #greeting .left-box,
  #greeting .right-box {
    width: 100%;
  }
  #greeting .txt-box {
    padding-right: 0;
  }
  #greeting .kadomaru {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }

}
/* Tb END */

/*------------------------------------------

	当社の理念

------------------------------------------*/
#ism h2 {
  width: 22.5%;
  min-width: 170px;
  padding-left: 25px;
}
#ism .txt-box {
  width: 74%;
  max-width: 660px;
}

/* Sm */
@media print, screen and (max-width: 480px) {

  #ism h2,
  #ism .txt-box {
    width: 100%;
    padding-left: 0;
  }

}
/* Sm END */

/*------------------------------------------

	会社概要

------------------------------------------*/
#outline h2 {
  text-align: right;
  width: 31%;
  padding-right: 25px;
}
#outline .table-box {
  width: 65.5%;
}

/* Tb */
@media print, screen and (max-width: 820px) {

  #outline .googlemap {
    height: 300px;
  }

}
/* Tb END */

/* Sm */
@media print, screen and (max-width: 480px) {

  #outline h2,
  #outline .table-box {
    width: 100%;
    padding-right: 0;
  }

}
/* Sm END */


/*------------------------------------------

	沿革

------------------------------------------*/
#history h2 {
  width: 31%;
  padding-left: 25px;
}
#history .txt-box {
  width: 65.5%;
}
.history-list {
  width: 100%;
}
.history-list dt {
  width: 15em;
  color: var(--main-color);
  text-align: right;
}
.history-list dd {
  width: calc(100% - 15em);
  padding-left: 40px;
  margin-left: 0;
  margin-bottom: 25px;
}

/* Tb */
@media print, screen and (max-width: 820px) {

  .history-list dt,
  .history-list dd {
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 0;
  }

}
/* Tb END */

/* Sm */
@media print, screen and (max-width: 480px) {

  #history h2,
  #history .txt-box {
    width: 100%;
    padding-left: 0;
  }

}
/* Sm END */