/*! Writen  by SCSS */
.breadlist {
  display: none; }

.p_ttl {
  /*	margin-bottom: 46px;
  	@include mq($br_tb){
  		margin-bottom: 40px;
  	}
  	@include mq($br_sp){
  		margin-bottom: 32px;
  	}*/ }

.text_dummy {
  transform: rotateY(180deg);
  text-align: right; }
  .ta_c .text_dummy, .text_dummy.ta_c {
    text-align: center; }

.flex_rr {
  flex-direction: row-reverse; }

@media screen and (max-width: 480px) {
  .wide_image .sld {
    overflow-x: scroll;
    height: 360px; } }
.wide_image img {
  width: 100%; }
  @media screen and (max-width: 480px) {
    .wide_image img {
      max-width: none;
      width: auto;
      height: 100%; } }

.sec03 {
  margin-top: clamp(40px, 5.834vw, 70px); }
  @media screen and (max-width: 768px) {
    .sec03 {
      margin-top: 40px; } }

.design_lead {
  margin-bottom: clamp(40px, 5%, 60px); }
  .design_lead .sec_read {
    letter-spacing: 0.2em; }

.landplan_figure {
  /*margin-bottom: $cl80;*/
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(20px, 2.5vw, 30px); }
  @media screen and (max-width: 480px) {
    .landplan_figure {
      width: calc(100% + 70px);
      margin-left: -31px;
      margin-right: -25px; } }

.border_content_wrap {
  background: #f7f6ef;
  border: 1px solid #89844f;
  border-top: 5px solid #89844f;
  padding-bottom: 50px; }
  @media screen and (max-width: 480px) {
    .border_content_wrap {
      width: calc(100% + 40px);
      margin-left: -20px;
      margin-right: -20px;
      border: 0;
      border-top: 5px solid #89844f; } }
  .border_content_wrap .p_ttl {
    margin-bottom: auto; }
  .border_content_wrap .border_content_inner {
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 480px) {
      .border_content_wrap .border_content_inner {
        width: calc(100% - 20px); } }
  .sec02 .border_content_wrap {
    padding-top: clamp(25px, 3.34%, 40px); }
    .sec02 .border_content_wrap .border_content_inner {
      max-width: 960px; }
  .sec03 .border_content_wrap {
    padding-top: clamp(50px, 6.67%, 80px); }
    .sec03 .border_content_wrap .border_content_inner {
      max-width: 900px; }

.sec02_image_wrap {
  max-width: 810px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  justify-content: space-between;
  grid-template-columns: 43.34% 33.34% 19.76%;
  gap: clamp(1px, 1.61vw, 13px) 0;
  margin-bottom: clamp(25px, 5.21%, 50px); }
  .sec02_image_wrap .image_box_01 {
    grid-row: span 2; }
  .sec02_image_wrap .image_box_02 {
    grid-column: 2 / 4; }

.sec02_text_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .sec02_text_wrap {
      flex-direction: column;
      gap: 20px 0; } }
  .sec02_text_wrap .sec02_text_box {
    width: 45.84%; }
    @media screen and (max-width: 480px) {
      .sec02_text_wrap .sec02_text_box {
        width: 100%; } }
    .sec02_text_wrap .sec02_text_box .box_head {
      font-size: clamp(16px, 2.3vw, 23px);
      line-height: 1.4;
      margin-bottom: 1em;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 480px) {
        .sec02_text_wrap .sec02_text_box .box_head {
          text-align: center; } }
  .sec02_text_wrap .border {
    width: 1px;
    align-self: stretch;
    border-right: 1px dashed #333333; }
    @media screen and (max-width: 480px) {
      .sec02_text_wrap .border {
        width: 100%;
        border-right: none;
        border-bottom: 1px dashed #333333; } }

.sec03 .design_lead {
  margin-bottom: clamp(0px, 2.693vw, 30px); }

.sec03_wrap_outer {
  display: flex;
  flex-direction: column;
  gap: clamp(25px, 6.67vw, 60px) 0; }
  @media screen and (max-width: 480px) {
    .sec03_wrap_outer {
      gap: 40px 0; } }
  .sec03_wrap_outer .sec03_wrap:not(:last-child) {
    border-bottom: 1px dashed #333333;
    padding-bottom: clamp(25px, 6.67vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap:not(:last-child) {
        padding-bottom: 40px; } }
  .sec03_wrap_outer .sec03_wrap .box_head {
    font-size: clamp(16px, 2.44vw, 23px);
    line-height: 1.31;
    margin-bottom: 1em;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 0 1em; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap .box_head {
        text-align: center;
        flex-direction: column;
        justify-content: center;
        gap: 0.8em; } }
    .sec03_wrap_outer .sec03_wrap .box_head .number {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
      aspect-ratio: 1 / 1;
      font-size: 1.13em;
      width: 1.15em;
      height: 1.15em;
      line-height: 1;
      color: #fff;
      background: linear-gradient(90deg, #857d13 0%, #b5ad4f 50%, #857d13 100%); }
  .sec03_wrap_outer .sec03_wrap_01 {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_01 {
        flex-direction: column;
        gap: 20px 0; } }
    .sec03_wrap_outer .sec03_wrap_01 .text_box {
      width: 44.45%; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_outer .sec03_wrap_01 .text_box {
          width: 100%; } }
    .sec03_wrap_outer .sec03_wrap_01 .image_box {
      max-width: 462px;
      width: 51.34%; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_outer .sec03_wrap_01 .image_box {
          width: 100%; }
          .sec03_wrap_outer .sec03_wrap_01 .image_box img {
            display: block;
            width: 100%;
            height: 100%;
            aspect-ratio: 7 / 3;
            object-fit: cover;
            object-position: center top; } }
  .sec03_wrap_outer .sec03_wrap_02 .text_box {
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_02 .text_box {
        margin-bottom: 20px; } }
  .sec03_wrap_outer .sec03_wrap_02 .image_list {
    max-width: 600px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_02 .image_list {
        /*	width: calc(100% + 20px);
        	margin-left: -10px;
        	margin-right: -10px;
        */
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px; } }
    .sec03_wrap_outer .sec03_wrap_02 .image_list .item {
      width: calc(270% / 6); }
      @media screen and (max-width: 480px) {
        .sec03_wrap_outer .sec03_wrap_02 .image_list .item {
          width: 48%; } }
  @media screen and (max-width: 480px) {
    .sec03_wrap_outer .sec03_wrap_03,
    .sec03_wrap_outer .sec03_wrap_04,
    .sec03_wrap_outer .sec03_wrap_05 {
      flex-direction: column;
      gap: 20px 0; } }
  .sec03_wrap_outer .sec03_wrap_03 .text_box,
  .sec03_wrap_outer .sec03_wrap_04 .text_box,
  .sec03_wrap_outer .sec03_wrap_05 .text_box {
    width: 63.34%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_03 .text_box,
      .sec03_wrap_outer .sec03_wrap_04 .text_box,
      .sec03_wrap_outer .sec03_wrap_05 .text_box {
        width: 100%; } }
  .sec03_wrap_outer .sec03_wrap_03 .image_box,
  .sec03_wrap_outer .sec03_wrap_04 .image_box,
  .sec03_wrap_outer .sec03_wrap_05 .image_box {
    max-width: 270px;
    width: 30%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_03 .image_box,
      .sec03_wrap_outer .sec03_wrap_04 .image_box,
      .sec03_wrap_outer .sec03_wrap_05 .image_box {
        width: 60%;
        align-self: center; } }
  .sec03_wrap_outer .sec03_wrap_06 .text_box {
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_06 .text_box {
        margin-bottom: 20px; } }
  .sec03_wrap_outer .sec03_wrap_06 .image_list {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 1.55%; }
    @media screen and (max-width: 480px) {
      .sec03_wrap_outer .sec03_wrap_06 .image_list {
        flex-wrap: wrap;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        gap: 10px 18px; } }
    .sec03_wrap_outer .sec03_wrap_06 .image_list .item {
      max-width: 214px;
      width: 23.78%; }
      @media screen and (max-width: 480px) {
        .sec03_wrap_outer .sec03_wrap_06 .image_list .item {
          width: calc(50% - 9px); } }
      .sec03_wrap_outer .sec03_wrap_06 .image_list .item .item_name {
        margin-top: 5px;
        font-size: clamp(12px, 1.29vw, 16px);
        line-height: 1.2; }

/*# sourceMappingURL=design.css.map */