@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
 共通
===========================================*/
/*このページで使用するフォントカラーを定義*/
/*==========================================
 ページ上部の画像とタイトル
===========================================*/
.concept .concept-head .top-bg {
  background: url("../img/concept/top-bg.jpg") no-repeat center/cover;
  min-height: 815px; }
  .concept .concept-head .top-bg .page-ttl {
    margin-top: 160px; }
    .concept .concept-head .top-bg .page-ttl .ttl {
      font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      font-size: 7.8rem;
      color: #381706;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .concept .concept-head .top-bg .page-ttl .ttl {
          font-size: 6.8rem; } }
      @media screen and (max-width: 576px) {
        .concept .concept-head .top-bg .page-ttl .ttl {
          font-size: 4.5rem; } }
      @media screen and (max-width: 320px) {
        .concept .concept-head .top-bg .page-ttl .ttl {
          font-size: 3.5rem; } }
    .concept .concept-head .top-bg .page-ttl .ttl-sub {
      font-size: 2rem;
      color: #381706;
      max-width: 480px;
      margin: 0 auto;
      text-align: justify;
      letter-spacing: 0.05em;
      margin-top: 55px; }
      @media screen and (max-width: 767px) {
        .concept .concept-head .top-bg .page-ttl .ttl-sub {
          font-size: 1.8rem; } }
      @media screen and (max-width: 576px) {
        .concept .concept-head .top-bg .page-ttl .ttl-sub {
          font-size: 1.6rem; } }

/*==========================================
 コンセプト紹介エリア
===========================================*/
.concept {
  /*==========================================
   社名の由来
  ===========================================*/
  /*==========================================
   一度でも、後悔しない家づくりエリア
  ===========================================*/
  /*==========================================
   おススメのコンテンツ紹介エリア　Q&A、ポイントボタン
  ===========================================*/
  /*==========================================
   カラダにやさしく、呼吸する家づくりエリア
  ===========================================*/
  /*==========================================
   自然素材でつくる呼吸する家エリア
  ===========================================*/ }
  .concept .concept-body {
    /*位置調整*/
    margin: -200px 0 0 0; }
  .concept .company-name-area {
    margin-bottom: 85px; }
    @media screen and (max-width: 767px) {
      .concept .company-name-area {
        margin-bottom: 65px; } }
    .concept .company-name-area .item-cover {
      /*茶色の背景画像*/
      display: flex;
      background: url("../img/concept/concept-bg.png") no-repeat right/cover;
      min-height: 935px;
      position: relative; }
      @media screen and (max-width: 1140px) {
        .concept .company-name-area .item-cover {
          display: block; } }
      @media screen and (max-width: 576px) {
        .concept .company-name-area .item-cover {
          min-height: 735px; } }
      @media screen and (max-width: 320px) {
        .concept .company-name-area .item-cover {
          min-height: 635px; } }
      .concept .company-name-area .item-cover .item {
        flex-basis: calc(100% * 1/2); }
      .concept .company-name-area .item-cover .item-img img {
        height: 935px; }
        @media screen and (max-width: 1140px) {
          .concept .company-name-area .item-cover .item-img img {
            height: auto; } }
      @media screen and (max-width: 1140px) {
        .concept .company-name-area .item-cover .item-txt {
          position: relative; } }
      .concept .company-name-area .item-cover .item-txt .ttl-en {
        font-family: "Quicksand", sans-serif;
        text-align: center;
        font-size: 10rem;
        font-weight: bold;
        letter-spacing: 0.1em;
        color: #381706;
        line-height: 1;
        position: absolute;
        top: 155px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .concept .company-name-area .item-cover .item-txt .ttl-en {
            top: -170px;
            right: 0;
            left: initial; } }
        @media screen and (max-width: 767px) {
          .concept .company-name-area .item-cover .item-txt .ttl-en {
            font-size: 8rem; } }
        @media screen and (max-width: 576px) {
          .concept .company-name-area .item-cover .item-txt .ttl-en {
            font-size: 6rem;
            top: -100px; } }
        @media screen and (max-width: 320px) {
          .concept .company-name-area .item-cover .item-txt .ttl-en {
            font-size: 4rem;
            top: -60px; } }
      .concept .company-name-area .item-cover .item-txt .txt-box {
        max-width: 420px;
        margin: 390px 0 0 6.5%; }
        @media screen and (max-width: 1140px) {
          .concept .company-name-area .item-cover .item-txt .txt-box {
            margin: 2.5% auto 0; } }
        .concept .company-name-area .item-cover .item-txt .txt-box .ttl {
          font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 4rem;
          letter-spacing: 0.1em;
          color: #fff; }
          @media screen and (max-width: 767px) {
            .concept .company-name-area .item-cover .item-txt .txt-box .ttl {
              font-size: 3rem; } }
        .concept .company-name-area .item-cover .item-txt .txt-box .txt {
          line-height: 2;
          font-size: 1.8rem;
          text-align: justify;
          letter-spacing: 0.05em;
          color: #fff;
          margin-top: 6.5%; }
          @media screen and (max-width: 1140px) {
            .concept .company-name-area .item-cover .item-txt .txt-box .txt {
              padding-bottom: 170px; } }
          @media screen and (max-width: 767px) {
            .concept .company-name-area .item-cover .item-txt .txt-box .txt {
              padding-bottom: 100px;
              font-size: 1.6rem; } }
          @media screen and (max-width: 576px) {
            .concept .company-name-area .item-cover .item-txt .txt-box .txt {
              padding-bottom: 80px; } }
          @media screen and (max-width: 320px) {
            .concept .company-name-area .item-cover .item-txt .txt-box .txt {
              padding-bottom: 60px; } }
  .concept .noregret-area {
    margin-bottom: 120px; }
    @media screen and (max-width: 576px) {
      .concept .noregret-area {
        margin-bottom: 80px; } }
    .concept .noregret-area .ttl-ja {
      font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      color: #b28247;
      font-size: 5.6rem;
      line-height: 1;
      text-align: center; }
      @media screen and (max-width: 1140px) {
        .concept .noregret-area .ttl-ja {
          font-size: 4.6rem; } }
      @media screen and (max-width: 767px) {
        .concept .noregret-area .ttl-ja {
          font-size: 3.6rem; } }
      @media screen and (max-width: 576px) {
        .concept .noregret-area .ttl-ja {
          font-size: 2.4rem; } }
      @media screen and (max-width: 320px) {
        .concept .noregret-area .ttl-ja {
          font-size: 1.8rem; } }
    .concept .noregret-area .item-wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 100px; }
      @media screen and (max-width: 767px) {
        .concept .noregret-area .item-wrap {
          margin-top: 60px; } }
      .concept .noregret-area .item-wrap .item {
        flex-basis: calc(96% * 1/3); }
        @media screen and (max-width: 767px) {
          .concept .noregret-area .item-wrap .item {
            flex-basis: calc(90% * 1/3); } }
        @media screen and (max-width: 576px) {
          .concept .noregret-area .item-wrap .item {
            flex-basis: calc(90% * 1/2); } }
        .concept .noregret-area .item-wrap .item .item-body .item-ttl {
          display: flex;
          flex-wrap: wrap; }
          @media screen and (max-width: 767px) {
            .concept .noregret-area .item-wrap .item .item-body .item-ttl {
              display: block; } }
          .concept .noregret-area .item-wrap .item .item-body .item-ttl .nom {
            color: #b28247;
            font-family: "Quicksand", sans-serif;
            font-weight: bold;
            font-size: 2.4rem;
            line-height: 1;
            flex-basis: 15%; }
          .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl {
            flex-basis: 85%;
            position: relative; }
            .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl::before {
              content: "";
              display: inline-block;
              width: 2px;
              height: 120px;
              background-color: #b28247;
              position: absolute;
              top: 4px;
              left: -4%; }
              @media screen and (max-width: 767px) {
                .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl::before {
                  content: none; } }
            .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-en {
              color: #b28247;
              font-family: "Quicksand", sans-serif;
              font-weight: bold;
              font-size: 1.7rem; }
            .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-ja {
              font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-size: 2.8rem;
              text-align: left;
              font-weight: 300;
              text-align: justify;
              line-height: 1.4; }
              @media screen and (max-width: 1140px) {
                .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-ja {
                  font-size: 2.4rem; } }
              @media screen and (max-width: 767px) {
                .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-ja {
                  font-size: 2rem; } }
              @media screen and (max-width: 576px) {
                .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-ja {
                  font-size: 1.8rem; } }
              @media screen and (max-width: 320px) {
                .concept .noregret-area .item-wrap .item .item-body .item-ttl .ttl .ttl-ja {
                  font-size: 1.4rem; } }
      .concept .noregret-area .item-wrap .item01 {
        margin-bottom: 60px; }
      .concept .noregret-area .item-wrap .item02 {
        margin-bottom: 60px; }
        @media screen and (max-width: 767px) {
          .concept .noregret-area .item-wrap .item02 {
            margin-bottom: 40px; } }
        .concept .noregret-area .item-wrap .item02 .item-body .item-ttl .ttl .ttl-ja {
          font-size: 2.4rem;
          max-width: 240px; }
          @media screen and (max-width: 1140px) {
            .concept .noregret-area .item-wrap .item02 .item-body .item-ttl .ttl .ttl-ja {
              font-size: 2.2rem; } }
          @media screen and (max-width: 767px) {
            .concept .noregret-area .item-wrap .item02 .item-body .item-ttl .ttl .ttl-ja {
              font-size: 1.8rem; } }
          @media screen and (max-width: 576px) {
            .concept .noregret-area .item-wrap .item02 .item-body .item-ttl .ttl .ttl-ja {
              font-size: 1.6rem; } }
          @media screen and (max-width: 320px) {
            .concept .noregret-area .item-wrap .item02 .item-body .item-ttl .ttl .ttl-ja {
              font-size: 1.4rem; } }
      .concept .noregret-area .item-wrap .item03 {
        margin-bottom: 60px; }
      .concept .noregret-area .item-wrap .item04 {
        flex-basis: calc(98% * 2/3); }
        @media screen and (max-width: 1140px) {
          .concept .noregret-area .item-wrap .item04 {
            flex-basis: calc(96% * 1/3); } }
        @media screen and (max-width: 767px) {
          .concept .noregret-area .item-wrap .item04 {
            flex-basis: calc(90% * 1/3); } }
        @media screen and (max-width: 576px) {
          .concept .noregret-area .item-wrap .item04 {
            flex-basis: calc(90% * 1/2); } }
        .concept .noregret-area .item-wrap .item04 .item-head {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 1140px) {
            .concept .noregret-area .item-wrap .item04 .item-head .img-box01 {
              display: none; } }
        .concept .noregret-area .item-wrap .item04 .item-body .item-ttl .nom {
          flex-basis: 8%; }
        .concept .noregret-area .item-wrap .item04 .item-body .item-ttl .ttl {
          flex-basis: 92%; }
          .concept .noregret-area .item-wrap .item04 .item-body .item-ttl .ttl::before {
            left: -2%; }
  .concept .recommend-btn-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (max-width: 576px) {
      .concept .recommend-btn-area {
        display: block; } }
    .concept .recommend-btn-area .item {
      max-width: 500px;
      width: 100%; }
      @media screen and (max-width: 1140px) {
        .concept .recommend-btn-area .item {
          flex-basis: calc(96% * 1/2); } }
      .concept .recommend-btn-area .item .ttl-box {
        position: relative;
        margin-bottom: 1em; }
        .concept .recommend-btn-area .item .ttl-box::before {
          background: url("../img/concept/dotted-deco.png") no-repeat center/contain;
          content: "";
          display: block;
          width: 100%;
          height: 48px;
          position: absolute;
          top: 10px; }
        .concept .recommend-btn-area .item .ttl-box .ttl-ja {
          font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 2.2rem;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .concept .recommend-btn-area .item .ttl-box .ttl-ja {
              font-size: 1.8rem; } }
      .concept .recommend-btn-area .item a {
        border: 2px solid #381706;
        border-radius: 30px;
        display: block;
        padding: 4.5% 4.5% 4.5% 3em; }
        @media screen and (max-width: 767px) {
          .concept .recommend-btn-area .item a {
            padding: 4.5%; } }
        @media screen and (max-width: 576px) {
          .concept .recommend-btn-area .item a {
            padding: 6.5%; } }
        .concept .recommend-btn-area .item a:hover {
          background-color: #ebdcca; }
        .concept .recommend-btn-area .item a .item-wrap {
          display: flex;
          align-items: center; }
          @media screen and (max-width: 1140px) {
            .concept .recommend-btn-area .item a .item-wrap {
              display: block;
              text-align: center; } }
          .concept .recommend-btn-area .item a .item-wrap .item-ttl {
            margin-right: 1em; }
            @media screen and (max-width: 767px) {
              .concept .recommend-btn-area .item a .item-wrap .item-ttl {
                margin-right: 0; } }
            .concept .recommend-btn-area .item a .item-wrap .item-ttl .ttl-en {
              font-family: "Quicksand", sans-serif;
              font-weight: bold;
              font-size: 4.2rem;
              line-height: 1; }
            .concept .recommend-btn-area .item a .item-wrap .item-ttl .ttl-ja {
              font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
              font-size: 1.8rem;
              font-weight: 300; }
          @media screen and (max-width: 1140px) {
            .concept .recommend-btn-area .item a .item-wrap .item-icon {
              margin: 0 auto; } }
          .concept .recommend-btn-area .item a .item-wrap .btn-moreL_nolink {
            margin-left: 2em;
            text-align: right; }
            @media screen and (max-width: 1140px) {
              .concept .recommend-btn-area .item a .item-wrap .btn-moreL_nolink {
                text-align: center;
                margin-left: 0; } }
            .concept .recommend-btn-area .item a .item-wrap .btn-moreL_nolink .arw {
              border: 1px solid #381706;
              background-color: #381706; }
              .concept .recommend-btn-area .item a .item-wrap .btn-moreL_nolink .arw::before {
                border-right: 1px solid #fff;
                border-bottom: 1px solid #fff; }
    .concept .recommend-btn-area .item01 a .item-wrap .item-ttl .ttl-en {
      letter-spacing: 0.5em; }
    .concept .recommend-btn-area .item01 a .item-icon {
      background: url("../img/concept/qa-icon.png") no-repeat center/contain;
      height: 50px;
      width: 66px; }
      @media screen and (max-width: 1140px) {
        .concept .recommend-btn-area .item01 a .item-icon {
          height: 64px; } }
    @media screen and (max-width: 576px) {
      .concept .recommend-btn-area .item02 {
        margin-top: 2em; } }
    .concept .recommend-btn-area .item02 a .item-wrap .item-ttl .ttl-en {
      letter-spacing: 0.15em; }
    .concept .recommend-btn-area .item02 a .item-wrap .item-icon {
      background: url("../img/concept/point-icon.png") no-repeat center/contain;
      height: 64px;
      width: 67px; }
    .concept .recommend-btn-area .item03 {
      margin: 4em auto 0; }
      @media screen and (max-width: 576px) {
        .concept .recommend-btn-area .item03 {
          margin-top: 2em; } }
      .concept .recommend-btn-area .item03 a .item-wrap .item-ttl .ttl-en {
        letter-spacing: 0.15em; }
      .concept .recommend-btn-area .item03 a .item-wrap .item-icon {
        background: url("../img/concept/gallery-icon.png") no-repeat center/contain;
        height: 58px;
        width: 75px; }
        @media screen and (max-width: 1140px) {
          .concept .recommend-btn-area .item03 a .item-wrap .item-icon {
            height: 64px; } }
  .concept .hearthome-area {
    margin-top: 120px; }
    @media screen and (max-width: 576px) {
      .concept .hearthome-area {
        margin-top: 80px; } }
    .concept .hearthome-area .top-bg {
      background: url("../img/concept/hearthome/top-bg.jpg") no-repeat center/cover;
      padding: 150px 0; }
      @media screen and (max-width: 1140px) {
        .concept .hearthome-area .top-bg {
          padding: 100px 0; } }
      @media screen and (max-width: 576px) {
        .concept .hearthome-area .top-bg {
          padding: 80px 0; } }
      .concept .hearthome-area .top-bg .item-box {
        display: flex;
        justify-content: space-between;
        padding: 2.5%;
        background: rgba(0, 0, 0, 0.5); }
        @media screen and (max-width: 767px) {
          .concept .hearthome-area .top-bg .item-box {
            display: block;
            padding: 4em 4.5%; } }
        .concept .hearthome-area .top-bg .item-box .item {
          flex-basis: calc(96% * 1/2);
          line-height: 1;
          align-self: center; }
          @media screen and (max-width: 767px) {
            .concept .hearthome-area .top-bg .item-box .item {
              max-width: 449px;
              margin: 0 auto; } }
          .concept .hearthome-area .top-bg .item-box .item .ttl-ja {
            font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            font-size: 5rem;
            color: #fff;
            line-height: 1.4; }
            @media screen and (max-width: 1140px) {
              .concept .hearthome-area .top-bg .item-box .item .ttl-ja {
                font-size: 3.5rem; } }
            @media screen and (max-width: 576px) {
              .concept .hearthome-area .top-bg .item-box .item .ttl-ja {
                font-size: 3rem; } }
            @media screen and (max-width: 320px) {
              .concept .hearthome-area .top-bg .item-box .item .ttl-ja {
                font-size: 2.5rem; } }
          .concept .hearthome-area .top-bg .item-box .item .ttl-en {
            font-family: "Quicksand", sans-serif;
            font-size: 3rem;
            font-weight: bold;
            color: #fff;
            letter-spacing: 0.05em;
            margin-top: 1em; }
            @media screen and (max-width: 1140px) {
              .concept .hearthome-area .top-bg .item-box .item .ttl-en {
                font-size: 2rem; } }
          .concept .hearthome-area .top-bg .item-box .item .home-img {
            background: url("../img/concept/hearthome/home.png") no-repeat center/contain;
            height: 108px;
            width: 449px; }
            @media screen and (max-width: 1140px) {
              .concept .hearthome-area .top-bg .item-box .item .home-img {
                width: 100%; } }
        @media screen and (max-width: 767px) {
          .concept .hearthome-area .top-bg .item-box .img-box {
            text-align: center;
            margin-top: 2em; } }
  .concept .material-area, .concept .plan-area, .concept .strong-area, .concept .energy-area {
    /*共通セクションの中身*/ }
    .concept .material-area .item-box, .concept .plan-area .item-box, .concept .strong-area .item-box, .concept .energy-area .item-box {
      display: flex;
      justify-content: space-between; }
      @media screen and (max-width: 767px) {
        .concept .material-area .item-box, .concept .plan-area .item-box, .concept .strong-area .item-box, .concept .energy-area .item-box {
          display: block; } }
      .concept .material-area .item-box .item, .concept .plan-area .item-box .item, .concept .strong-area .item-box .item, .concept .energy-area .item-box .item {
        flex-basis: calc(100% * 3/5); }
        .concept .material-area .item-box .item .txt-area, .concept .plan-area .item-box .item .txt-area, .concept .strong-area .item-box .item .txt-area, .concept .energy-area .item-box .item .txt-area {
          max-width: 700px;
          margin: 4em; }
          @media screen and (max-width: 767px) {
            .concept .material-area .item-box .item .txt-area, .concept .plan-area .item-box .item .txt-area, .concept .strong-area .item-box .item .txt-area, .concept .energy-area .item-box .item .txt-area {
              max-width: 480px;
              margin: 4em auto;
              padding: 0 2.5%; } }
          .concept .material-area .item-box .item .txt-area .ttl-ja, .concept .plan-area .item-box .item .txt-area .ttl-ja, .concept .strong-area .item-box .item .txt-area .ttl-ja, .concept .energy-area .item-box .item .txt-area .ttl-ja {
            font-size: 4.2rem;
            font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            color: #b28247;
            letter-spacing: 0.05em; }
            @media screen and (max-width: 1140px) {
              .concept .material-area .item-box .item .txt-area .ttl-ja, .concept .plan-area .item-box .item .txt-area .ttl-ja, .concept .strong-area .item-box .item .txt-area .ttl-ja, .concept .energy-area .item-box .item .txt-area .ttl-ja {
                font-size: 3.2rem; } }
            @media screen and (max-width: 767px) {
              .concept .material-area .item-box .item .txt-area .ttl-ja, .concept .plan-area .item-box .item .txt-area .ttl-ja, .concept .strong-area .item-box .item .txt-area .ttl-ja, .concept .energy-area .item-box .item .txt-area .ttl-ja {
                font-size: 2.8rem; } }
            @media screen and (max-width: 576px) {
              .concept .material-area .item-box .item .txt-area .ttl-ja, .concept .plan-area .item-box .item .txt-area .ttl-ja, .concept .strong-area .item-box .item .txt-area .ttl-ja, .concept .energy-area .item-box .item .txt-area .ttl-ja {
                font-size: 2.4rem; } }
          .concept .material-area .item-box .item .txt-area .ttl-en, .concept .plan-area .item-box .item .txt-area .ttl-en, .concept .strong-area .item-box .item .txt-area .ttl-en, .concept .energy-area .item-box .item .txt-area .ttl-en {
            font-family: "Quicksand", sans-serif;
            font-size: 3rem;
            font-weight: bold;
            color: #b28247;
            letter-spacing: 0.05em; }
            @media screen and (max-width: 1140px) {
              .concept .material-area .item-box .item .txt-area .ttl-en, .concept .plan-area .item-box .item .txt-area .ttl-en, .concept .strong-area .item-box .item .txt-area .ttl-en, .concept .energy-area .item-box .item .txt-area .ttl-en {
                font-size: 2rem; } }
            @media screen and (max-width: 576px) {
              .concept .material-area .item-box .item .txt-area .ttl-en, .concept .plan-area .item-box .item .txt-area .ttl-en, .concept .strong-area .item-box .item .txt-area .ttl-en, .concept .energy-area .item-box .item .txt-area .ttl-en {
                font-size: 1.8rem; } }
          .concept .material-area .item-box .item .txt-area .txt, .concept .plan-area .item-box .item .txt-area .txt, .concept .strong-area .item-box .item .txt-area .txt, .concept .energy-area .item-box .item .txt-area .txt {
            max-width: 475px;
            text-align: justify;
            line-height: 2;
            font-size: 1.8rem;
            margin-top: 3em; }
            @media screen and (max-width: 1140px) {
              .concept .material-area .item-box .item .txt-area .txt, .concept .plan-area .item-box .item .txt-area .txt, .concept .strong-area .item-box .item .txt-area .txt, .concept .energy-area .item-box .item .txt-area .txt {
                font-size: 1.6rem; } }
      .concept .material-area .item-box .img-box, .concept .plan-area .item-box .img-box, .concept .strong-area .item-box .img-box, .concept .energy-area .item-box .img-box {
        flex-basis: calc(100% * 2/5);
        line-height: 1;
        text-align: right; }
        @media screen and (max-width: 1140px) {
          .concept .material-area .item-box .img-box, .concept .plan-area .item-box .img-box, .concept .strong-area .item-box .img-box, .concept .energy-area .item-box .img-box {
            align-self: center; } }
        @media screen and (max-width: 767px) {
          .concept .material-area .item-box .img-box, .concept .plan-area .item-box .img-box, .concept .strong-area .item-box .img-box, .concept .energy-area .item-box .img-box {
            max-width: 480px;
            margin: 0 auto;
            padding: 0 2.5% 4em; } }
        .concept .material-area .item-box .img-box img, .concept .plan-area .item-box .img-box img, .concept .strong-area .item-box .img-box img, .concept .energy-area .item-box .img-box img {
          height: 100%; }
          @media screen and (max-width: 1140px) {
            .concept .material-area .item-box .img-box img, .concept .plan-area .item-box .img-box img, .concept .strong-area .item-box .img-box img, .concept .energy-area .item-box .img-box img {
              height: auto; } }
  .concept .material-area {
    /*各セクションの中身*/
    position: relative; }
    .concept .material-area::after {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background-color: #b28247;
      position: absolute;
      bottom: 0;
      left: 10px; }
      @media screen and (max-width: 1140px) {
        .concept .material-area::after {
          height: 1px; } }
      @media screen and (max-width: 767px) {
        .concept .material-area::after {
          left: 0; } }
    .concept .material-area .item-box .item01 .txt-area {
      margin: 0 0 0 auto;
      padding: 4em;
      max-width: 760px; }
      @media screen and (max-width: 767px) {
        .concept .material-area .item-box .item01 .txt-area {
          max-width: 480px;
          margin: 4em auto;
          padding: 0 2.5%; } }
  .concept .plan-area {
    /*各セクションの中身*/
    position: relative; }
    .concept .plan-area::after {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background-color: #b28247;
      position: absolute;
      bottom: 0;
      left: 10px; }
      @media screen and (max-width: 1140px) {
        .concept .plan-area::after {
          height: 1px; } }
      @media screen and (max-width: 767px) {
        .concept .plan-area::after {
          left: 0; } }
    .concept .plan-area .item-box .item02 {
      order: 2; }
  .concept .strong-area {
    /*各セクションの中身*/
    position: relative; }
    .concept .strong-area::after {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background-color: #b28247;
      position: absolute;
      bottom: 0;
      left: 10px; }
      @media screen and (max-width: 1140px) {
        .concept .strong-area::after {
          height: 1px; } }
      @media screen and (max-width: 767px) {
        .concept .strong-area::after {
          left: 0; } }
    .concept .strong-area .item-box .item03 .txt-area {
      margin: 0 0 0 auto;
      padding: 4em;
      max-width: 760px; }
      @media screen and (max-width: 767px) {
        .concept .strong-area .item-box .item03 .txt-area {
          max-width: 480px;
          margin: 4em auto;
          padding: 0 2.5%; } }
  .concept .energy-area {
    /*各セクションの中身*/
    position: relative; }
    .concept .energy-area::after {
      content: "";
      display: block;
      width: 100%;
      height: 3px;
      background-color: #b28247;
      position: absolute;
      bottom: 0;
      left: 10px; }
      @media screen and (max-width: 1140px) {
        .concept .energy-area::after {
          height: 1px; } }
      @media screen and (max-width: 767px) {
        .concept .energy-area::after {
          left: 0; } }
    .concept .energy-area .item-box .item04 {
      order: 2; }

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