@charset "UTF-8";
.h-ttl04 {
  border-top: 4px solid #18275F !important;
  margin-top: 80px;
}

.bg-D4E0F7 {
  background-color: #D4E0F7 !important;
}

.bd-D4E0F7 {
  border-color: #D4E0F7 !important;
}

.bg-9FB8F8 {
  background-color: #9FB8F8 !important;
}

.bd-9FB8F8 {
  border-color: #9FB8F8 !important;
}

.bg-576CB1 {
  background-color: #576CB1 !important;
}

.bd-576CB1 {
  border-color: #576CB1 !important;
}

.bg-18275F {
  background-color: #18275F !important;
}

.bd-18275F {
  border-color: #18275F !important;
}

.col-18275F {
  color: #18275F !important;
}

.bg-D2D7E4 {
  background-color: #D2D7E4 !important;
}

.bd-D2D7E4 {
  border-color: #D2D7E4 !important;
}

.bg-E0391D {
  background-color: #E0391D !important;
}

.bd-E0391D {
  border-color: #E0391D !important;
}

.bd-2px {
  border-width: 2px !important;
}

.bd-right-FFF {
  border-right-color: #FFF !important;
}

.bd-left-FFF {
  border-right-color: #FFF !important;
}

.h-ttl03a-dtl {
  position: relative;
  padding: 0.5em 0 0.3em 0.3em;
  border-bottom: 3px solid #ccc;
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 1em;
}
.h-ttl03a-dtl:before {
  position: absolute;
  content: "";
  width: 30%;
  left: 0;
  bottom: -3px;
  border-bottom: 3px solid #EAE8A0;
}

.flx-jc--center {
  justify-content: center !important;
}

.flx-ai--center {
  align-items: center !important;
}

.flx-dir--column {
  flex-direction: column;
}

.fs-12px {
  font-size: 12px;
}

.fs-14px {
  font-size: 14px;
}

.fs-16px {
  font-size: 16px;
}

.fs-18px {
  font-size: 18px;
}

.fs-20px {
  font-size: 20px;
}

.fs-22px {
  font-size: 22px;
}

.fs-24px {
  font-size: 24px;
}

.fs-26px {
  font-size: 26px;
}

.fs-28px {
  font-size: 28px;
}

.fs-30px {
  font-size: 30px;
}

.lh-1 {
  line-height: 1 !important;
}

.pB12 {
  padding-bottom: 12px;
}

.h52 {
  height: 52px;
}

.h60 {
  height: 60px;
}

.h75 {
  height: 75px;
}

.h86 {
  height: 86px;
}

.h145 {
  height: 145px;
}

.h210 {
  height: 210px;
}

.w900 table.dataTable01b {
  width: initial;
  width: 100% !important;
}

.rel-service {
  width: 420px;
  height: 113px;
  margin-bottom: 1em;
}
.rel-service.navy {
  border: 2px solid #18275F;
}
.rel-service.navy .rel-service-title {
  background: #18275F;
}
.rel-service.navy .rel-service-title::before {
  background: #18275F;
}
.rel-service.red {
  border: 2px solid #E0391D;
}
.rel-service.red .rel-service-title {
  background: #E0391D;
}
.rel-service.red .rel-service-title::before {
  background: #E0391D;
}
.rel-service a {
  display: block;
  width: 416px;
}
.rel-service a:hover {
  text-decoration: none !important;
  opacity: 0.7;
}
.rel-service a:focus {
  text-decoration: none !important;
  opacity: 0.7;
}
.rel-service a .rel-service-text {
  color: #000;
  padding: 10px 60px 7px 15px;
  display: block;
}

.rel-service-title {
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding: 10px 40px 7px 10px;
  display: block;
  position: relative;
}
.rel-service-title::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 109px;
  content: "";
}
.rel-service-title::after {
  font-family: "Font Awesome 5 Free";
  content: "\f35d";
  font-weight: 900 !important;
  color: #FFF;
  position: absolute;
  top: 40px;
  right: 15px;
}

div.flex-table .ft-th {
  width: 20%;
}
div.flex-table .ft-td {
  width: 80%;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) and (min-width: 1px) {
  .h52,
  .h60,
  .h75,
  .h86,
  .h145,
  .h210 {
    height: auto;
  }
  .sp-h52 {
    height: 52px;
  }
  .sp-h75 {
    height: 75px;
  }
  .sp-h100 {
    height: 100px;
  }
  .sp-pw48 {
    width: 48% !important;
  }
  .rel-service {
    height: auto;
  }
  .rel-service,
  .rel-service a {
    width: 100%;
  }
  .rel-service a {
    height: auto;
  }
  .rel-service a .rel-service-text {
    padding: 15px 20px;
  }
  .rel-service-title::before {
    content: none;
  }
  .rel-service-title::after {
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sp-pL05{
  padding-left:5px!important;
  }
  .sp-pR05{
  padding-right:5px!important;
  }
  .sp-pV03{
  padding-left:3px!important;
  padding-right:3px!important;
  }
  .sp-pV05{
  padding-left:5px!important;
  padding-right:5px!important;
  }
  .sp-pB15 {
    padding-bottom: 15px;
  }
  .sp-mL40 {
    margin-left: 40px !important;
  }
  .sp-ls-008 {
    letter-spacing: -0.08em;
  }
  .sp-fs-16px {
    font-size: 16px;
  }
  .sp-w80 {
    width: 80px !important;
  }
  
}/*# sourceMappingURL=detail.css.map */