@charset "UTF-8";
/* ---------------------------------------------
 ABOUT STYLES
 --------------------------------------------- */
.txt p + p {
  margin-top: 1.8em;
}
.txt .signature {
  margin-top: 3.75em;
  font-size: 1.125em;
}

.sec_type01 .colWrap .txt {
  padding: 0;
}
.sec_type01 .colWrap .img {
  flex: 1 1 35%;
  padding: 0;
  min-width: 250px;
}
.sec_type01 .colWrap .img .img-inner {
  max-width: 380px;
  /* Less than 767px */
}
@media only screen and (max-width: 767px) {
  .sec_type01 .colWrap .img .img-inner {
    max-width: 300px;
    margin: 0 auto;
  }
}
.sec_type01 .colWrap .img .img-inner:before {
  padding: 114.882506527% 0 0;
}

.introSection {
  position: relative;
  padding-top: 130px;
  margin-top: -130px;
}
.introSection .container {
  max-width: 1020px;
}
.introSection .txt {
  margin-bottom: 8%;
}
.introSection .txt:before {
  content: "";
  display: block;
  position: absolute;
}
.introSection .txt:before {
  width: 159px;
  height: 55px;
  right: 0;
  top: 0;
  background: url(../images/common/cloud2.svg) no-repeat 0 0;
  background-size: contain;
}
@media print, screen and (max-width: 1292px) {
  .introSection .txt:before {
    width: 12.306501548vw;
    height: 4.2569659443vw;
  }
}
@media only screen and (max-width: 1100px) {
  .introSection .txt:before {
    right: 7%;
  }
}

.messageSection {
  position: relative;
}
.messageSection:before {
  content: "";
  display: block;
  position: absolute;
  top: 12%;
  bottom: auto;
  right: 15.625%;
  left: auto;
  width: 3.4895833333%;
  height: 0;
  padding: 3.1770833333% 0 0;
  background: url(../images/common/moyou2.png) no-repeat 0 0;
  background-size: contain;
}

.messageSection {
  position: relative;
}
.messageSection:after {
  content: "";
  display: block;
  position: absolute;
  top: auto;
  bottom: 0;
  right: auto;
  left: 50%;
  width: 3.4895833333%;
  height: 0;
  padding: 3.1770833333% 0 0;
  background: url(../images/common/moyou1.png) no-repeat 0 0;
  background-size: contain;
}

.overviewSection {
  position: relative;
}
.overviewSection:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: auto;
  left: 10.4166666667%;
  width: 3.4895833333%;
  height: 0;
  padding: 3.1770833333% 0 0;
  background: url(../images/common/moyou2.png) no-repeat 0 0;
  background-size: contain;
}

.overviewSection .container .commonTbl td{
  padding: 1.5em 7% 1.5em 5%;
} 

.historySection {
  position: relative;
}
.historySection:before {
  content: "";
  display: block;
  position: absolute;
  top: 5%;
  bottom: auto;
  right: 13.1770833333%;
  left: auto;
  width: 2.8645833333%;
  height: 0;
  padding: 2.6041666667% 0 0;
  background: url(../images/common/moyou2.png) no-repeat 0 0;
  background-size: contain;
}

.officeSection {
  position: relative;
}
.officeSection:before {
  content: "";
  display: block;
  position: absolute;
  top: 3%;
  bottom: auto;
  right: auto;
  left: 14.0625%;
  width: 3.6458333333%;
  height: 0;
  padding: 2.3958333333% 0 0;
  background: url(../images/common/moyou1_d.png) no-repeat 0 0;
  background-size: contain;
}

/* index幅991px以下から
------------------------------------------------------------*/
/* index幅767px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  .txt .signature {
    margin-top: 2em;
  }
  .introSection .txt:before {
    width: 80px;
    height: 28px;
  }
  .messageSection:before {
    width: 34px;
    height: 30px;
  }
  .messageSection:after {
    width: 34px;
    height: 23px;
    bottom: 2%;
    left: 65%;
  }
  .historySection:before {
    width: 34px;
    height: 23px;
    left: 8%;
    top: 2%;
  }
  .officeSection:before {
    width: 34px;
    height: 23px;
    left: 8%;
  }
}

/*# sourceMappingURL=about.css.map */