@charset "UTF-8";
@import url("root.css");
/*-----*ブレイクポイントルール*-----*/
/* スマートフォン：max-width:767px */
/* タブレット：min-width:768px */
/* PC：min-width:1025px */
/***************************************
---------------- SHOP ----------------
***************************************/
.page_wrap {
   padding: 50px 0 0;
}
.sec_under_about {
  padding: 0 0 100px;
  background: linear-gradient(180deg, transparent 0%, transparent 30%, var(--base-color02) 30%, var(--base-color02) 100%);
}
@media (max-width: 767px) {
  .sec_under_about {
    padding: 0 0 50px;
  }
}
@media (max-width: 767px) {
  .sec_under_about .img01 img {
    max-width: 85%;
  }
}
@media ( min-width : 768px ) {
  figure a {
    pointer-events: none;
  }
}

.sec_history {
  padding: clamp(50px, 10vw, 100px) 0;
  background: #eef0f6;
  .his_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px min(5%, 50px);
    dt { 
      width: min(20%, 200px);
      color: #fff;
      background: var(--base-color01);
      line-height: 1.0;
      padding: min(.5em, 5px) 0 min(.7em, 7px);
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    dd {
      width: min(75%, 750px);
      border-bottom: dotted var(--base-color01) 1px;
    }
  }
}

.sec_history h3.his_h3 {
  font-size: 1.5em;
  line-height: 1.0;
  margin: clamp(50px, 10vw, 100px) auto clamp(25px, 5vw, 50px);
  color: var(--base-color01);
  text-align: center;
}

.sec_history .flexbox {
  margin-top: clamp(50px, 10vw, 100px);
  display: flex;
  justify-content: space-between;
  .RealEstate,
  .solar {
    width: 48%;
    padding: clamp(10px, 2vw, 20px);
    background: #fff;
    h3 {
      line-height: 1.0;
      width: 100%;
      margin: 0 0 .5em;
      color: var(--base-color01);
      border-bottom: solid var(--base-color01) 2px;
      padding-bottom: .5em;
    }
  }
}


@media (max-width:767px) {
  .sec_history .his_list {
   dt,dd {
    width: 100%;
   } 
  }
}