@charset "utf-8";


/* -------------------------------------------------------
  company
------------------------------------------------------- */

/* history
------------------------------------------------------- */
.history{
  width: 100%;
  margin:0 auto 50px;
}
.history.cont02{
  margin-bottom: 0;
}
.history p{
  line-height: 2.3;
  margin-bottom: 50px;
  font-size: 114%;
  clear: both;
}
.historyTxt{
  width:47%;
  z-index: 1;
}
.historyImg{
  width: 47%;
  margin-bottom: 50px;
}
.history.cont01 > .historyTxt{
  float: right;
}
.history.cont02 > .historyTxt{
  float: left;
}
.history.cont01 > .historyImg{
  float: left;
}
.history.cont02 > .historyImg{
  float: right;
}

@media all and (max-width: 767px) {
  .history{
    margin:0 auto 30px;
  }
  .historyImg,.historyTxt{
    float: none;
    width:100%;
  }
  .historyImg{
    text-align: center;
    padding: 0 20px;
  }
}
@media all and (max-width: 414px) {
  .historyTxt p{
    line-height: 1.7;
  }
}


/*  company
------------------------------------------------------- */

.companyProfile dl{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
}
.companyProfile dl dt,
.companyProfile dl dd{
  margin-bottom:  15px;
}
.companyProfile dl dt{
  width:20%;
}
.companyProfile dl dd{
  width: 80%;
}
@media all and (max-width: 767px) {
  .companyProfile dl dt{width:40%;}
  .companyProfile dl dd{width: 60%;}
}
@media all and (max-width: 530px) {
  .companyProfile dl dt,
  .companyProfile dl dd{width:100%;}
  .companyProfile dl dt{
    margin-bottom: 0;
  }
}