/* ======================================================================
 setting
====================================================================== */
.p_competition .cl-img {
  width: 100%; }
.p_competition .d-flex {
  display: flex;
  align-items: stretch; }
.p_competition .intro {
  padding-top: 165px;
  padding-bottom: 190px; }
  .p_competition .intro-content {
    width: calc(100% - 400px); }
  .p_competition .intro-image {
    width: 400px; }
  .p_competition .intro_txt-bottom {
    color: #6B6967;
    font-size: 15px;
    line-height: calc(30/15);
    font-weight: 400;
    margin-top: 40px; }
.p_competition .d-flex .l-col {
  width: 50%;
  display: flex;
  flex-direction: column; }
  .p_competition .d-flex .l-col .box {
    width: 665px;
    padding: 0 15px; }
  .p_competition .d-flex .l-col .txt {
    margin-top: -5px;
    font-size: 15px;
    line-height: calc(28/15);
    padding-left: 35px;
    padding-bottom: 45px;
    letter-spacing: 0.025em; }
.p_competition .architects {
  background-color: #E3E0DD;
  padding: 110px 0 0;
  margin-bottom: 130px; }
  .p_competition .architects .l-col {
    padding-top: 320px;
    margin-top: -275px; }
  .p_competition .architects_content-left {
    align-items: flex-end; }
  .p_competition .architects_content-right {
    background-color: #fff;
    align-items: flex-start; }
  .p_competition .architects .picture {
    position: relative; }
.p_competition .merits {
  background-color: #EFEFEF;
  padding-bottom: 65px; }
  .p_competition .merits .d-flex .l-col .box {
    padding-left: 0; }
  .p_competition .merits .d-flex .l-col .txt {
    padding-bottom: 0; }
  .p_competition .merits-content {
    padding: 65px 0 40px; }
  .p_competition .merits .tab-wrapper {
    padding: 40px 0;
    border-top: solid 1px #6B6967;
    border-bottom: solid 1px #6B6967; }
    .p_competition .merits .tab-wrapper .tab {
      overflow: hidden;
      margin: 0px;
      padding: 0px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .p_competition .merits .tab-wrapper .tab .tab-items {
        float: left;
        list-style: none;
        border-radius: 50%;
        background: #D1CCC7;
        margin: 0 16px; }
        .p_competition .merits .tab-wrapper .tab .tab-items .tab-link {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100px;
          height: 100px;
          color: #fff;
          font-size: 12px;
          text-transform: uppercase;
          text-decoration: none; }
          .p_competition .merits .tab-wrapper .tab .tab-items .tab-link .num {
            font-size: 40px;
            margin-left: 10px; }
        .p_competition .merits .tab-wrapper .tab .tab-items.active {
          background: #988575; }
          .p_competition .merits .tab-wrapper .tab .tab-items.active .tab-link:hover {
            opacity: 1;
            cursor: default; }
  .p_competition .merits .tab-content {
    display: none; }
    .p_competition .merits .tab-content .inner {
      padding-top: 60px;
      padding-bottom: 60px; }
    .p_competition .merits .tab-content .content-left {
      border-radius: 50%;
      background: #988575;
      width: 100px;
      height: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 12px; }
      .p_competition .merits .tab-content .content-left .num {
        font-size: 40px;
        margin-left: 10px; }
    .p_competition .merits .tab-content .content-right {
      width: calc(100% - 100px);
      padding: 0 64px; }
      .p_competition .merits .tab-content .content-right .content-ttl {
        font-size: 21px;
        font-weight: 500; }
      .p_competition .merits .tab-content .content-right .txt {
        margin-top: 20px;
        font-size: 14px;
        line-height: calc(26/14);
        letter-spacing: .025em; }

@media (min-width: 969px) and (max-width: 1329px) {
  .p_competition .d-flex .l-col .box {
    width: calc(665/1330*100vw);
    padding: calc(15/1330*100vw); }
    .p_competition .d-flex .l-col .box .txt {
      padding-left: calc(35/1330*100vw);
      padding-bottom: calc(45/1330*100vw); } }
@media screen and (max-width: 968px) {
  .p_competition .intro {
    padding-top: 10rem;
    padding-bottom: 10rem;
    flex-direction: column; }
    .p_competition .intro-content {
      width: 100%; }
    .p_competition .intro-txt {
      margin-top: 3.5rem;
      font-size: 2.6rem;
      line-height: calc(40/26); }
    .p_competition .intro_txt-bottom {
      font-size: 2.2rem;
      line-height: calc(40/26);
      margin-top: 2rem; }
    .p_competition .intro-image {
      width: 100%;
      margin-top: 6rem; }
  .p_competition .d-flex .l-col {
    width: 100%;
    padding-top: 0;
    margin-top: 0; }
    .p_competition .d-flex .l-col .box {
      width: 100%;
      padding: 0 4rem; }
    .p_competition .d-flex .l-col .txt {
      margin-top: 2rem;
      font-size: 2.6rem;
      padding: 0; }
  .p_competition .architects {
    padding: 10rem 0 0;
    margin-bottom: 0rem; }
    .p_competition .architects-content {
      flex-direction: column; }
    .p_competition .architects .l-col {
      padding-top: 3rem; }
    .p_competition .architects_content-right {
      padding-bottom: 3rem; }
  .p_competition .merits {
    padding-bottom: 9.5rem; }
    .p_competition .merits-content {
      padding: 6rem 0;
      flex-direction: column; }
      .p_competition .merits-content .l-col .box {
        padding: 0 1rem; }
    .p_competition .merits .tab-wrapper {
      padding: 4rem 0;
      border-top: solid 0.2rem #6B6967;
      border-bottom: solid 0.2rem #6B6967; }
      .p_competition .merits .tab-wrapper .tab .tab-items {
        margin: 0 1rem; }
        .p_competition .merits .tab-wrapper .tab .tab-items .tab-link {
          font-size: 2rem;
          width: 12rem;
          height: 12rem; }
          .p_competition .merits .tab-wrapper .tab .tab-items .tab-link .num {
            font-size: 4rem;
            margin-left: 1rem; }
    .p_competition .merits .tab-content .inner {
      padding-top: 6rem;
      padding-bottom: 6rem; }
    .p_competition .merits .tab-content .content-left {
      width: 12rem;
      height: 12rem;
      font-size: 2rem; }
      .p_competition .merits .tab-content .content-left .num {
        font-size: 4rem;
        margin-left: 1rem; }
    .p_competition .merits .tab-content .content-right {
      width: calc(100% - 12rem);
      padding: 0 4rem; }
      .p_competition .merits .tab-content .content-right .content-ttl {
        font-size: 4rem;
        line-height: 1.5; }
      .p_competition .merits .tab-content .content-right .txt {
        font-size: 2.6rem;
        margin-top: 4rem; }
    .p_competition .merits .picture-bottom .cl-img {
      margin-top: 4rem; }
  .p_competition #modelhouse-nav {
    margin-top: 0; } }

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