@charset "utf-8";

.clipped-image {
  /* 平行四辺形にクリッピング */
  clip-path: polygon(50% 0, 100% 0, 100% 47%, 15% 100%);
  -webkit-clip-path: polygon(50% 0, 100% 0, 100% 47%, 15% 100%); /* Safari対応 */

  overflow: hidden; /* はみ出した部分を隠す場合 */
}

/* 画像がコンテナにきれいに収まるように */
.clipped-image img {
  width: 100%;
  height: 90vh;;
  display: block;
  
  object-fit: cover; 
}

.con-foot-contactus {
        padding:7rem 0;
      }

      .con-foot-contactus h2 {
        font-family: "Lexend", sans-serif;
        font-weight: 100;
        font-size: 3.5vw;
        color: #002863;
        margin-bottom:0;
      }

      .con-foot-contactus h3 {
        font-size:12px;
        letter-spacing: 0.2rem;
        color:#ffaa00;
        font-weight:normal;
        margin-bottom:2rem;
      }

      
      .con-title-box {
        position: absolute;
        top:33%;
        left:5%;
      }

      .con-title {
        line-height:100%;
        font-family: Lexend, sans-serif;
        font-weight: 100;
        font-size: 3.5vw;
        color: #002863;
        margin-bottom:0.5rem;
      }

      .con-title-sub {
        color:#ffaa00;
        font-weight:700;
        letter-spacing: 0.2rem;
      }

      .light-bg-con {
        background: #f9f9f9 url(../img/common/light-bg.png) no-repeat 0 -17vh/cover fixed;
        padding-bottom:7rem;
      }

      .light-bg-con-head {
        height:50vh;
      } 

      .con-main-con {
        padding-bottom:9rem;
      }
      

      @media screen and (max-width:599px)  {

      .con-title-box {
        top:16rem;
      }

      .con-title {
        font-size:2.8rem;
        margin-bottom:0;
      }

      .con-title-sub {
        font-size:0.6rem;
      }

      .con-foot-contactus {
        padding:7rem 1rem;
      }

      .con-foot-contactus h3 {
        font-size:0.6rem;
      }

      .con-foot-contactus h2 {
        font-size:2.8rem;
      }

      .btn-contact-access02 {
        margin-top:2.8rem;
      }

      .clipped-image {
        clip-path: polygon(50% 0, 100% 0, 100% 47%, 0% 100%);
        -webkit-clip-path: polygon(50% 0, 100% 0, 100% 47%, 0% 100%);
        overflow: hidden;
      }

      .clipped-image img {
        height:15rem;
      }

      .con-header {
        height:17.5rem;
      }

      .btn-contact-access02 {
        padding:15px 0;
        font-size:0.9rem;
      }

      .con-main-con {
        padding-top:5rem;
      }

      .light-bg-con-head {
        height:15rem;
      } 

      .light-bg-con {
        background:none;
        padding-bottom:0;
      }
      
      }