@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
 共通
===========================================*/
/*このページで使用するフォントカラーを定義*/
#natural01, #breath02, #communication03, #originality04, #meister05, #tough06, #comfortable07 {
  margin-top: 0;
  padding-top: 120px; }
  @media screen and (max-width: 1140px) {
    #natural01, #breath02, #communication03, #originality04, #meister05, #tough06, #comfortable07 {
      padding-top: 80px; } }

/*==========================================
 会社情報ページ
===========================================*/
.kodawari {
  /*==========================================
   ページ上部の画像とタイトル
  ===========================================*/
  /*==========================================
   企業情報 紹介エリア
  ===========================================*/ }
  .kodawari .kodawari-head .top-bg {
    background: url("../img/kodawari/top-bg.jpg") no-repeat bottom/cover;
    margin: -111px 0 0 0;
    height: 690px; }
    @media screen and (max-width: 1140px) {
      .kodawari .kodawari-head .top-bg {
        height: 590px; } }
    @media screen and (max-width: 767px) {
      .kodawari .kodawari-head .top-bg {
        height: 490px; } }
    @media screen and (max-width: 576px) {
      .kodawari .kodawari-head .top-bg {
        height: 390px; } }
  .kodawari .kodawari-body .page-ttl {
    text-align: left;
    max-width: 990px;
    margin: 1em auto 5em; }
    @media screen and (max-width: 767px) {
      .kodawari .kodawari-body .page-ttl {
        margin: 1em auto 3em; } }
    .kodawari .kodawari-body .page-ttl .ttl {
      color: #381706;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .page-ttl .ttl {
          display: block; } }
      .kodawari .kodawari-body .page-ttl .ttl .ttl-ja {
        font-size: 6rem;
        font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; }
        @media screen and (min-width: 960px) and (max-width: 1140px) {
          .kodawari .kodawari-body .page-ttl .ttl .ttl-ja {
            font-size: 5rem; } }
        @media screen and (min-width: 576px) and (max-width: 960px) {
          .kodawari .kodawari-body .page-ttl .ttl .ttl-ja {
            font-size: 4rem; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .page-ttl .ttl .ttl-ja {
            font-size: 3.5rem; } }
      .kodawari .kodawari-body .page-ttl .ttl .ttl-sub {
        font-size: 2rem;
        font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
        padding-left: 2em;
        position: relative; }
        @media screen and (min-width: 576px) and (max-width: 960px) {
          .kodawari .kodawari-body .page-ttl .ttl .ttl-sub {
            font-size: 1.8rem; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .page-ttl .ttl .ttl-sub {
            font-size: 1.6rem; } }
        .kodawari .kodawari-body .page-ttl .ttl .ttl-sub::before {
          content: "";
          display: inline-block;
          width: 5px;
          height: 90%;
          background-color: #381706;
          position: absolute;
          top: 5px;
          left: 0; }
  .kodawari .kodawari-body .sec-kodawari07 {
    /*==========================================
     共通設定　セクション　エリア
    ===========================================*/
    /*==========================================
     NATURAL 自然と一緒に生きる家。 画像指定、調整
    ===========================================*/
    /*==========================================
     BREATH　呼吸する家。 画像指定、調整
    ===========================================*/
    /*==========================================
     COMMUNICATION　顔が見えること。 画像指定、調整
    ===========================================*/
    /*==========================================
     ORIGINALITY　家具まで創る。 画像指定、調整
    ===========================================*/
    /*==========================================
     MEISTER　みんなで建てる。 画像指定、調整
    ===========================================*/
    /*==========================================
     TOUGH　強い家。 画像指定、調整
    ===========================================*/
    /*==========================================
     COMFORTABLE　安心と快適。 画像指定、調整
    ===========================================*/ }
    .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner {
          justify-content: center; } }
      .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box {
        flex-basis: calc(96% * 1/4); }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box {
            flex-basis: calc(96% * 1/3); }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box:nth-child(n + 4) {
              margin-top: 1em; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box {
            flex-basis: calc(96% * 1/2); }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box:nth-child(n + 3) {
              margin-top: 1em; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box {
            flex-basis: 96%; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box:nth-child(n + 2) {
              margin-top: 1em; } }
        .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle {
          text-align: center;
          display: block;
          padding: 3.6em 2.5%;
          border-radius: 50%;
          height: 240px;
          width: 240px;
          background-color: #eae5dd;
          border-radius: 50%; }
          @media screen and (max-width: 1140px) {
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle {
              width: 200px;
              height: 200px;
              padding: 20% 2.5%; } }
          @media screen and (min-width: 767px) and (max-width: 960px) {
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle {
              width: 160px;
              height: 160px;
              padding: 19% 2.5%; } }
          @media screen and (max-width: 767px) {
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle {
              margin: 0 auto;
              width: 160px;
              height: 160px;
              padding: 16% 2.5%; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover {
            background-color: #b28247; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .ttl-en {
              color: #fff; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .ttl-ja {
              color: #fff; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom01 {
              background: url("../img/kodawari/nom01-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom02 {
              background: url("../img/kodawari/nom02-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom03 {
              background: url("../img/kodawari/nom03-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom04 {
              background: url("../img/kodawari/nom04-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom05 {
              background: url("../img/kodawari/nom05-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom06 {
              background: url("../img/kodawari/nom06-white.png") no-repeat center/contain; }
            .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle:hover .nom07 {
              background: url("../img/kodawari/nom07-white.png") no-repeat center/contain; }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom01 {
            background: url("../img/kodawari/nom01.png") no-repeat center/contain;
            height: 51px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom01 {
                height: 41px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom02 {
            background: url("../img/kodawari/nom02.png") no-repeat center/contain;
            height: 51px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom02 {
                height: 41px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom03 {
            background: url("../img/kodawari/nom03.png") no-repeat center/contain;
            height: 51px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom03 {
                height: 41px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom04 {
            background: url("../img/kodawari/nom04.png") no-repeat center/contain;
            height: 51px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom04 {
                height: 41px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom05 {
            background: url("../img/kodawari/nom05.png") no-repeat center/contain;
            height: 68px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom05 {
                height: 58px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom06 {
            background: url("../img/kodawari/nom06.png") no-repeat center/contain;
            height: 65px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom06 {
                height: 55px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom07 {
            background: url("../img/kodawari/nom07.png") no-repeat center/contain;
            height: 51px; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .nom07 {
                height: 41px; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-en {
            font-family: "Quicksand", sans-serif;
            font-weight: bold;
            font-size: 2rem;
            color: #b28247;
            letter-spacing: 0.15em; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-en {
                font-size: 1.8rem;
                letter-spacing: 0.05em; } }
            @media screen and (min-width: 767px) and (max-width: 960px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-en {
                font-size: 1.6rem; } }
            @media screen and (max-width: 767px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-en {
                font-size: 1.6rem; } }
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-ja {
            font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            font-size: 2.4rem;
            color: #b28247; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-ja {
                font-size: 2rem; } }
            @media screen and (min-width: 767px) and (max-width: 960px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-ja {
                font-size: 1.8rem; } }
            @media screen and (max-width: 767px) {
              .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box .circle .ttl-ja {
                font-size: 1.6rem; } }
      .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box05 {
        margin-left: 12%; }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box05 {
            margin-left: initial; } }
        .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box05 .circle .ttl-en {
          margin: -14px 0 0 0; }
      .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box06 .circle .ttl-en {
        margin: -14px 0 0 0; }
      .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box07 {
        margin-right: 12%; }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .conts-area .circle-area .inner .circle-box07 {
            margin-right: initial; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec-area {
      margin-top: 120px; }
      @media screen and (max-width: 1140px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec-area {
          margin-top: 80px; } }
      .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area {
        padding: 12.5em 0; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area {
            padding: 10.5em 0; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area {
            padding: 8.5em 0; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area {
            padding: 4.5em 0; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area {
            padding: 3.5em 0; } }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl {
          text-align: center; }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .nom {
            width: 100%;
            max-width: 79px;
            margin: 0 auto; }
            @media screen and (max-width: 767px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .nom {
                max-width: 69px; } }
            @media screen and (max-width: 576px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .nom {
                max-width: 59px; } }
            @media screen and (max-width: 320px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .nom {
                max-width: 49px; } }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-en {
            font-size: 4rem;
            font-weight: bold;
            font-family: "Quicksand", sans-serif;
            color: #fff;
            letter-spacing: 0.5em;
            padding-bottom: 0.2em;
            border-bottom: 1px solid #fff;
            width: 40%;
            margin: 0 auto 1em; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-en {
                font-size: 3rem; } }
            @media screen and (max-width: 767px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-en {
                width: 50%; } }
            @media screen and (max-width: 576px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-en {
                font-size: 2rem; } }
            @media screen and (max-width: 320px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-en {
                font-size: 1.8rem;
                width: 60%; } }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-ja {
            font-size: 5rem;
            font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            color: #fff;
            line-height: 1;
            font-weight: 300; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-ja {
                font-size: 4rem; } }
            @media screen and (max-width: 576px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-ja {
                font-size: 2.5rem; } }
            @media screen and (max-width: 320px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .bg-area .ttl .ttl-ja {
                font-size: 2rem; } }
      .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr {
        margin: 5.4em 0 4.5em 0; }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr {
            max-width: 480px;
            margin: 4.4em auto 3.5em; } }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr .ttl {
          font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
          font-size: 4rem;
          font-weight: 300;
          color: #381706;
          line-height: 1.4;
          margin-bottom: 1.2em; }
          @media screen and (max-width: 1140px) {
            .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr .ttl {
              font-size: 3rem; } }
          @media screen and (max-width: 576px) {
            .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr .ttl {
              font-size: 2.6rem; } }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr .txt {
          font-size: 1.6rem;
          font-weight: 500;
          color: #381706;
          letter-spacing: 0.05em;
          line-height: 1.8; }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr .txt .mgb {
            display: block;
            content: "";
            margin: 2em 0; }
      .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail {
            display: block; } }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner {
            flex-basis: calc(96% * 1/2); } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner:nth-child(2) {
            margin-top: 4em; } }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .img-box {
          text-align: center; }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl {
          max-width: 480px;
          color: #381706;
          margin: 1em 0 2em; }
          @media screen and (max-width: 767px) {
            .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl {
              margin: 1em auto; } }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl .ttl-ja {
            font-family: "Kiwi Maru", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
            font-size: 4rem;
            font-weight: 300; }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl .ttl-ja {
                font-size: 3rem; } }
            @media screen and (max-width: 1140px) {
              .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl .ttl-ja {
                font-size: 2.6rem; } }
          .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .ttl .ttl-en {
            font-family: "Quicksand", sans-serif;
            font-size: 1.6rem;
            font-weight: bold;
            letter-spacing: 0.15em; }
        .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .txt {
          max-width: 480px;
          color: #381706;
          font-size: 1.6rem;
          font-weight: 500;
          letter-spacing: 0.05em;
          line-height: 1.8;
          text-align: justify; }
          @media screen and (max-width: 767px) {
            .kodawari .kodawari-body .sec-kodawari07 .sec-area .item .intr-detail .detail-inner .txt {
              margin: 0 auto;
              letter-spacing: 0.05em; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area {
      background: url("../img/kodawari/natural/bg01.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area .circle-bg {
        background: url("../img/kodawari/natural/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec01-natural .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area {
      background: url("../img/kodawari/breath/bg02.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area .circle-bg {
        background: url("../img/kodawari/breath/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .intr-detail .detail-inner .ttl .ttl-ja {
      letter-spacing: -0.15em; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec02-breath .intr-detail .detail-inner .ttl .ttl-ja {
          letter-spacing: normal; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area {
      background: url("../img/kodawari/communication/bg03.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area .circle-bg {
        background: url("../img/kodawari/communication/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .intr-detail .detail-inner .ttl .ttl-ja {
      letter-spacing: -0.08em; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec03-communication .intr-detail .detail-inner .ttl .ttl-ja {
          letter-spacing: normal; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area {
      background: url("../img/kodawari/originality/bg04.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area .circle-bg {
        background: url("../img/kodawari/originality/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .intr-detail .detail-inner .ttl .ttl-ja {
      letter-spacing: -0.08em; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec04-originality .intr-detail .detail-inner .ttl .ttl-ja {
          letter-spacing: normal; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area {
      background: url("../img/kodawari/meister/bg05.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area .circle-bg {
        background: url("../img/kodawari/meister/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .intr-detail .detail-inner .ttl .ttl-ja {
      letter-spacing: -0.08em; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec05-meister .intr-detail .detail-inner .ttl .ttl-ja {
          letter-spacing: normal; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area {
      background: url("../img/kodawari/tough/bg06.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area .circle-bg {
        background: url("../img/kodawari/tough/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec06-tough .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area {
      background: url("../img/kodawari/comfortable/bg07.jpg") no-repeat center/cover;
      overflow: hidden;
      position: relative; }
      .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area .circle-bg {
        background: url("../img/kodawari/comfortable/circle-img.png") no-repeat center/contain;
        width: 828px;
        height: 808px;
        position: absolute;
        top: -88px;
        left: 0;
        right: 0;
        margin: 0 auto; }
        @media screen and (max-width: 1140px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area .circle-bg {
            width: 628px;
            top: -148px; } }
        @media screen and (max-width: 767px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area .circle-bg {
            width: 528px;
            top: -168px; } }
        @media screen and (max-width: 576px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area .circle-bg {
            width: 328px;
            top: -248px; } }
        @media screen and (max-width: 320px) {
          .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .bg-area .circle-bg {
            width: 268px;
            top: -288px; } }
    .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .intr-detail .detail-inner .ttl .ttl-ja {
      letter-spacing: -0.15em; }
      @media screen and (max-width: 767px) {
        .kodawari .kodawari-body .sec-kodawari07 .sec07-comfortable .intr-detail .detail-inner .ttl .ttl-ja {
          letter-spacing: normal; } }

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