@media only screen and (max-width: 767px) {
  .detail .cols {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .detail .cols-item1 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .detail .cols-item2 {
    width: 100%;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

img {
  margin: 0px;
  vertical-align: top;
}

.halfindent {
  padding-left: 0.5em;
  text-indent: -0.5em;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.inner {
  width: 75%;
  margin: 3rem auto;
}
@media only screen and (max-width: 767px) {
  .inner {
    width: 100%;
    text-align: center;
  }
}
.inner img {
  margin-bottom: 1rem;
}

section {
  display: block;
  margin-bottom: 9rem;
}
@media only screen and (max-width: 767px) {
  section {
    margin-bottom: 9rem;
  }
}

.cnt-Body-title {
  display: block;
  margin: 0;
  padding: 0;
}

.cnt-List {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .cnt-List {
    flex-direction: column;
  }
}

.cnt-Body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3rem;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .cnt-Body {
    flex-direction: column;
    margin-bottom: 6rem;
  }
}
.cnt-Body ol {
  width: 100%;
}
.cnt-Body .cols-left {
  width: 70%;
  flex-shrink: 0;
  padding: 2.5rem 3rem;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
}
@media only screen and (max-width: 767px) {
  .cnt-Body .cols-left {
    width: 100%;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
  }
}
.cnt-Body .cols-right {
  width: 30%;
  flex-shrink: 0;
  display: table;
  text-align: center;
  padding: 2.5rem 3rem;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  border-left: none;
  border-right: 1px solid #c0c0c0;
}
@media only screen and (max-width: 767px) {
  .cnt-Body .cols-right {
    width: 100%;
    border-top: none;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
  }
}
.cnt-Body .cols-right .inner {
  display: table-cell;
  vertical-align: middle;
  transform: translateY(1rem);
}
.cnt-Body .cols-right .align-left {
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .cnt-Body .cols-right .align-left {
    text-align: center;
  }
}

ol {
  width: 100%;
  font-size: 1.17em;
  padding: 0;
}

.w15 {
  width: 15%;
}
@media only screen and (max-width: 767px) {
  .w15 {
    width: 100%;
  }
}

.w85 {
  width: 85%;
}
@media only screen and (max-width: 767px) {
  .w85 {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.w10 {
  width: 10%;
}
@media only screen and (max-width: 767px) {
  .w10 {
    width: 100%;
  }
}

.w90 {
  width: 90%;
}
@media only screen and (max-width: 767px) {
  .w90 {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

.padding {
  padding-left: 1.5rem;
}/*# sourceMappingURL=style.css.map */