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

.l-pagetitle .paget-content .over-cont {
    width: 1100px;
    margin: 120px auto 0;
    display: flex;
  }
  
  .l-pagetitle .paget-content .over-cont .over-p {
    width: 400px;
    line-height: 35px;
  }

  .l-pagetitle .paget-content .over-cont .over-p .sp-br {
    display: block;
  }
  
  .l-pagetitle .paget-content .over-cont .rhombus-pho {
    position: relative;
    width: 700px;
    height: 380px;
  }
  
  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus {
    z-index: 10;
    position: relative;
    bottom: 11px;
    left: 84px;
  }
  
  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus-back_img {
    position: relative;
    bottom: 217px;
    left: 10px;
  }

  .l-pagetitle .paget-content .over-cont .sp-ov_img {
    display: none;
  } 


/* ----------------------------- スマホ（～767px） */

@media screen and (max-width: 767px) {
  .l-pagetitle .paget-content .over-cont {
    display: block;
    width: 100%;
    /* margin: 25px auto 0; */
    margin-top: 25px;
    padding: 15px;
  }

  .l-pagetitle .paget-content .over-cont .sp-ov_img {
    display: block;
    margin-bottom: 15px;
  }

  .l-pagetitle .paget-content .overview-table .ot-tr {
    display: grid;
  }

  .l-pagetitle .paget-content .overview-table table {
    width: 100%;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho {
    /* width: 100%; */
    /* height: auto; */
    display: none;
  }

  .l-pagetitle .paget-content .over-cont .over-p {
    width: 100%;
  }

  .l-pagetitle .paget-content .over-cont .over-p .sp-br {
    display: none;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus {
    bottom: -88px;
    left: 13px;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus img,
  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus-back_img  img {
    max-width: 93%;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus-back_img {
    bottom: 41px;
    left: 0px;
  }

  
}

/* ----------------------------- タブレット */

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .l-pagetitle .paget-content .over-cont .over-p {
    width: 42%;
  }

  .l-pagetitle .paget-content .over-cont .sp-ov_img {
    display: none;
  } 

  .l-pagetitle .paget-content .over-cont {
    width: 100%;
    margin: 45px auto 0;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho {
    width: 465px;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus img {
    width: 463px;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus {
    top: 12px;
  }

  .l-pagetitle .paget-content .over-cont .rhombus-pho .rhombus-back_img {
    bottom: 112px;
  }
}