body>#Contents p, body>.where-not p {
    line-height: 2;
}

/* fv */
section#fv {
    background-image: url(/assets/image/jp/ja/company/group/hfd/60th/img/fv-bg.svg),url(/assets/image/jp/ja/company/group/hfd/60th/img/top-bg.png);
    background-repeat: no-repeat;
    background-size: 89%, cover;
    background-position: center -80px, center center;
}
section#fv .Container {
    padding: 94px 0 159px;
}
section#fv h1 {
    text-align: center;
    font-size: 3.75rem;
    font-weight: 500;
    margin-bottom: 32px;
}
section#fv p {
    font-weight: 500;
}
#fv .bg div:has(img.mosaic) {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/assets/image/jp/ja/company/group/hfd/60th/img/fv-shadow.png);
    background-size: 60%;
    background-position: center bottom;
    padding-bottom: 9rem;
    background-repeat: no-repeat;
}

.u-txt-red {
    color: #e60027;
    font-family: 'Outfit';
}
.u-tac {
    text-align: center;
}
.u-flex {
    display: flex;
}
.u-block {
    display: block;
}
.sp {
  display: none;
}


.u-flex.--lead {
    align-items: center;
    justify-content: center;
    gap: 41px;
    margin-bottom: 57px;
}

.u-flex.--lead p {
    max-width: 572px;
}
.u-flex.--lead img {
    flex-shrink: 0;
}




#fv .bg {
    background-image: url(/assets/image/jp/ja/company/group/hfd/60th/mosaic/p-mosaic-deco.png);
    background-size: 70%;
    background-position: center bottom;
    padding-bottom: 9rem;
    background-repeat: no-repeat;
  }
  section#fv {
    background-image:url(/assets/image/jp/ja/company/group/hfd/60th/mosaic/p-mosaic-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #inner-content-area.mosaic {
      width: 100%;
      padding-top: 0;
    }
    #inner-content-area.mosaic h1 {
      border-bottom: none;
    }
    #inner-content-area.mosaic img {
      vertical-align: bottom;
      font-size: 0;
    }
    #inner-content-area.mosaic a:link {
      text-decoration: underline;
    }
    #inner-content-area.mosaic a:hover {
      text-decoration: none;
    }
    
    #footerArea {
      margin-top: 0;
    }
    
    .container {
      max-width: 960px;
      margin: 0 auto;
    }
  
    .mosaic__image {
      position: relative;
      width: 100%;
      margin: 0 auto;
    }
    
    #mosaic-image {
      background: #fff;
      cursor: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/icon_rupe.cur"), url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/icon_rupe.png"), auto;
    }
  
    
    .magnifywrapper {
      z-index: 999;
      pointer-events: none;
      position: absolute;
      display: none;
      top: 0;
      left: 0;
      content: '';
      width: 274px;
      height: 274px;
      overflow: hidden;
      background: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/bg_lens.png") no-repeat;
      cursor: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/icon_rupe.cur"), url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/icon_rupe.png"), auto;
    }
    .magnifywrapper:not(:target) {/* IE9,10 */
        width: 300px;
        height: 300px;
      background: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/bg_lens.png") no-repeat;
      background-size: contain;
    }
    .magnifywrapper.onedge {
      background: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/bg_lens_right.png") no-repeat;
      background-size: contain;

    }
    .magnifywrapper.onedge:not(:target) {/* IE9,10 */
      background: url("/assets/image/jp/ja/company/group/hfd/60th/mosaic/bg_lens_right.png") no-repeat;
      background-size: contain;
    }
    
    .magnifyarea {
      position: absolute;
      z-index: 1000;
      width: 255px;
      height: 255px;
      overflow: hidden;
      top: 19px;
      left: 19px;
      border-radius: 50%;
    }
    .magnifyarea .zoomLens {
      background: #fdf3c4;
    }
    
    .magnifyimage {
      position: relative;
      z-index: 10000;
    }

    @media screen and (max-width: 767px) {
      section#fv {
        padding: 0 1rem;
      }
      .sp {
        display: block;
      }
    .u-flex.--lead {
      flex-direction: column;
  }
  section#fv h1 {
    font-size: 2rem;
  }
    }