@charset "UTF-8";
/*------------------------------------------------------------------------------

  Common

------------------------------------------------------------------------------*/
.gray_block {
    background-color: #f8f8f8;
}
.c-gold {
    color: #c78f47 !important;
}
@media print, screen and (min-width: 768px) {
    .gray_block {
        padding: 80px 0 120px;
        margin-top: 120px;
      }
    .gray_block > .container {
        width: 960px;
    }
        .mod-h3 {
          margin-top: 100px;
        }
}
@media only screen and (max-width: 767px) {
  .gray_block {
        padding: 40px 0 80px;
        margin-top: 40px;
    }
    .mod-frame .mod-img_item {
      padding: 0 5%;
  }
      .mod-frame .mod-img_item .pl60 {
        padding-left: 0 !important;
    }
    .mod-h3 {
        font-size: 6vw;
    }
    h3.tlt span.c-red {
    font-size: 16px;
    font-weight: 500;
  }
}

h1 .effort_main_subTtl {
  font-size: 21px;
  display: block;
}
h3.tlt span.c-red {
    font-size: 1.04rem;
    display: block;
    margin-bottom: 8px;
}
dl dt{

  margin-bottom: .75rem;
      color: #676767;
}
dl dt span{
  font-size: 1.2em;
      color: #515151;
      font-weight: bold;
}

.taidan{
  /*display: flex;*/
  gap: .8em;
}
.taidan p{
  flex-basis: fit-content;
  margin-top: 0!important;
}
.taidan p.d-gray,
.taidan p.c-red,
.taidan p.c-gold {
  font-weight: bold;
 font-size: 1.1em;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
}
.taidan p.c-red > span,
.taidan p.c-gold > span {
    font-size: 88%;
    padding-left: 3px;
    font-weight: normal;
}
.taidan p.d-gray::after,
.taidan p.c-red::after,
.taidan p.c-gold::after {
    width: 64px;
    height: 2px;
    background-color: #c3c3c3;
    display: block;
    content: "";
    position: absolute;
    left: 48px;
    top: 0;
    margin: auto;
    bottom: 0;
}
.taidan p.c-red::after {
    background-color: #ffa2af;
    left: 68px;
  }
  .taidan p.c-gold::after {
    background-color: #c78f47;
    left: 68px;
  }