@charset "UTF-8";

/* =========================================================
   事業用施設・その他建築 (business) ページ専用
   ・独自クラスは biz- 接頭辞で一意化（既存ジェネリッククラスの継承回避）
   ========================================================= */

.bg-all-wap{
   background-color: #EFEBE2;
}
.biz-cat-list .biz-card{
   background-color: #FFFFFF;
}
.biz-cat-list .biz-card:nth-child(2n){
   background-color: #D9D5CA
}


/* ===================== PC ===================== */
@media screen and (min-width: 768px),print {

#business { width: 100%; }
#business .seo_bread_list {width: 1100px;margin: 0 auto;display: none;}

/* ---- FV ヒーロー ---- */
.biz-fv {/* background: #39573A; *//* position: relative; */padding-bottom: 230px;margin-top: -10px;}
.biz-fv-photo { position: relative; }
.biz-fv-photo > picture img { display: block; width: 100%; height: auto; }
.biz-fv-lead {position: absolute;top: 307px;left: 0;width: 100%;text-align: center;color: #fff;padding: 0 20px;}
.biz-fv-catch {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;/* font-weight: 500; */font-size: 40px;line-height: 60px;color: #fff;margin-bottom: 77px;}
.biz-fv-sub { font-weight: 500; font-size: 26px; letter-spacing: 0.05em; line-height: 40px; color: #fff; }

/* ---- 導入文（緑地に白カード） ---- */
.biz-intro { }
.biz-intro-in {width: 990px;margin: -921px auto 0;background: #fff;padding: 69px 125px 65px 125px;position: relative;z-index: 2;}
.biz-intro-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 600;font-size: 36px;letter-spacing: 0.05em;line-height: 52px;text-align: center;color: #000;margin-bottom: 33px;}
.biz-intro-txt { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; text-align: left; color: #000; }
.biz-intro-txt + .biz-intro-txt {margin-top: 32px;}

/* ---- 6分類 ---- */
.biz-cat {/* background: #fff; */padding: 96px 0 119px;}
.biz-cat-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 36px;letter-spacing: 0.05em;line-height: 52px;text-align: center;color: #000;margin-bottom: 72px;}

.biz-cat-list { width: 1400px; margin: 0 auto; }
.biz-card {display: flex;justify-content: space-between;/* align-items: center; */margin-bottom: 62px;}
.biz-card:last-child {margin-bottom: 0;}
.biz-card-l { flex-direction: row-reverse; }
.biz-card-body { width: 640px; }
.biz-card-pic {width: 500px;}
.biz-card-pic img { display: block; width: 100%; height: auto; }

.biz-card-num {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 40px;letter-spacing: 0.05em;line-height: 1;color: #000;margin-bottom: 8px;margin-top: 6px;}
.biz-card-name {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 50px;letter-spacing: 0.05em;line-height: 1.1;color: #000;margin-bottom: 17px;}
.biz-card-catch { font-weight: 500; font-size: 24px; letter-spacing: 0.05em; line-height: 42px; color: #000; margin-bottom: 20px; }
.biz-card-txt {font-weight: 500;font-size: 16px;letter-spacing: 0.05em;line-height: 32px;color: #000;padding-top: 13px;border-top: 1px solid #818181;margin-bottom: 17px;}
.biz-card-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.biz-card-tags li { display: inline-flex; align-items: center; min-height: 40px; padding: 4px 20px; border-radius: 20px; background: #7B653D; border: 1px solid #B7B7B7; color: #fff; font-weight: bold; font-size: 17px; letter-spacing: 0.05em; line-height: 1.3; }
.biz-card-tags li span {margin-right: 12px;font-size: 18px;}

/* 施工事例ボタン */
.biz-case-btn {width: 1400px;margin: 60px auto 0;text-align: center;}
.biz-case-btn a {display: inline-block;width: 407px;padding: 19px 5px;background: #302720;color: #fff;font-weight: bold;font-size: 28px;letter-spacing: 0.05em;text-align: center;transition: opacity .3s;}
.biz-case-btn a:hover { opacity: .8; }

/* ---- 併用店舗・不動産（緑地＋白箱） ---- */
.biz-plus {background: #39573A;padding: 120px 0;}
.biz-plus-box {width: 1280px;margin: 0 auto;background: #fff;padding: 85px 50px;}
.biz-plus-item {width: 986px;margin: 0 auto;}
.biz-plus-item + .biz-plus-item {margin-top: 98px;}
.biz-plus-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 36px;letter-spacing: 0.05em;line-height: 1.4;text-align: center;color: #000;margin-bottom: -12px;position: relative;padding-bottom: 11px;}
.biz-plus-ttl::after { content: ""; display: block; width: 513px; height: 1px; background: #9F9F9F; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.biz-plus-flex {display: flex;/* justify-content: space-between; *//* align-items: flex-start; */margin-top: 34px;position: relative;}
.biz-plus-item-rev .biz-plus-flex { flex-direction: row-reverse; }




.biz-plus-pic {width: 407px;flex-shrink: 0;margin-right: 30px;margin-top: 47px;}
.biz-plus-pic img { display: block; width: 100%; height: auto; }
.biz-plus-txtbox { width: 620px; }
.biz-plus-sub {font-weight: 500;font-size: 20px;letter-spacing: 0.05em;line-height: 34px;color: #000;margin-bottom: 18px;position: absolute;left: 0;top: 1px;}
.biz-plus-txt { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #000; }
.biz-plus-txt + .biz-plus-txt {margin-top: 32px;}

/* ---- CTAバナー ---- */
.biz-cta {width: 1200px;margin: 100px auto 32px;text-align: center;}
.biz-cta a { display: block; transition: opacity .3s; }
.biz-cta a:hover { opacity: .85; }
.biz-cta img { display: block; width: 100%; height: auto; }

/* ---- 会社概要・変わらない想い バナー（2枚・中央） ---- */
.biz-endbnr.end-bunner-frame { padding: 100px 0 108px; background-color: #EFEBE2; }
.biz-endbnr .end-bunner {width: 750px;margin: 0 auto;}
.biz-endbnr .bunner-list {display: flex;/* flex-wrap: nowrap; *//* justify-content: center; */}
.biz-endbnr .bunner-list li {width: 340px;/* margin: 0 20px; */}

.biz-endbnr .bunner-list li:nth-child(1){margin-right: 70px;}

.biz-endbnr .bunner-list li .bunner {margin: 0 0 15px;}
.biz-endbnr .bunner-list li .bunner img { display: block; width: 100%; height: auto; }
.biz-endbnr .bunner-list li .txt { font-weight: 500; text-align: center; font-size: 16px; line-height: 1.8; letter-spacing: 1px; }


.biz-cat-list .biz-card:nth-child(2) .biz-card-body{position: relative;top: -27px;margin-bottom: -49px;}
.biz-cat-list .biz-card:nth-child(3) .biz-card-body{position: relative;top: -27px;margin-bottom: -49px;}
.biz-cat-list .biz-card:nth-child(4) .biz-card-body{position: relative;top: -5px;margin-bottom: -5px;}
.biz-cat-list .biz-card:nth-child(5) .biz-card-body{position: relative;top: 14px;}
.biz-cat-list .biz-card:nth-child(6) .biz-card-body{position: relative;top: -16px;width: 646px;margin-bottom: -40px;}

.biz-plus-item.biz-plus-item-rev .biz-plus-sub{
   right: 91px;
   left: auto;
}
.biz-plus-item.biz-plus-item-rev .biz-plus-pic{
   margin-right: 0;
   margin-left: 20px;
   margin-top: 77px;
}

.biz-cat-list .biz-card{
   background-color: #FFFFFF;
   padding: 92px 105px 91px;
}


}

@media screen and (min-width: 766px) and (max-width: 1600px) {
.biz-cat-list{
   width: 1100px;
   margin: 0 auto;
}
.biz-cat-list .biz-card {
    background-color: #FFFFFF;
    padding: 92px 56px 91px;
}
    .biz-card-body {
        width: 530px;
    }
        .biz-card-pic {
        width: 408px;
    }

    .biz-cat-list .biz-card:nth-child(6) .biz-card-body{
      width: 530px;
    }
.biz-case-btn{
   width: 1200px;
}
.biz-plus-box{
   width: 1200px;
   margin: 0 auto;
}

}


@media screen and (max-width: 767px) {

.sp-tac{
   text-align: center;
}

  .oda1 { width: 100%; -webkit-box-ordinal-group: -5; -webkit-flex-order: -5; -moz-flex-order: -5; -moz-order: -5; -ms-flex-order: -5; order: -5; }
  .oda2 { width: 100%; -webkit-box-ordinal-group: -4; -webkit-flex-order: -4; -moz-flex-order: -4; -moz-order: -4; -ms-flex-order: -4; order: -4; }
  .oda3 { width: 100%; -webkit-box-ordinal-group: -3; -webkit-flex-order: -3; -moz-flex-order: -3; -moz-order: -3; -ms-flex-order: -3; order: -3; }
  .oda4 { width: 100%; -webkit-box-ordinal-group: -2; -webkit-flex-order: -2; -moz-flex-order: -2; -moz-order: -2; -ms-flex-order: -2; order: -2; }
  .oda5 { width: 100%; -webkit-box-ordinal-group: -1; -webkit-flex-order: -1; -moz-flex-order: -1; -moz-order: -1; -ms-flex-order: -1; order: -1; }
  .dc { display: contents; }


#business {width: 100%;}
#business .seo_bread_list { padding: 0 4vw; }


.biz-fv {position: relative;padding-bottom: 12vw;margin-top: -4.348vw;}
.biz-fv-photo { position: relative; }
.biz-fv-photo > picture img {width: 100%;height: auto;}
.biz-fv-lead {position: absolute;top: 77.536vw;left: 0;width: 100%;color: #fff;margin-left: 8.937vw;}
.biz-fv-catch {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 7.24vw;line-height: 1.6;color: #fff;margin-bottom: 1.449vw;}
.biz-fv-sub { font-weight: 500; font-size: 3.86vw; letter-spacing: 0.05em; line-height: 1.9; color: #fff; }


.biz-intro-in {width: 92%;margin: 1.208vw auto 0;background: #fff;padding: 14.976vw 5.556vw 14.01vw;position: relative;z-index: 2;margin-top: -207.729vw;}
.biz-intro-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 600;font-size: 5.55vw;letter-spacing: 0.05em;line-height: 1.6;text-align: center;color: #000;margin-bottom: 5.556vw;}
.biz-intro-txt { font-weight: 500; font-size: 3.86vw; letter-spacing: 0.05em; line-height: 2; text-align: left; color: #000; }
.biz-intro-txt + .biz-intro-txt {margin-top: 7.729vw;}


.biz-cat {padding: 33.333vw 0 28.986vw;}
.biz-cat-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 6.28vw;letter-spacing: 0.05em;line-height: 1.75;text-align: center;color: #000;margin-bottom: 13.768vw;}

.biz-cat-list { width: 100%; }
.biz-card {display: flex;flex-wrap: wrap;}
.biz-card-pic {width: 100%;margin-bottom: 1.208vw;margin-top: 8.213vw;}
.biz-card-pic img { display: block; width: 100%; height: auto; }
.biz-card-body { width: 100%; padding: 0 7.5vw; }
.biz-card-name { display: inline; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 600; font-size: 7.24vw; letter-spacing: 0.05em; line-height: 1.4; color: #000; }
.biz-card-num { display: inline; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: 600; font-size: 7.24vw; letter-spacing: 0.05em; line-height: 1.4; color: #000; margin-right: 0.15em; }
.biz-card-catch {font-weight: bold;font-size: 4.83vw;letter-spacing: 0.05em;line-height: 1.85;color: #000;width: 84.541vw;margin: 4vw auto 5.556vw;}
.biz-card-txt {font-weight: 500;font-size: 3.86vw;letter-spacing: 0.05em;line-height: 2;color: #000;margin-bottom: 5vw;width: 85.749vw;margin: 0 auto;}
.biz-card-tags {display: flex;flex-wrap: wrap;gap: 2vw;width: 84.541vw;margin: 0 auto;border-top: 1px solid #818181;margin-top: 4.831vw;padding-top: 5.072vw;}
.biz-card-tags li {display: inline-flex;align-items: center;padding: 2.174vw 4vw;border-radius: 6vw;background: #7B653D;border: 1px solid #B7B7B7;color: #fff;font-weight: bold;font-size: 3.38vw;letter-spacing: 0.05em;line-height: 1.3;}
.biz-card-tags li span { margin-right: 0.3em; }

.biz-case-btn {width: 100%;margin: 12.077vw 0 0;padding: 0 7.5vw;text-align: center;}
.biz-case-btn a {display: block;width: 100%;padding: 7.246vw 2.415vw 6.522vw 0.242vw;background: #302720;color: #fff;font-weight: bold;font-size: 4.83vw;letter-spacing: 0.05em;text-align: center;}


.biz-plus {background: #39573A;padding: 14.493vw 0;}
.biz-plus-box {width: 92%;margin: 0 auto;background: #fff;padding: 11.594vw 3.623vw 15.217vw;}
.biz-plus-item + .biz-plus-item {margin-top: 22.947vw;}
.biz-plus-ttl {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 400;font-size: 8vw;letter-spacing: 0.05em;line-height: 1.4;text-align: left;color: #000;margin-bottom: 4.831vw;font-size: 8.696vw;letter-spacing: 0.05em;line-height: 12.077vw;border-bottom: 1px solid #9F9F9F;padding-bottom: 2.174vw;}
.biz-plus-pic {width: 100%;margin-bottom: 5.556vw;}
.biz-plus-pic img { display: block; width: 100%; height: auto; }
.biz-plus-txtbox { width: 100%; }
.biz-plus-sub {font-weight: bold;font-size: 4.83vw;letter-spacing: 0.05em;line-height: 1.7;color: #000;margin-bottom: 3.623vw;}
.biz-plus-txt { font-weight: 500; font-size: 3.86vw; letter-spacing: 0.05em; line-height: 2; color: #000; }
.biz-plus-txt + .biz-plus-txt {margin-top: 7.729vw;}


.biz-cta {width: 100%;margin: 24.155vw auto 12.56vw;}
.biz-cta a { display: block; }
.biz-cta img { display: block; width: 100%; height: auto; }


.biz-endbnr.end-bunner-frame {padding: 14vw 0 27.053vw;background-color: #EFEBE2;}
.biz-endbnr .end-bunner { width: 82%; margin: 0 auto; }
.biz-endbnr .bunner-list li {margin: 0 0 9.662vw;}
.biz-endbnr .bunner-list li:last-child { margin-bottom: 0; }
.biz-endbnr .bunner-list li .bunner { margin: 0 0 4vw; }
.biz-endbnr .bunner-list li .bunner img { display: block; width: 100%; height: auto; }
.biz-endbnr .bunner-list li .txt {font-weight: 500;text-align: center;font-size: 3.865vw;line-height: 1.8;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 7.246vw;}

.biz-cat-list .biz-card:nth-child(2) .biz-card-body{position: relative;}
.biz-cat-list .biz-card:nth-child(3) .biz-card-body{position: relative;}
.biz-cat-list .biz-card:nth-child(4) .biz-card-body{position: relative;}
.biz-cat-list .biz-card:nth-child(5) .biz-card-body{position: relative;}
.biz-cat-list .biz-card:nth-child(6) .biz-card-body{position: relative;}

.biz-cat-list .biz-card{
   background-color: #FFFFFF;
   padding: 11.111vw 0 17.15vw;
}

.sp-top{
   display: block;
   margin-top: 7.729vw;
}

}