@charset "UTF-8";

@media (min-width: 1025px) {
  .pc-view { display: block; }
  .sp-view { display: none; }

  .pc-ml-15 {
    margin-left: 15px;
  }
}
@media (max-width: 1024px) {
  .pc-view { display: none; }
  .sp-view { display: block; }

  .sp-mb-20 { margin-bottom: 20px !important; }
  .sp-mb-30 { margin-bottom: 30px !important; }
  .sp-mt-5  { margin-top: 5px;}

  .sub-contents {
    padding: 0 10px;
  }
}

h4 {
  font-size: 16px;
}
sup {
  font-weight: normal !important;
  color: #333333 !important;
}

.pb-37, .pb-pc-37 { padding-bottom: 37px !important; }

.column-five_child span {
  font-size: 0.95em !important;
}

@media (min-width: 1025px) {
  #service .layout-Section2,
  #use-seen .layout-Section2 {
      position: relative;
  }
  .block-image {
    position: absolute;
    top: 0;
    right: 30px;
  }
  #use-seen .layout-Section2 .block-image {
    width: 250px !important;
  }
}

.font18 {
  font-size: 18px;
}

.mb-2 {
  margin-bottom: 2px;
}

.first-letter {
  padding-left: 1em;
}
.first-letter:first-letter {
  margin-left: -1em;
}

.sub-text {
  margin-left: 1em;
  font-size: 0.8em;
  font-weight: normal;
  color: #333333;
}

.midashi {
  border-left: 5px solid #93642B;
  padding-left: 12px;
  padding-bottom: 0;
}

.aes-description {
  background: #90b821;
  padding: 0.6em 1em 0.5em;
  color: #FFF;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
}

.point-icon1, .point-icon2 {
  background: #ee7800;
  border-radius: 10px 10px 10px 10px;
  padding: 2px 15px 0;
  line-height: 0;
  color: #FFF;
  font-size: 14px;
  font-weight: bold !important;
}
.point-icon2 {
  background: #f5a200;
}

.faq dt, .faq dd {
  padding: 1em 1.5em;
}
.faq span {
  margin-right: 0.5em;
}
.faq dt {
  background: #EEE;
  font-weight: bold;
}
.faq dt, .faq dd {
  padding-left: 3em;
}
.faq dt:before {
  content: "Q. ";
  margin-left: -1.5em;
}
.faq dd:before {
  content: "A. ";
  margin-left: -1.4em;
}

td.align-center {
  text-align: center;
}
.pr20 {
  width: 20% !important;
}
.pr25 {
  width: 25% !important;
}
@media (min-width: 1025px) {
  .pr30 {
    width: 25% !important;
  }
}
@media (max-width: 1024px) {
  .pr30 {
    width: 30% !important;
  }
}

.meyasu {
  padding: 3%;
}
.meyasu img {
  width: 100%;
}