@charset "UTF-8";
/*---------------------------
デザイン
---------------------------*/


.column_1 {
  width:100%;
}
.column_2 {
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}
.column_2 li {
  width: calc((100% - 3%) / 2);
}

.design-box {
}

.landplan-box {
  padding: 0 0 60px;
}

.box {
  padding: 0 0 30px;
}
.box .design-ttl {
  font-size: 24px;
  line-height: 1.6;
  letter-spacing: 0.2em;
  /* font-weight: 600; */
  margin-bottom: 20px;
}


.box p {
  color:#808080;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.12em;
}
.box .copy {
  color:inherit;
  font-size: 18px;
  line-height: 1.8;
  letter-spacing: 0.12em;
  /* font-weight: 600; */
  margin-bottom: 10px;

  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.box .copy span {
  background: #444;
  color: #fff;
  width: 1.8em;
  padding: 0px 0 1px;
  display: block;
  margin-right: 10px;
  text-align: center;
}

.box .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}


.box .flex figure {
  max-width: 250px;
  width:46%;
  /* margin-bottom: 20px; */
}
figcaption.caption {
  margin-top: 5px;
  text-align: right;
  font-size: 12px;
  line-height: 1.3;
  letter-spacing: 0.06em;
}

.box .flex .txt {
  width:50%;
}




/*---------------------------
PC・TABのみ
---------------------------*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {



}

/*---------------------------
Tab
---------------------------*/
@media screen and (max-width: 1024px) {




}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 768px) {

  .column_1 {
  }
  .column_2 {
    flex-direction: column;
  }
  .column_2 li {
    width: 100%;
  }

  .box {
    padding: 0 0 20px;
  }
  .box .design-ttl {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .landplan-box {
    padding: 0 0 30px;
  }

  .box p {
    font-size: 13px;
  }
  .box .copy {
    font-size: 15px;
  }

}