.m-coi {
  position: relative;
}

.m-coi .is-mt20 {
  margin-top: 20px !important;
}

.m-coi__in {
  position: relative;
  padding: 0 20px;
}

@media print, (min-width: 768px) {
  .m-coi__in {
    max-width: 1248px;
    margin: 0 auto;
  }
}

.m-coi__tt {
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1px;
}

@media print, (min-width: 768px) {
  .m-coi__tt {
    margin-bottom: 70px;
    font-size: 48px;
  }
}

@media screen and (max-width: 767px) {
  .m-coi__tt {
    margin-bottom: 50px;
    font-size: 30px;
  }
}

@media print, (min-width: 768px) {
  .m-coi__sc {
    margin-top: 65px;
  }
}

@media screen and (max-width: 767px) {
  .m-coi__sc {
    margin-top: 50px;
  }
}

.m-coi__st {
  font-weight: 700;
  line-height: 1.5;
}

@media print, (min-width: 768px) {
  .m-coi__st {
    margin-bottom: 30px;
    font-size: 26px;
  }
}

@media screen and (max-width: 767px) {
  .m-coi__st {
    margin-bottom: 25px;
    font-size: 20px;
  }
}

.m-coi__t {
  font-size: 16px;
  line-height: 1.625;
}

.m-coi__tl {
  display: table;
  width: 100%;
}

.m-coi__tl__m {
  display: table-cell;
  white-space: nowrap;
}

.m-coi__tl__t {
  display: table-cell;
  width: 100%;
}

.m-coi__tl > li {
  display: table-row;
}

.m-coi__dt {
  font-size: 16px;
  line-height: 1.625;
  text-align: right;
}

@media print, (min-width: 768px) {
  .m-coi__dt {
    margin-top: 60px;
  }
}

@media screen and (max-width: 767px) {
  .m-coi__dt {
    margin-top: 40px;
  }
}