@charset "UTF-8";
/*--------------------
     PC
--------------------*/
main {
  /* メインコンテナ */
}

main .main_container .article_hero {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* 主な材種 */
  /* 主な材種-下層ページ */
}

main .main_container .article_hero .lumber_wrap {
  margin: 0 19px;
}

main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(n+3) {
  margin: 71.75px 0 0 0;
}

main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(even) .item_column {
  margin: 0 0 0 31.7px;
}

main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(odd) .item_column {
  margin: 0 31.7px 0 0;
}

main .main_container .article_hero .lumber_wrap img {
  min-height: 160px;
  height: 160px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .main_container .article_hero .lumber_wrap .lumber_box {
  margin: 16px 0 0 0;
}

main .main_container .article_hero .lumber_wrap .lumber_box .box_bg {
  height: 128.25px;
}

main .main_container .article_hero .lumber_wrap .lumber_box .sub_hd {
  font-size: 1.6rem;
  margin: 0 0 16px 0;
}

main .main_container .article_hero .lumber_wrap .lumber_box_inner {
  padding: 16px 0 0 16px;
}

main .main_container .article_hero .lumber_wrap .lumber_box .item_content_front {
  top: 6px;
  right: 0;
}

main .main_container .article_hero .lumber_wrap .lumber_box .guide_link a:not([class]) {
  color: #202020;
  border-bottom: none;
  text-decoration: none;
}

main .main_container .article_hero .lumber_wrap .lumber_box .guide_link a:not([class]):hover {
  opacity: 1;
}

main .main_container .article_hero .nature_wrap {
  max-width: 1231px;
}

main .main_container .article_hero .nature_wrap .sentence {
  margin: 16px 0 0 0;
}

main .main_container .article_hero .nature_wrap > .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

main .main_container .article_hero .nature_wrap .two_column > div:nth-of-type(1) {
  width: 45%;
}

main .main_container .article_hero .nature_wrap .two_column > div:nth-of-type(2) {
  width: 55%;
}

main .main_container .article_hero .nature_wrap .two_column .right_column {
  margin: 0 0 0 32px;
}

main .main_container .article_hero .nature_wrap .two_column .left_column {
  margin: 0 32px 0 0;
}

main .main_container .article_hero .page_links {
  border-top: solid 1px #202020;
}

/*--------------------
     tablet
--------------------*/
@media screen and (max-width: 1024px) {
  main {
    /* メインコンテナ */
  }
  main .main_container .article_hero {
    /* 主な材種 */
    /* 主な材種-下層ページ */
  }
  main .main_container .article_hero .lumber_wrap .flex {
    display: block;
  }
  main .main_container .article_hero .lumber_wrap .two_column {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  main .main_container .article_hero .lumber_wrap .two_column .two_column_size {
    width: 100%;
  }
  main .main_container .article_hero .lumber_wrap .two_column figure:nth-child(n+1) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size {
    width: 100%;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size figure:nth-child(n+1) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(n+2) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(even) .item_column {
    margin: 0 0 48px 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(odd) .item_column {
    margin: 0 0 48px 0;
  }
  main .main_container .article_hero .lumber_wrap img {
    min-width: auto;
    height: auto;
    max-height: 373px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box {
    margin: 0;
    min-width: 203px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .item_content_front {
    top: 2px;
    right: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .box_bg {
    height: 120px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .sub_hd {
    font-size: 1.6rem;
    margin: 0 0 16px 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box_inner {
    padding: 16px 0 0 16px;
  }
  main .main_container .article_hero .nature_wrap {
    max-width: 1231px;
  }
  main .main_container .article_hero .nature_wrap .sentence {
    margin: 16px 0 0 0;
  }
}

/*--------------------
     smartphone
--------------------*/
@media screen and (max-width: 768px) {
  /*--------------------
        main
    --------------------*/
  main {
    /* メインコンテナ */
  }
  main .main_container {
    margin: 48px 19px 0 19px;
  }
  main .main_container .article_hero {
    /* 主な材種 */
    /* 主な材種-下層ページ */
  }
  main .main_container .article_hero .lumber_wrap .flex {
    display: block;
  }
  main .main_container .article_hero .lumber_wrap .two_column {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  main .main_container .article_hero .lumber_wrap .two_column .two_column_size {
    width: 100%;
  }
  main .main_container .article_hero .lumber_wrap .two_column figure:nth-child(n+1) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size {
    width: 100%;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size figure:nth-child(n+1) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content .two_column_size:nth-child(n+2) {
    margin: 0;
  }
  main .main_container .article_hero .lumber_wrap img {
    min-width: auto;
    min-height: 160px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_content > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap > div:nth-child(n+2) {
    margin: 32px 0 0 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box {
    margin: 0;
    min-width: 203px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .item_content_front {
    top: 2px;
    right: 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .box_bg {
    height: 120px;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box .sub_hd {
    font-size: 1.6rem;
    margin: 0 0 16px 0;
  }
  main .main_container .article_hero .lumber_wrap .lumber_box_inner {
    padding: 16px 0 0 16px;
  }
  main .main_container .article_hero .nature_wrap {
    max-width: 1231px;
  }
  main .main_container .article_hero .nature_wrap .sentence {
    margin: 16px 0 0 0;
  }
  main .main_container .article_hero .nature_wrap > .flex {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  main .main_container .article_hero .nature_wrap .two_column > div:nth-of-type(1) {
    width: 100%;
  }
  main .main_container .article_hero .nature_wrap .two_column > div:nth-of-type(2) {
    width: 100%;
  }
  main .main_container .article_hero .nature_wrap .two_column .right_column {
    margin: 0;
  }
  main .main_container .article_hero .nature_wrap .two_column .left_column {
    margin: 0;
  }
}



