/*! Writen  by SCSS */
body .wrap {
  background: #000;
  color: #FFF; }

.inner_main .main_image {
  background-image: url("../images/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/main_sp.jpg"); } }

.sec01 .parse_group {
  flex-direction: column;
  row-gap: clamp(60px, 7.5vw, 90px); }
  @media screen and (max-width: 480px) {
    .sec01 .parse_group {
      row-gap: 60px; } }
  .sec01 .parse_group .parse_group_in {
    flex-direction: column; }
    .sec01 .parse_group .parse_group_in .en_jp_text {
      margin-top: clamp(30px, 4.167vw, 50px); }
    .sec01 .parse_group .parse_group_in .parse_image .cap_r {
      padding-top: 5px;
      padding-right: 5px; }
    .sec01 .parse_group .parse_group_in .architect {
      padding: 20px;
      position: relative;
      color: #000; }
      .sec01 .parse_group .parse_group_in .architect:before {
        content: "";
        position: absolute;
        inset: 0;
        width: 100vw;
        right: auto;
        background: #FFF; }
      .sec01 .parse_group .parse_group_in .architect .architect_in {
        position: relative;
        flex-wrap: wrap;
        gap: 20px 0; }
        @media screen and (max-width: 480px) {
          .sec01 .parse_group .parse_group_in .architect .architect_in {
            flex-direction: column; } }
        .sec01 .parse_group .parse_group_in .architect .architect_in .architect_ttl {
          width: 100%;
          font-size: clamp(20px, 2.847vw, 37px); }
          @media screen and (max-width: 480px) {
            .sec01 .parse_group .parse_group_in .architect .architect_in .architect_ttl {
              font-size: 7vw; } }
        .sec01 .parse_group .parse_group_in .architect .architect_in .architect_photo {
          width: 30.62%; }
          @media screen and (max-width: 480px) {
            .sec01 .parse_group .parse_group_in .architect .architect_in .architect_photo {
              width: 100%; } }
        .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof {
          width: 32.75%; }
          @media screen and (max-width: 480px) {
            .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof {
              width: 100%; } }
          .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof .architect_company {
            margin-bottom: 20px; }
            @media screen and (max-width: 480px) {
              .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof .architect_company {
                width: 90%; } }
          .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof .architect_name {
            line-height: 1.6;
            font-size: clamp(12px, 1.616vw, 21px); }
            @media screen and (max-width: 480px) {
              .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof .architect_name {
                font-size: 4vw; } }
            .sec01 .parse_group .parse_group_in .architect .architect_in .architect_prof .architect_name .big {
              display: block;
              font-size: 190%; }
        .sec01 .parse_group .parse_group_in .architect .architect_in .architect_read {
          width: 31.86%;
          font-size: clamp(13px, 1.539vw, 20px);
          line-height: 1.5; }
          @media screen and (max-width: 480px) {
            .sec01 .parse_group .parse_group_in .architect .architect_in .architect_read {
              width: 100%;
              font-size: 3.6vw;
              line-height: 1.8; } }

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