@charset "utf-8";
/* CSS Document */
.pcno { display:none;}
img { max-width:100%;}
#navArea{ display:none;}
/*▼ 初期化 ▼*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, ul, li, blockquote, th, td, tr, img { padding:0px; margin:0px; font-size:16px; line-height:1.5em; letter-spacing:1px; color:#333;-webkit-text-size-adjust:100%; font-weight:400;font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}
table { border-collapse:collapse; }
ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6, .more{ padding:0px; margin:0px; font-size:100%; font-weight:normal;}
a { overflow:hidden; outline:none; }
img { border:none; vertical-align:bottom; }
table td { border:none; vertical-align:top; }
.text99 { text-indent:-9999px; }
a{-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
a:hover { text-decoration:none; }
a:hover { opacity:0.5; filter:alpha(opacity=50);-webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s; }
.kadomaru{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*▲ 初期化 ▲*/


/*▼エリア・背景設定▼*/
body{ min-width:1280px;}
#body-top{ overflow:hidden;}
.center{ text-align:center;}


h1{}

/*▼ヘッダー▼*/
#header{ width:1100px; margin:auto;}
#header #hmid{ display: flex; justify-content: space-between;  align-items: center;  max-width: 90%; min-width: 1280px; margin:auto;padding: 10px 0;}
#header .left #header .right{ float: none;}
#header .left .p-01{letter-spacing: normal;padding-bottom:3px; font-size:14px; font-weight:bold;}
#header .left a{ text-decoration:none; display:inline-block; position:relative;}
#header .left a img{ margin-right:5px; vertical-align: middle; position:relative; top:10px; margin-bottom:10px;}
#header .left a .tb-01{ display: inline-block; vertical-align: middle; position:relative; top:6px;}
#header .left a .tb-01 .name{ font-size:36px; line-height: 1em;display:flex;align-items: center; margin-bottom:5px; font-weight:bold;color:#399913;}

#header .right{ display: flex; align-items: center;  justify-content: flex-end;gap: 20px;text-align: right;}
#header .right .instagram { display:inline-block; margin-left:20px; }
#header .right .tel{ padding: 0;}
#header .right .tel a{text-decoration:none;}
#header .right .tel-text .p-01{ font-size: 14px; margin-top: 3px; text-align:center;}
#header .right .tel-icon{ width: 46px; height:31px; margin-top:3px;}
#header .right .tel-link{ display: flex; align-items:flex-start;  gap: 12px; text-decoration: none;}
#header .right .p-tel{ font-size: 34px; font-weight: bold;line-height: 1;color:#000; /* 必要なら調整 */font-family: "Oswald", sans-serif;}
#header .right .p-01 { margin-left: 0;}
#header .right .btn{display:inline-block;text-align: center; padding:5px; background:#FFF; border:#3e490a; asolid 1px; margin-left:20px; vertical-align:top; padding: 0;}
#header .right .btn .inner{background:#3e490a; padding:10px 15px;}
#header .right .btn a{color:#FFF; text-decoration:none;}
#header .right .btn .p-mail{ font-size:14px; font-weight:bold; line-height:1em; background: url(../images/common/ico-mail.webp) center top no-repeat; color:#fff; display:inline-block; padding-top:35px; margin-bottom:7px;}
#header .right .btn .p-01 { color:#FFF;color:#FFF; font-size:14px;}



/*▼メインナビゲーション▼*/
#navi{ background:url(../images/common/navi-bk.jpg); text-align:center;}
#navi ul{ text-align:center; display:inline-block;margin:auto; background:#3e490a;}
#navi li {font-size:18px; font-weight:600; text-align:center; display:inline-block; padding:20px 12px 20px; border-right:#FFF solid 1px;}
#navi li:first-child{border-left:#FFF solid 1px;}
#navi li a{ color:#e9e3d0; text-decoration:none; position:relative; display:block; padding:6px 8px 15px;}
#navi li a:first-child{ padding-left:7px;}
#navi li a span{ font-size:14px;}
#navi li a:hover{ opacity:1; transition:0.3s; color:#75a500;}
#navi li a:after /*ナビ下線*/{ content:""; position:absolute;left:0;bottom:0px;width:100%;height:3px;background:#75a500;transform:scale(0, 1);transition:0.3s;}
#navi li a:hover:after{ transform:scale(1);}
#navi li:last-child{ margin-right:0px;}

/* ページ内リンクボタン */
#anchor-nav {margin: 0 auto 0px; text-align: center; padding-bottom:0px !important;}
#anchor-nav ul { display: inline-block; }
#anchor-nav li { display: inline-block; margin: 0 10px 10px; }
#anchor-nav a { display: block; padding: 10px 30px; border-radius: 30px; background: #3e490a; color: #fff;  font-size: 18px; text-decoration: none; border: 2px solid #3e490a; }
#anchor-nav a:hover { background: #f5f5f5; color: #3e490a; opacity: 1; /* 既存のa:hoverの透過を打ち消し */ filter: alpha(opacity=100); }
/*▼メインビジュアル▼*/

#mp{height:400px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */; background:url(../images/company/mp.webp) center top no-repeat;}
#mp p{  font-size:60px; font-weight:bold; line-height:1em; color:#FFF;text-shadow:0 0 3px #000,}
#mp p span{ font-size:25px;}

#price #mp{ background:url(../images/price/mp.webp) center top no-repeat;}
#herinashi #mp{ background:url(../images/herinashi/mp.webp) center top no-repeat;}
#heritsuki #mp{ background:url(../images/heritsuki/mp.webp) center top no-repeat;}
#list #mp{ background:url(../images/heritsuki/mp.webp) center top no-repeat;}
#detail #mp{ background:url(../images/heritsuki/mp.webp) center top no-repeat;}
#fusuma #mp{ background:url(../images/fusuma/mp.webp) center top no-repeat;}
#flow #mp{ background:url(../images/flow/mp.webp) center top no-repeat;}
#owner #mp{ background:url(../images/owner/mp.webp) center top no-repeat;}
#company #mp{ background:url(../images/company/mp.webp) center top no-repeat;}
#contact #mp{ background:url(../images/company/mp.webp) center top no-repeat;}
#qa #mp{ background:url(../images/company/mp.webp) center top no-repeat;}
#case #mp{ background:url(../images/company/mp.webp) center top no-repeat;}
#case-detail #mp{ background:url(../images/company/mp.webp) center top no-repeat;}





#hmp{ position:relative;}
#hmp .area-01{ width:1100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); text-align:center;}
#hmp .area-01 .p-01{ font-weight:bold;font-weight:bold; font-size:34px; text-align:center; color:#e06f24;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
#hmp .area-01 .p-02{ font-weight:bold; font-weight:bold; font-size:48px; text-align:center;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff; letter-spacing:5px; margin-bottom:30px;}
#hmp .area-01 .p-02 .s-01{ font-size:30px;}
#hmp .area-01 .p-02 .s-02{ }
#hmp .area-01 .p-02 .s-03{color:#aea55e;}
#hmp .area-01 .p-03{font-weight:bold; font-size:95px; color:#399913; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
#hmp .area-01 .p-03 .s-01{color:#399913; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
#hmp .area-01 .p-03 .s-02{ font-size:70px;}


/*▼フッター▼*/
#footer { }
#footer #fmid{ width:1280px; margin:auto; overflow:hidden; padding:0px 0 20px;}

#footer #hmid{ width: 1024px; margin:auto; overflow:hidden;}
#footer .left { float:left; padding:10px 00px; display:inline-block;}
#footer .left .p-01{letter-spacing: normal;padding-bottom:3px; font-size:16px; font-weight:bold;}
#footer .left a{ text-decoration:none; display:inline-block; position:relative;}
#footer .left a img{ margin-right:5px; vertical-align: middle; position:relative; top:10px; margin-bottom:10px;}
#footer .left a .tb-01{ display: inline-block; vertical-align: middle; position:relative; top:6px;}
#footer .left a .tb-01 .name{ font-size:36px;  line-height: 1em;display:flex;align-items: center/* ←縦の中央揃え */; margin-bottom:5px; color:#399913; font-weight:bold;}
#footer .left .tb-02{}


/*フッターナビ*/
#footer .right{ float: right; display:inline-block; overflow:hidden;}
#footer .right{ overflow: hidden;}
#footer .right .entry{ display:inline-block; vertical-align:top; margin-left:20px;}
#footer .right .entry p a{ font-weight:bold; color:#000; text-decoration:none; margin-bottom:7px; display:inline-block;}
#footer .right .entry ul{ margin-left:10px;}
#footer .right .entry ul li a{ background:url(../images/common/footer-ico.webp) 0 8px no-repeat; padding-left:20px; margin-bottom:7px; text-decoration:none; color:#000;}

#footer #tamonten { background:#3e490a;margin:auto; text-align:center; font-size:10px; padding:10px 0; border-top: 1px solid #ece3d8;}
#footer #tamonten a { display:block; cursor:default; color:#fff; text-decoration:none; opacity:1; filter:alpha(opacity=100);}


.page-top { position: fixed; bottom: 70px; right: 60px; background-image: url(../images/common/to-top.webp); width:78px; height:78px; text-indent: -9999px;}
.page-top:hover{background-image: url(../images/common/to-topon.webp); width:80px; height:80px; opacity:1; filter:alpha(opacity=100);}

/*▼エリア・共通設定▼*/
.bk-dot{background:url(../images/home/bk-01.webp) 0 0 repeat; border-top:#bababa solid 1px;}
#main{ margin-bottom:50px;}
.box{ width:1200px; margin:auto; padding:100px 0; position:relative;}

.h2-01{font-weight:bold; font-size:36px; margin-bottom:40px; text-align:center;}
.h2-01 span{ color:#e06f24;}

.bottom0{ margin-bottom:0px;}

.h2-02{ font-size:28px; font-weight: bold;margin-bottom:50px; background:url(../images/common/h2-01.webp) center bottom no-repeat; padding-bottom:20px; text-align:center;}
.h2-02 span{ color:#8abb24;font-size:18px; font-weight:bold; display:block;}

.h2-03{ border-bottom:#e9e3d0 solid 2px; asolid 2px; font-size:32px; font-weight:bold; margin-bottom:20px; padding-bottom:20px; margin-bottom:40px;}

.h3-01{ background:url(../images/common/h3.webp) 0 9px no-repeat; padding-left:30px; font-size:36px; font-weight: bold;margin-bottom:20px; line-height:1em;}
.h4-01{font-size:20px; font-weight:bold; margin-bottom:20px;}




.more{ text-align:center; padding-bottom:5px;}
.more a{ color:#000;font-size:18px; text-decoration:none;}
.more a span{ background:url(../images/common/to-more.webp) 0 0 no-repeat; background-size:100%;width:38px; height:38px; display:inline-block; margin-right:10px; position:relative; top:10px;}
.more a:hover span{ background:url(../images/common/to-moreon.webp) 0 0 no-repeat;background-size:100%;}


.more-01{ text-align:center; padding-bottom:5px;margin-top:20px; padding:20px;} 
.more-01 a{ border:#3e490a solid 2px;color:#fff; font-size:18px; text-decoration:none; font-size:22px; padding:10px 80px 15px 50px; width:400px;position:relative; border-radius:30px; line-height:1em;background:#3e490a}
.more-01 a span{ position:absolute; right:10px; top:18%; background: url(../images/common/to-moreon.webp);background-size:100%;width:38px; height:38px; display:inline-block;}
.more-01 a:hover span{background: url(../images/common/to-more.webp); background-size:100%;}
.more-01 a:hover{border:#3e490a solid 2px; background:#fff; color:#3e490a; opacity:1; filter:alpha(opacity=100);}


.more-02{ text-align:center; padding-bottom:5px;margin-top:10px; padding:20px;} 
.more-02 a{ border:#3e490a solid 2px;color:#fff;font-size:16px; text-decoration:none;padding:10px 80px 15px 50px; width:200px;position:relative; border-radius:30px; line-height:1em; background:#3e490a;}
.more-02 a span{ position:absolute; right:10px; top:18%; background: url(../images/common/to-moreon.webp);background-size:100%; width:30px; height:30px; display:inline-block;}
.more-02 a:hover span{background: url(../images/common/to-more.webp); background-size:100%;}
.more-02 a:hover{border:#3e490a solid 2px; background:#fff; color:#3e490a; opacity:1; filter:alpha(opacity=100);}

.more-03{ text-align:center; padding-bottom:5px;margin-top:10px; padding:20px;} 
.more-03 a{ border:#3e490a solid 2px;color:#fff;font-size:16px; text-decoration:none;padding:10px 120px 15px 100px;position:relative; border-radius:30px; line-height:1em; font-weight:bold; background:#3e490a;}
.more-03 a span{ position:absolute; right:10px; top:11%; background: url(../images/common/to-moreon.webp);background-size:100%; width:38px; height:38px; display:inline-block;}
.more-03 a:hover span{background: url(../images/common/to-more.webp); background-size:100%;}
.more-03 a:hover{border:#3e490a solid 2px; background:#fff; color:#3e490a; opacity:1; filter:alpha(opacity=100);}

.more-04{ text-align:center; padding-bottom:5px;margin-top:50px; padding:10px;} 
.more-04 a{ background:#3e490a;color:#fff;font-size:16px; text-decoration:none; display:block; font-size:24px; padding:20px 0px; border-radius:20px;}
.more-04 a i{ margin-left:10px;}

/*▼ホーム　home▼*/
#home .bk-01{ background:url(../images/home/bk-01.webp) center top 250px no-repeat; padding-bottom:50px; margin-bottom:150px;}
#home #box-01{ padding-top:30px; padding-bottom:0px;}
#home #box-01 .area-01{ overflow: hidden; margin-bottom:70px;}
#home #box-01 .area-01 .p-01{ font-size:47px; font-weight:bold; display:inline-block; background: url(../images/home/text-01-bk.webp) left 0 bottom 10px no-repeat;transform: rotate(-5deg); padding:0 20px 10px;}
#home #box-01 .area-01 .p-01 span{ font-size:64px; color:#399913;}

#home #box-01 .area-01 .p-02{ font-size:36px; font-weight:bold; display:inline-block; position:relative;top:80px; padding-bottom:80px;}
#home #box-01 .area-01 .p-02 .s-01{ font-size:60px; color:#aea55e;}
#home #box-01 .area-01 .p-02 .s-02{ font-size:60px; color:#399913;}


#home #box-01 .area-02{ position: relative;}
#home #box-01 .area-02 img{ position: absolute; margin-top:-50px; left:0px;}

#home #box-01 .area-02 .tb-01{ width:500px; margin-left:550px; margin-top:30px;}
#home #box-01 .area-02 .tb-01 .p-01{ font-size:55px; color:#aea55e; display:inline-block; font-weight:bold; font-weight:bold; margin-bottom:30px;}
#home #box-01 .area-02 .tb-01 .p-01 .s-01{ font-size:87px; color:#000;font-family: "Oswald", sans-serif;}
#home #box-01 .area-02 .tb-01 .p-02{ font-size:20px;font-weight:bold; margin-bottom:20px;}
#home #box-01 .area-02 .tb-01 .p-02 .s-01{ font-size:34px; color:#000;}
#home #box-01 .area-02 .tb-01 table{ width:100%;}
#home #box-01 .area-02 .tb-01 table td{ padding:5px 0px; font-size:24px; font-weight:bold;}
#home #box-01 .area-02 .tb-01 table td:first-child{ width:160px;}
#home #box-01 .area-02 .tb-01 table td .p-03{ padding-left:20px; font-size:24px; font-weight:bold;}
#home #box-01 .area-02 .tb-01 table td .p-04{ color:#ea0000;font-size:40px;}



#home .bk-02{ background:url(../images/home/bk-02.webp) center top no-repeat; margin-bottom:50px;}
#home #box-02{ padding:30px 0;}

#home #box-02 .area-01{ position: relative;}
#home #box-02 .area-01 img{ position: absolute; top:-60px;right:0px;}

#home #box-02 .area-01 .tb-01{position:relative; z-index:1;}
#home #box-02 .area-01 .tb-01 .p-01{ font-size:87px; font-size:87px; color:#000;font-family: "Oswald", sans-serif;margin-bottom:30px; font-weight:bold; line-height:1em;}
#home #box-02 .area-01 .tb-01 .p-02{ font-size:20px;font-weight:bold; margin-bottom:20px;}
#home #box-02 .area-01 .tb-01 .p-02 .s-01{ font-size:34px; color:#000;}
#home #box-02 .area-01 .tb-01 table{ width:100%;}
#home #box-02 .area-01 .tb-01 table td{ padding:5px 0px; font-size:26px; font-weight:bold;}
#home #box-02 .area-01 .tb-01 table td:first-child{ width:150px;}
#home #box-02 .area-01 .tb-01 table td .p-03{font-size:24px; font-weight:bold;}
#home #box-02 .area-01 .tb-01 table td .p-04{ color:#ea0000; font-size:50px;}

#home #box-02 .area-01 .tb-01 .more-01{ text-align:left;}



#home #box-03{ width: auto; text-align:center;display:flex;justify-content: center;}
#home #box-03 .left{ background:url(../images/home/bk-03.webp);width:725px; height:538px; display:flex;align-items: center/* ←縦の中央揃え */;justify-content: right;}
#home #box-03 .right{ background:url(../images/home/bk-04.webp);width:725px; height:538px; display:flex;align-items: center/* ←縦の中央揃え */;justify-content:left;}

#home #box-03 .area-01{ width:600px;background: rgba(255,255,255, 0.8);}
#home #box-03 .area-01 .inner{ padding:30px; text-align:center;}
#home #box-03 .area-01 .inner .p-01{ font-size:18px; margin-bottom:10px;}
#home #box-03 .area-01 .inner .p-02{ font-size:30px; font-weight:bold; margin-bottom:10px;}
#home #box-03 .area-01 .inner .p-03{ margin-bottom:10px; display:inline-block; padding:10px 30px; border-bottom:#3e490asolid 1px;border-top:#3e490asolid 1px; position:relative; margin-bottom:30px;}
#home #box-03 .area-01 .inner .p-03::after {content: ""; position:absolute; top:44px; left:0; right:0; margin:auto;
  display: block;
  width: 2px;  /* 画像の幅 */
  height: 17px; /* 画像の高さ */
  background: url(../images/home/line.webp) no-repeat}

#home #box-03 .area-01 .inner .text{ text-align:left; margin-bottom:10px; padding:10px;  }


#home .bk-04{ background:#e9e3d0; margin-bottom:50px; }
#home #box-04{}
#home #box-04 .area-01{ position: relative; overflow:hidden; width:870px; margin:auto;}
#home #box-04 .area-01 .entry{ width:260px; float:left; margin-right:30px; margin-bottom:30px;}
#home #box-04 .area-01 .entry:nth-child(3n){ margin-right:0px;}

#home #box-04 .area-01 .entry .photo{ width:258px; height:258px; background:#FFF;border:#3e490asolid 1px; border-radius:20px; margin-bottom:20px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content:center;}
#home #box-04 .area-01 .entry .p-01{ text-align:center; font-weight:bold; font-size:26px; margin-bottom:10px; border-bottom:#3e490asolid 2px; padding-bottom:10px;}
#home #box-04 .area-01 .entry .p-01 span{ color:#e06f24;}
#home #box-04  span { font-weight:bold; color: #e06f24; }
#home #box-05{ width:auto;}

#home #box-05 .area-01{ text-align:center; margin:auto;margin-bottom:50px; width:800px;}
#home #box-05 .area-02{ overflow:hidden;}
#home #box-05 .area-02 .entry{ width:33%px;}

#home #box-05 .area-02 .entry .photo{width:100%; padding-top:100%;position:relative;border:#3e490a; solid 1px; border-radius:20px; margin-bottom:20px;object-fit: cover; overflow:hidden;}
#home #box-05 .area-02 .entry .photo img{ position:absolute; left:0; top:0; min-width:100%; min-height:100%;object-fit: cover; }
#home #box-05 .area-02 .entry .p-01{ text-align:center; font-size:22px;}


#home .bk-06{ background:#e9e3d0;}
#home #box-06{ }

#home #box-06 .area-01{ padding:40px; overflow:hidden; background:#FFF;box-shadow: 0px 0px 8px rgba(0,0,0,0.2); margin:8px;}
#home #box-06 .area-01 .left{ width:300px; float:left; padding-top:70px; }
#home #box-06 .area-01 .right{float:right; width:800px;}
#home #box-06 .area-01 .right table { width: 100%; }
#home #box-06 .area-01 .right table td.td-01 {width:160px; color:#3e490a; font-weight: bold;}
#home #box-06 .area-01 .right table td { padding:20px;border-top: 2px dotted #ccc;}
#home #box-06 .area-01 .right table tr:last-child td { border-bottom: 2px dotted #ccc; }
#home #box-06 .area-01 .right table td .p-01{ font-weight:bold; margin-bottom:3px; font-size:110%;}

#home #box-06 .area-01 .more-01{ text-align:center; padding-bottom:5px;margin-top:20px; padding:20px;} 
#home #box-06 .area-01 .more-01 a{ border:#3e490asolid 2px;color:#3e490a;font-size:16px; text-decoration:none;padding:10px 80px 15px 50px; width:200px;position:relative; border-radius:30px; line-height:1em;font-family: "Mochiy Pop P One", sans-serif; }
#home #box-06 .area-01 .more-01 a span{ position:absolute; right:10px; top:12%; background: url(../images/common/to-more.webp); width:38px; height:38px; display:inline-block;}
#home #box-06 .area-01 .more-01 a:hover span{background: url(../images/common/to-moreon.webp); background-size:100%;}
#home #box-06 .area-01 .more-01 a:hover{border:#3e490asolid 2px; background:#3e490a; color:#FFF; opacity:1; filter:alpha(opacity=100);}



#home .bk-kikai { background: url(../images/home/bk-kikai.webp) center bottom no-repeat; margin-bottom: 50px; position: relative; overflow: hidden; display: flex; align-items: center;  justify-content: flex-start;  */ gap: 40px; /* 画像とテキストの間隔を補正（任意） */ }
/* float を削除して、幅だけ指定 */
#home .bk-kikai .img-01 { width: 40vw; flex-shrink: 0; /* 画像が潰れないように */ }
#home #box-kikai { width: 700px; }


#home #box-kikai .area-01{ margin-left:50px; }
#home #box-kikai .area-01 .p-01{font-size:28px;font-weight:bold;text-align:center;}
#home #box-kikai .area-01 .p-02{ color:#e06f24;font-size:24px;margin-bottom:20px; font-weight:bold;text-align:center;}
#home #box-kikai .area-01 .text p{ font-size:18px; line-height:2em;}
#home #box-kikai .area-01 img{ position: absolute; top:-60px;right:0px;}


#box-contact{ background:url(../images/common/box-contact.webp) center top no-repeat; height:500px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content:center;flex-direction: column; clear:both;}
#box-contact h2{ color:#FFF;text-shadow:0 0 5px #000;}
#box-contact .area-01{ text-align:center;}
#box-contact .area-01 .telbox{ width:380px; margin:auto; padding:20px 0; background:#FFF; display:inline-block; vertical-align:top; margin-right:30px;}
#box-contact .area-01 .telbox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; padding-top:8px;}

#box-contact .area-01 .telbox a{text-decoration:none;}
#box-contact .area-01 .telbox .p-02{ font-size:34px; font-weight:bold;line-height:1em;background: url(../images/common/ico-tel.webp) left 4px no-repeat; display:inline-block; text-decoration:none; padding-left:55px;font-family: "Oswald", sans-serif; margin-bottom:10px;}

#box-contact .area-01 .mailbox{ width:380px; margin:auto; padding:20px 0; background:#FFF; display:inline-block;vertical-align:top; margin-right:30px;}
#box-contact .area-01 .mailbox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px;}

#box-contact .area-01 .mailbox .p-02{}
#box-contact .area-01 .mailbox .p-02 a{ font-size:20px; font-weight:bold;line-height:1em;background: url(../images/common/ico-mail.webp) left 15px top 14px no-repeat #399913; display:inline-block; text-decoration:none; font-family: "Oswald", sans-serif; border-radius:30px; padding:15px 20px 15px 65px; color:#FFF;}

#box-contact .area-01 .linebox{ width:380px; margin:auto; padding:20px 0; background:#FFF; display:inline-block;vertical-align:top;}
#box-contact .area-01 .linebox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; background:url(../images/fusuma/ico-line.webp) left top no-repeat; padding:5px 0px 5px 50px;display:inline-block;}

#box-contact .area-01 .linebox img{ display:block;margin:auto; margin-top:10px; }

#herinashi #box-01{}
#herinashi #box-01 .area-01 { padding-top:150px;}
#herinashi #box-01 .area-01 .entry {margin-bottom:180px; background:#f5f5f5; position:relative; height:300px;}
#herinashi #box-01 .area-01 .entry:last-child{ margin-bottom:0px;}
#herinashi #box-01 .area-01 .entry .left { width: 48%; float:left; position:relative; margin-top:-50px;}
#herinashi #box-01 .area-01 .entry:nth-child(2n) .left{ float:right;}
#herinashi #box-01 .area-01 .entry .left .num { font-size:100px; font-weight: 700; color: #c4b688;margin-left:30px; line-height:1em;}
#herinashi #box-01 .area-01 .entry .left .num img{ position:relative; bottom:40px; margin-right:20px;}
#herinashi #box-01 .area-01 .entry .left .num span{ font-size: 20px; display:inline-block; margin-right:10px;}
#herinashi #box-01 .area-01 .entry .left h3 { font-size: 26px; font-weight: 600; margin-bottom: 15px; }
#herinashi #box-01 .area-01 .entry .left .text { padding:0 30px;}
#herinashi #box-01 .area-01 .entry .right { width: 48%; float:right; position:relative; margin-top:-100px;}
#herinashi #box-01 .area-01 .entry:nth-child(2n) .right{float:left;}
#herinashi #box-01 .area-01 .entry .right img{border-radius:20px 0 20px 0; object-fit: cover;  }


#herinashi #box-02 .area-01{ overflow:hidden; position:relative;}
#herinashi #box-02 .area-01 .entry{ width:384px; border:#3e490asolid 1px; border-radius:20px; background:#FFF; float:left; margin-bottom:40px; margin-right:20px; padding-bottom:20px;}
#herinashi #box-02 .area-01 .entry:nth-child(3n){ margin-right:0px;}
#herinashi #box-02 .area-01 .entry a{ text-decoration:none;}
#herinashi #box-02 .area-01 .entry .inner{ padding:10px; overflow:hidden; padding-bottom:0px;}
#herinashi #box-02 .area-01 .entry .inner .img img{ width:100%; height:250px; object-fit: cover;}
#herinashi #box-02 .area-01 .entry .inner .text{}
#herinashi #box-02 .area-01 .entry .inner .text .p-01{ font-size:24px; font-weight:bold; margin-bottom:10px;}
#herinashi #box-02 .area-01 .entry .inner .text .p-02{ font-weight:bold; margin-bottom:10px;}
#herinashi #box-02 .area-01 .entry .inner .text .p-03{font-size:18px; font-weight:bold;}
#herinashi #box-02 .area-01 .entry .inner .text .p-03 span{ color:#ea0000; font-size:25px;}

#herinashi #box-02 .area-01 .entry .inner .text table{ width:100%;}
#herinashi #box-02 .area-01 .entry .inner .text table td{ padding:2px 0px;font-weight:bold;}
#herinashi #box-02 .area-01 .entry .inner .text table td:first-child{ width:px;}
#herinashi #box-02 .area-01 .entry .inner .text table td .p-05{ background:url(../images/common/li.webp) 0 6px no-repeat; padding-left:20px; font-weight:bold;}
#herinashi #box-02 .area-01 .entry .inner .text table td .p-06{ color:#ea0000; font-size:25px;font-weight:bold;}




/*へり付き畳*/
#heritsuki .igusa .text-area .midashi { font-size:48px;  font-weight: 700;color: #c4b688;  line-height:0.5em;}
#heritsuki .text-area span { font-weight:bold; color: #c4b688; }
#heritsuki .igusa .bg-area { position: relative; background-image: url(../images/heritsuki/igusa.webp); background-size: cover;background-position: center;width: 100%;height: 510px;}
#heritsuki .igusa .bg-area .text-area { position: absolute; top:45px;left:8%;}
#heritsuki .igusav.text-area .midashi { font-size:48px;  font-weight: 700;color: #c4b688;  line-height:0.5em;}

#heritsuki .washi .text-area .midashi { font-size:48px;  font-weight: 700;color: #c4b688;  line-height:0.5em;}
#heritsuki .washi .text-area .point{  margin-top:80px;font-size:18px;}
#heritsuki .washi .text-area span { font-weight:bold; color: #c4b688; }
#heritsuki .washi .bg-area { position: relative; background-image: url(../images/heritsuki/washi.webp); background-size: cover;background-position: center;width: 100%;height: 510px;}
#heritsuki .washi .bg-area .text-area { position: absolute; top:45px;left:58%;}

#heritsuki .bk-01:nth-child(odd){ background:#e9e3d0;}
#heritsuki #box-01{ width:auto;}
#heritsuki #box-01 .link{ position:relative; width:1200px; margin:auto; padding:50px 0px;}
#heritsuki .h2-01{ margin-bottom:90px; }
#heritsuki #box-01 .area-01 .entry{width:360px; border:#3e490a solid 1px; border-radius:20px; background:#FFF; display:inline-block;margin-bottom:40px; margin-right:52px; padding-bottom:20px; position:relative;}
#heritsuki #box-01 .area-01 .entry .point{ position:absolute; background: url(../images/common/no.webp); width:201px; height:80px; background-size: contain;font-size:16px;display:flex;align-items: center/* ←縦の中央揃え */;justify-content: center/* 横も中央 */; top:-40px; left:-20px;}
#heritsuki #box-01 .area-01 .entry .point p{ font-size:20px; color:#FFF; font-weight:bold;line-height:1em;}
#heritsuki #box-01 .area-01 .entry:nth-child(3n){ margin-right:0px;}
#heritsuki #box-01 .area-01 .entry a{ text-decoration:none;}
#heritsuki #box-01 .area-01 .entry .inner{ padding:10px; overflow:hidden; padding-bottom:0px;}
#heritsuki #box-01 .area-01 .entry .inner .img img{ width:100%; height:250px; object-fit: cover;}
#heritsuki #box-01 .area-01 .entry .inner .text{}
#heritsuki #box-01 .area-01 .entry .inner .text .p-01{ font-size:24px; margin-bottom:10px; width:250px;}
#heritsuki #box-01 .area-01 .entry .inner .text .p-02{ font-weight:bold; margin-bottom:10px;}
#heritsuki #box-01 .area-01 .entry .inner .text .p-03{font-size:18px; font-weight:bold;}
#heritsuki #box-01 .area-01 .entry .inner .text .p-03 span{ color:#ea0000; font-size:25px;}

#heritsuki #box-01 .area-01 .entry .inner .text table{ width:100%;}
#heritsuki #box-01 .area-01 .entry .inner .text table td{ font-weight:bold; padding:2px 0px;}
#heritsuki #box-01 .area-01 .entry .inner .text table td:first-child{ width:px;}
#heritsuki #box-01 .area-01 .entry .inner .text table td .p-05{ background:url(../images/common/hli.webp) 0 6px no-repeat; padding-left:20px;}
#heritsuki #box-01 .area-01 .entry .inner .text table td .p-06{ color:#ea0000; font-size:25px;}


#heritsuki .entry .text-area .midashi { font-size:48px;  font-weight: 700;color: #c4b688;  line-height:0.5em;}
#heritsuki .entry .text-area .point{  margin-top:80px;font-size:18px;}
#heritsuki .entry .text-area span { font-weight:bold; color: #c4b688; }
#heritsuki .entry .bg-area { position: relative; background-image: url(../images/heritsuki/reface.webp); background-size: cover;background-position: center;width: 100%;height: 510px;}
#heritsuki .entry .bg-area .text-area { position: absolute; top:45px;left:10%;}

#heritsuki .text-area .midashi { font-size:48px;  font-weight: 700;color: #c4b688;  line-height:0.5em;}
#heritsuki .text-area .point{  margin-top:80px;font-size:18px;}
#heritsuki .text-area span { font-weight:bold; color: #c4b688; }
#heritsuki .bg-area { position: relative; background-image: url(../images/heritsuki/pet.webp); background-size: cover;background-position: center;width: 100%;height: 510px;}
#heritsuki .bg-area .text-area { position: absolute; top:45px;left:57%;}

/*畳替えをご検討中の方へ*/
#heritsuki .setsumei{ font-size:18px; text-align:left;} 
#heritsuki .tatami-wrap .tatami-item h3 {margin: 10px 0;}
#heritsuki .tatami-wrap { display: flex;justify-content: space-between;gap: 20px; margin: 40px 0; align-items: stretch; /* 高さを揃える */}
#heritsuki .tatami-wrap .tatami-item { width: 32%; background: #fff;}
#heritsuki .tatami-wrap .tatami-item img { width: 100%; height: auto;display: block; border-radius: 4px;}
#heritsuki .tatami-wrap .tatami-item h3 { font-size: 20px; margin: 10px 0; color: #4a3c2a; }
#heritsuki .tatami-wrap .tatami-item p { font-size: 14px;line-height: 1.6; color: #333;}
#heritsuki .tatami-wrap .tatami-item img {width: 100%; height: auto;}



#list .bk-01:nth-child(odd){ background:#e9e3d0;}
#list #box-01{ width:auto;}
#list #box-01 .area-01{ margin-bottom:100px;}
#list #box-01 .link{ position:relative; width:1200px; margin:auto; padding:50px 0px;}
#list #box-01{ width:auto;}
#list #box-01 .area-01 .entry{width:275px; border:#3e490asolid 1px; border-radius:20px; background:#FFF; display:inline-block;margin-bottom:40px; margin-right:20px; padding-bottom:20px; position:relative;}

#list #box-01 .area-01 .entry:nth-child(4n){ margin-right:0px;}
#list #box-01 .area-01 .entry a{ text-decoration:none;}
#list #box-01 .area-01 .entry .inner{ padding:10px; overflow:hidden; padding-bottom:0px;}
#list #box-01 .area-01 .entry .inner .img img{ width:100%; height:200px; object-fit: cover;}
#list #box-01 .area-01 .entry .inner .text{}
#list #box-01 .area-01 .entry .inner .text .p-01{font-family: "Mochiy Pop P One", sans-serif; font-size:18px; margin-bottom:10px; width:250px;}
#list #box-01 .area-01 .entry .inner .text .p-02{ font-weight:bold; margin-bottom:10px;}
#list #box-01 .area-01 .entry .inner .text .p-03{font-size:18px; font-weight:bold;}
#list #box-01 .area-01 .entry .inner .text .p-03 span{ color:#ea0000; font-size:20px;}

#list #box-01 .area-01 .entry .inner .text table{ width:100%;}
#list #box-01 .area-01 .entry .inner .text table td{ padding:2px 0px;font-family: "Mochiy Pop P One", sans-serif;}
#list #box-01 .area-01 .entry .inner .text table td:first-child{ width:px;}
#list #box-01 .area-01 .entry .inner .text table td .p-05{ background:url(../images/common/hli.webp) 0 6px no-repeat; padding-left:20px;font-family: "Mochiy Pop P One", sans-serif;}
#list #box-01 .area-01 .entry .inner .text table td .p-06{ color:#ea0000;font-family: "Mochiy Pop P One", sans-serif; font-size:18px;}

.no-entry{ text-align:center;}
.no-entry-title{ font-size:20px; margin-bottom:10px;}
.no-entry-text{}

#detail #box-01 .area-01 { overflow:hidden;}
#detail #box-01 .area-01 .left{ width:600px; float:left;}
#detail #box-01 .area-01 .left img{ width:600px; height:600px;object-fit: cover; }
#detail #box-01 .area-01 .right{ width:550px; float:right;}
#detail #box-01 .area-01 .right .tb-01{ padding:10px; border-radius:10px; background:#e9e3d0;}
#detail #box-01 .area-01 .right .tb-01 p{ font-size:18px; line-height:2em;}
#detail #box-01 .area-01 table{ width:100%; margin-bottom:20px;}
#detail #box-01 .area-01 table td{ padding:2px 0px;font-family: "Mochiy Pop P One", sans-serif; border:#CCC solid 1px; padding:10px;}
#detail #box-01 .area-01 table td:first-child{ width:200px;}
#detail #box-01 .area-01 table td .p-05{ background:url(../images/common/hli.webp) 0 8px no-repeat; padding-left:20px;font-weight:bold;font-size:20px;}
#detail #box-01 .area-01 table td .p-06{ color:#ea0000;font-family: "Mochiy Pop P One", sans-serif; font-size:24px;}


#detail #box-02{ width:auto;}

#detail #box-02 .area-01{ text-align:center; margin:auto;margin-bottom:50px; width:800px;}
#detail #box-02 .area-02{ overflow:hidden;}
#detail #box-02 .area-02 .entry{ width:33%px;}

#detail #box-02 .area-02 .entry .photo{width:100%; padding-top:100%;position:relative;border:#3e490asolid 1px; border-radius:20px; margin-bottom:20px;object-fit: cover; overflow:hidden;}
#detail #box-02 .area-02 .entry .photo img{ position:absolute; left:0; top:0; min-width:100%; min-height:100%;object-fit: cover; }
#detail #box-02 .area-02 .entry .p-01{ text-align:center; font-size:24px; font-weight:bold;}

#fusuma{}
#fusuma #box-01{}
#fusuma #box-01 .area-01{ text-align:center; margin-bottom:50px;}
#fusuma #box-01 h3{ background:#3e490a; color:#FFF; font-size:32px; font-weight:bold; margin-bottom:50px; text-align:center; padding:10px 0px;}
#fusuma #box-01 .area-02 h4{ overflow:hidden; margin-bottom:40px;position:relative;}
#fusuma #box-01 .area-02 h4 img{ float:left; vertical-align:bottom;}
#fusuma #box-01 .area-02 h4 span{ width:1054px; display:block; solid 2px; font-size:32px; font-weight:bold; margin-bottom:20px; padding-bottom:20px; position:absolute; bottom:-17px; right:0;}


#fusuma #box-01 .area-02{ overflow:hidden; margin-bottom:70px;}
#fusuma #box-01 .area-02 .entry{ margin-bottom:70px; overflow:hidden;}
#fusuma #box-01 .area-02 .entry .left{ display:inline-block; float:left;}
#fusuma #box-01 .area-02 .entry .right{ width:650px; float:right;}
#fusuma #box-01 .area-02 .entry .right .tb-01{ margin-bottom:10px;}
#fusuma #box-01 .area-02 .entry .right table{ width:100%;margin-bottom:10px;}
#fusuma #box-01 .area-02 .entry .right table td{ text-align:center; padding:10px 0px; border:#333 solid 1px;}
#fusuma #box-01 .area-02 .entry .right table tr:first-child td{ color:#FFF; font-weight:bold; background:#3e490a; border:#3e490asolid 1px; border-right:#FFF solid 1px;}
#fusuma #box-01 .area-02 .entry .right table tr:first-child td:last-child{border-right:#3e490asolid 1px;}
#fusuma #box-01 .area-02 .entry .right table td span{ color:#ea0000; font-weight:bold; font-size:24px;}
#fusuma #box-01 .area-02 .entry .right ul li{ text-indent:-1em; padding-left:1em; margin-bottom:5px;}

#fusuma #box-01 .area-03{ overflow:hidden;}
#fusuma #box-01 .area-03 .entry{ width:48%; float:left;}
#fusuma #box-01 .area-03 .entry:nth-child(2){ float:right;}

#fusuma #box-01 .area-03 .entry h5{ background:#3e490a; color:#FFF; font-size:20px; font-weight:bold;text-align:center; padding:10px 0px; border-radius:20px 20px 0px 0px;}
#fusuma #box-01 .area-03 .entry .inner{ border:#3e490asolid 2px; padding:30px; text-align:center;}
#fusuma #box-01 .area-03 .entry .inner ul{ display:inline-block; text-align:left;}
#fusuma #box-01 .area-03 .entry .inner ul li{ font-size:18px; margin-bottom:7px; font-weight:bold;}
#fusuma #box-01 .area-03 .entry .inner ul li span{ display:inline-block; background:#3e490a; color:#FFF; font-size:14px; height:22px; width:23px; line-height:22px; text-align:center; text-indent:0em; padding-left:0em; margin-right:10px; border-radius:50%; padding-left:1px; padding-bottom:2px;}


#fusuma #box-01 .area-03 .entry .inner dl{ margin-bottom:20px; text-align:left;}
#fusuma #box-01 .area-03 .entry .inner dl dt{ font-size:18px; margin-bottom:7px; font-weight:bold;}
#fusuma #box-01 .area-03 .entry .inner dl dt span{ display:inline-block; background:#3e490a; color:#FFF; font-size:16px; height:26px; width:26px; line-height:26px; text-align:center; text-indent:0em; padding-left:0em; margin-right:10px; border-radius:50%; padding-left:1px; padding-bottom:2px;}
#fusuma #box-01 .area-03 .entry .inner dl dd{ font-size:18px; margin-bottom:7px;}
#fusuma #box-01 .area-03 .entry .inner dl dd span{ display:inline-block; background:#ea0000; color:#FFF; font-size:16px; height:26px; width:26px; line-height:26px; text-align:center; text-indent:0em; padding-left:0em; margin-right:10px; border-radius:50%; padding-left:1px; padding-bottom:2px; font-weight:bold;}


#flow{}
#flow #box-01{}
#flow #box-01 .area-01{}


#flow #box-02{ padding-top:0px;}
#flow #box-02 .area-01{ background:url(../images/flow/bk-01.webp) left 50px top repeat-y; overflow:hidden;}
#flow #box-02 .area-01 .entry{overflow:hidden; margin-bottom:50px;}
#flow #box-02 .area-01 .entry:last-child{margin-bottom:0px;}
#flow #box-02 .area-01 .entry .tb-01{overflow:hidden; margin-bottom:30px;}
#flow #box-02 .area-01 .entry .tb-01 .s-01{ display:inline-block; width:120px; background:#3e490a; text-align:center; color:#FFF; font-weight:bold; font-size:24px; padding:10px 0;}
#flow #box-02 .area-01 .entry .tb-01 .s-02{ display:inline-block; width:1030px; padding:10px 0px 10px 50px;background:#e9e3d0; font-weight:bold; font-size:24px;}

#flow #box-02 .area-01 .entry .tb-02{overflow:hidden; margin-left:120px;}
#flow #box-02 .area-01 .entry .tb-02 ul{margin-bottom:30px;}
#flow #box-02 .area-01 .entry .tb-02 ul li{ background:url(../images/flow/li.webp) 0 5px no-repeat; padding:0 0 0 20px; margin-bottom:10px;}


#flow #box-02 .area-01 .entry .sub{ }
#flow #box-02 .area-01 .entry .sub .bx{ width:30%; margin:auto; padding:20px 0; display:inline-block;vertical-align:top; border:#3e490asolid 2px; border-radius:20px;text-align:center; margin-right:20px;}
#flow #box-02 .area-01 .entry .sub .telbox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; padding-top:8px;}

#flow #box-02 .area-01 .entry .sub .telbox a{text-decoration:none;}
#flow #box-02 .area-01 .entry .sub .telbox .p-02{ font-size:34px; font-weight:bold;line-height:1em;background: url(../images/common/ico-tel.webp) left 4px no-repeat; display:inline-block; text-decoration:none; padding-left:55px;font-family: "Oswald", sans-serif; margin-bottom:10px;}

#flow #box-02 .area-01 .entry .sub .mailbox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px;}

#flow #box-02 .area-01 .entry .sub .mailbox .p-02{}
#flow #box-02 .area-01 .entry .sub .mailbox .p-02 a{ font-size:18px; font-weight:bold;line-height:1em;background: url(../images/common/ico-mail.webp) left 15px top 14px no-repeat #399913; display:inline-block; text-decoration:none; font-family: "Oswald", sans-serif; border-radius:30px; padding:15px 20px 15px 65px; color:#FFF;}

#flow #box-02 .area-01 .entry .sub .linebox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; background:url(../images/fusuma/ico-line.webp) left top no-repeat; padding:5px 0px 5px 50px;display:inline-block;}

#flow #box-02 .area-01 .entry .sub .linebox img{ display:block;margin:auto; margin-top:10px; }



#owner{}
#owner #box-01{ padding-bottom:0px;}
#owner #box-01 .area-01{text-align:center;}
#owner #box-01 .area-01 p{font-weight:bold;font-size:24px;}

#owner #box-02 .area-01{ overflow:hidden;}
#owner #box-02 .area-01 .left{ width:48%; float:left;}
#owner #box-02 .area-01 .right{ width:48%; float:right;}
#owner #box-02 .area-01 .entry { margin-bottom:50px;}
#owner #box-02 .area-01 .entry h3{ background:#3e490a; color:#FFF; font-size:24px; font-weight:bold; padding:10px 20px; margin-bottom:20px;}
#owner #box-02 .area-01 .entry .tb-01{overflow:hidden; margin-bottom:30px;}

#owner #box-02 .area-01 .entry ul{margin-bottom:20px;}
#owner #box-02 .area-01 .entry ul li{ background:url(../images/flow/li.webp) 0 5px no-repeat; padding:0 0 0 20px; margin-bottom:10px; font-weight:bold;}
#owner #box-02 .area-01 .entry .p-01{ font-weight:bold; color:#ea0000;}
#owner #box-02 .area-01 .entry dl{margin-bottom:20px;}
#owner #box-02 .area-01 .entry dl dt{ background:url(../images/flow/li.webp) 0 5px no-repeat; padding:0 0 0 20px; margin-bottom:5px; font-weight:bold;}
#owner #box-02 .area-01 .entry dl dd{margin-bottom:10px; margin-left:20px;}

#owner #box-contact h2{ color:#FFF;text-shadow:0 0 5px #000; margin-bottom:20px;}
#owner #box-contact .h2-sub{ color:#FFF;text-shadow:0 0 5px #000; font-size:24px; margin-bottom:30px; font-weight:bold;}

/*会社概要*/
#company{}
#company .box{ padding-bottom:0px;}
#company #box-01{ padding-top:0px;}
#company #box-01 .area-01{text-align:center;}
#company #box-01 .area-01 p{font-weight:bold;font-size:24px;}


#company #box-02{ overflow:hidden;}
#company #box-02 .content-wrapper { display: flex; justify-content: space-between;}
#company #box-02 .area-01{ width:75%; display:flex; flex-direction:column; justify-content: flex-end; /* 署名だけを下揃えに */}
#company #box-02 .area-01 .p-01{ text-align:right;font-weight:bold;font-size:24px; margin-top: 20px; /* 上の文章との間隔 */}
#company #box-02 .area-01 .p-01 span{font-size:20px; font-weight: normal;}
#company #box-02 .area-01 .text {margin-bottom: 20px; line-height: 1.8em; font-size: 16px;color: #333;}
#company #box-02 .photo img { width:200px; max-width:100%; height: auto; display: block; align-self: flex-end; /* 署名と写真の下端を揃える */}

#company #box-03{}
#company #box-03 .area-01{}

#company #box-04{}
#company #box-04 .area-01{}
#company #box-04 .area-01 img{ margin-right:3px;}
#company #box-04 .area-01 img:last-child{ margin-right:0px;}


#company #box-06{}
#company #box-06 .area-01{}
#company #box-06 .area-01 .p-01{ font-size:24px; font-weight:bold; margin-bottom:20px;}
#company #box-06 .area-01 li{background:url(../images/company/li.webp) 0 5px no-repeat; padding:0 0 0 30px; margin-bottom:20px; font-weight:bold; font-size:20px;}


#company #box-07{}
#company #box-07 .area-01{}
#company #box-07 .area-01 li{background:url(../images/company/li.webp) 0 5px no-repeat; padding:0 0 0 30px; margin-bottom:20px; font-weight:bold; font-size:20px;}



#company #box-08{ margin-bottom:100px;}
#company #box-08 .area-01{}
#company #box-08 .area-01 .googlemap{height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
#company #box-08 .area-01 .googlemap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}


#company table{ width:100%;}
#company table td{ padding:15px; border-bottom:#CCC dashed 1px;}
#company table tr:first-child td{border-top:none;}
#company table td:first-child{ font-weight:bold;}

#contact{}
#contact #box-01{ padding-bottom:0px;}
#contact #box-01 .area-01{ margin-bottom:70px;}
#contact #box-01 .area-01 .bx{ width:45%; margin:auto; padding:20px 0; display:inline-block;vertical-align:top; border:#3e490asolid 2px; border-radius:20px;text-align:center; margin-right:20px;}
#contact #box-01 .area-01 .telbox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; padding-top:8px;}

#contact #box-01 .area-01 .telbox a{text-decoration:none;}
#contact #box-01 .area-01 .telbox .p-02{ font-size:34px; font-weight:bold;line-height:1em;background: url(../images/common/ico-tel.webp) left 4px no-repeat; display:inline-block; text-decoration:none; padding-left:55px;font-family: "Oswald", sans-serif; margin-bottom:10px;}


#contact #box-01 .area-01 .linebox .p-01{ font-size:20px; font-weight:bold; margin-bottom:10px; background:url(../images/fusuma/ico-line.webp) left top no-repeat; padding:5px 0px 5px 50px;display:inline-block;}

#contact #box-01 .area-01 .linebox img{ display:block;margin:auto; margin-top:10px; }



#contact .bk-01{ background:#e9e3d0;}
#contact #box-02{}
#contact #box-02 .area-01{ margin-bottom:50px;}
#contact #box-02 .area-01 ul li{ background: url(../images/flow/li.webp) 0 6px no-repeat; padding-left:22px; margin-bottom:10px;}

#contact #box-02 .area-02 .area-mailform{ background:#fff; padding:50px 50px;}
#contact #box-02 .area-02 .area-mailform table{ width:100%; margin-bottom:50px;}
#contact #box-02 .area-02 .area-mailform table td{ padding:20px 8px; vertical-align:middle; border-bottom:#CCC solid 1px;}
#contact #box-02 .area-02 .area-mailform table tr:first-child td{border-top:#CCC solid 1px;}
#contact #box-02 .area-02 .area-mailform table td.td-01{ width:250px; font-size:17px; font-weight:bold; vertical-align:top; font-family:"Zen Maru Gothic", serif;}
#contact #box-02 .area-02 .area-mailform table ul li{ margin-bottom:7px;}
#contact #box-02 .area-02 .area-mailform table ul li:last-of-type{ margin-bottom:0px;}
#con{ margin-bottom:0px;}
#contact #box-02 .area-02 .area-mailform table select{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table input{ padding:3px; font-size:15px;}
#contact #box-02 .area-02 .area-mailform table label img{ display:block; margin:0 auto 3px;}
#contact #box-02 .area-02 .area-mailform table button{}
#contact #box-02 .area-02 .area-mailform .chui{ font-weight:bold; color:#fff; background:#ff3838; font-size:11px; padding:0px 7px; margin-right:7px; position:relative; bottom:3px; float:right;position:relative; top:0px;}
#contact #box-02 .area-02 .area-mailform .chui-01{ float:left;}
#contact #box-02 .area-02 .area-mailform .p-01{ margin-top:5px;}
#contact #box-02 .area-02 .area-mailform .autotext{ margin-bottom:30px;}
#contact #box-02 .area-02 .area-mailform .p-02{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-min{ font-size:14px; letter-spacing:normal; padding-top:5px;}
#contact #box-02 .area-02 .area-mailform .w01{width:98%;}
#contact #box-02 .area-02 .area-mailform .w02{width:43.7%;}

#contact #box-02 .area-02 .area-mailform .kakunin{ background:#F0F7FC; overflow:hidden; padding:5px 5px;margin-bottom:20px; text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-01{}
#contact #box-02 .area-02 .area-mailform .tb-03{ text-align:center; position:relative; left:-30px;}
#contact #box-02 .area-02 .area-mailform .tb-03 .chui{ float:none;}
#contact #box-02 .area-02 .area-mailform .tb-02{ text-align:center;}
#contact #box-02 .area-02 .area-mailform .tb-04{ height:200px;overflow-y:scroll;padding:20px; border:#999 solid 1px; background:#FFF; margin:auto; margin-bottom:50px; }
#contact #box-02 .area-02 .area-mailform .p-03{ font-weight:bold; margin-bottom:10px;}
#contact #box-02 .area-02 .area-mailform .p-04{ font-weight:bold;}
#contact #box-02 .area-02 .area-mailform .p-05{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform .ul-01{margin-bottom:15px;}
#contact #box-02 .area-02 .area-mailform h2{ font-size:22px; font-weight:bold; margin-bottom:5px;}

#contact #box-02 .area-02 .area-mailform .btn{ width:350px; font-size:18px; font-weight:bold; color:#fff;  background:#49b667; text-align:center; box-shadow:0px 5px 0 #3a7650; border:3px solid #3a7650; padding:25px 0; display:block; text-decoration:none; border-radius:50px; box-sizing:border-box; position:relative; transition:0.3s; margin:40px auto 0; cursor:pointer;}
#contact #box-02 .area-02 .area-mailform .btn:hover{ box-shadow:0 1px 0 #3a7650; transform:translateY(5px); opacity:1;}


/*----- よくある質問はこちら(wp) qa -----*/
#qa #box-01{}




/* 必須 */
.accordion-content { display: none; }
/* 装飾用 */
.accordion-header {padding:14px 45px 12px 20px; margin:20px 0 0; transition: background .3s ease; cursor: pointer; position: relative; background:#88814a;border-radius:28px; color:#FFF;font-weight:bold; }

.accordion-header::before, .accordion-header::after { position: absolute; content: ''; top: 1px; right: 20px; bottom: 0; width: 24px; height: 2px; margin: auto; background: #fff; }


.accordion-header::after { transform: rotate(-90deg); transition: transform 0.3s; }
.accordion-header.active::after { transform: rotate(0deg); }
.accordion-content { padding: 12px 20px 10px 45px; margin-left:20px;text-indent:-2.5em; padding-left:2.5em;}
.accordion-header span.s-01, .accordion-content span.s-01 { padding-left:0px; position: relative;text-indent:0em; padding-left:0em;}
.accordion-header span.s-01::before {content: "Q";color:#3e490a; width:30px; height:30px; background:#FFF; border:#e9e3d0 solid 1px; line-height:30px;border-radius:50%; display:inline-block; margin-right:10px;text-align:center; position:relative; top:0px;}


.accordion-content span.s-01::before {content: "A";color:#fff; width:30px; height:30px; background:#d34141;line-height:30px;border-radius:50%; display:inline-block; margin-right:10px; text-align:center; position:relative; top:0px;}
/* hover */
.accordion-header:hover { background-color: #e9e3d0; }


/* ▼ 施工事例一覧カード（一覧用） ▼ */

#case #box-01 .area-01 { overflow: hidden; }
#case #box-01 .area-01 .entry { width: 275px; border: #3e490asolid 1px; border-radius: 20px; background: #FFF; display: inline-block; margin-bottom: 40px; margin-right: 20px; padding-bottom: 20px; vertical-align: top; }
#case #box-01 .area-01 .entry:nth-child(4n) { margin-right: 0; }
#case #box-01 .area-01 .entry a { text-decoration: none; color: #333; }
#case #box-01 .area-01 .entry .inner { padding: 10px; }
#case #box-01 .area-01 .entry .inner .img img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px 15px 0 0; }
#case #box-01 .area-01 .entry .inner .text .p-01 {  font-weight:bold; font-size: 18px; margin-bottom: 10px; }
#case #box-01 .area-01 .entry .inner .text .p-02 { font-weight: bold; margin-bottom: 10px; }
#case #box-01 .area-01 .entry .inner .text table { width: 100%; }
#case #box-01 .area-01 .entry .inner .text table td { padding: 2px 0; font-weight:bold;}
#case #box-01 .area-01 .entry .inner .text table td .p-05 { background: url(../images/common/hli.webp) 0 6px no-repeat; padding-left: 20px; }
#case #box-01 .area-01 .entry .inner .text table td .p-06 { color: #ea0000; font-size: 18px; }

#case .case-category-buttons {width:1200px; margin:auto; margin-bottom: 20px; padding-top:50px;}
#case .parent-group { margin-bottom: 20px; }
#case .parent-title { font-weight: 700; margin-bottom: 10px; font-size:20px;}
#case .child-buttons { display: flex; flex-wrap: wrap; gap: 10px; }
#case .child-buttons li a { display: inline-block; padding: 8px 16px; border: 1px solid #333; border-radius: 20px; text-decoration: none; font-size: 14px; color: #333; transition: .3s; }
#case .child-buttons li a:hover { background: #333; color: #fff; }



#case-detail #box-01 .area-01 { overflow:hidden;}
#case-detail #box-01 .area-01 .tb-02{}
#case-detail #box-01 .area-01 .tb-02 img{}
#case-detail #box-01 .area-01 .tb-01{}

#case-detail #box-01 .p-01{ background:url(../images/common/hli.webp) 0 8px no-repeat; padding-left:20px;font-family: "Mochiy Pop P One", sans-serif; font-size:20px; margin-bottom:10px;}
#case-detail #box-01 .p-06{ color:#ea0000;font-family: "Mochiy Pop P One", sans-serif; font-size:24px;}




/* color:#3e490a;*/


/*▼ブログ共通　bl▼*/
.bl #wrper{width:1024px;margin:auto;overflow:hidden;padding:50px 0 70px;}
/*　左カラム　*/
.bl #mleft{width:680px;float:left;}
.bl #mleft .box{width:680px;padding-top:0;}


/* アーカイブ・カテゴリー */
.bl #mleft .area-01{overflow:hidden;}
.bl #mleft .tb-01{overflow:hidden;clear:both;padding-bottom:30px;margin-bottom:30px;border-bottom:#999 dotted 1px;}
.bl #mleft .tb-01 img{width:170px;height:170px;object-fit:cover;float:left;margin-right:20px;background:#ECECEC;}

.bl #mleft .tb-01 .p-01{font-size:19px;font-weight:bold;margin-bottom:15px;}
.bl #mleft .tb-01 a{font-weight:;color:#d92c68;}
.bl #mleft .tb-01 .p-01 a{font-weight:bold;color:#d92c68;}
.bl #catego-title{position:relative; padding:1rem .5rem;font-size:30px;margin-bottom:30px;font-weight:bold;line-height:1em;}
.bl #catego-title:after{position:absolute;bottom:0;left:0;width:100%;height:5px;content:'';background-image:-webkit-gradient(linear, left top, right top, from(#3e490a), to(#3e490a));background-image:-webkit-linear-gradient(left, #3e490a 0%, #3e490a 100%);background-image:linear-gradient(to right, #3e490a 0%, #3e490a 100%);}




/*▼お知らせ一覧　list▼*/
#list #mleft .box{width:900px; margin-top:30px; margin-bottom:100px;}
#list #mleft #box-01 table{ width:100%;}
#list #mleft #box-01 table td{ padding:20px 0px; border-bottom:#CCC solid 1px;}
#list #mleft #box-01 table td:first-child{ font-weight:bold; width:140px;}
#list #mleft #box-01 table td span{ display:inline-block; background:#98754a; padding:1px 10px 2px; color:#FFF;border-radius:5px; margin-right:10px; font-size:14px;}
#list #mleft #box-01 table td span.recruit{background:#e07233;}
#list #mleft #box-01 table td span.news{background:#090;}

/*　右サイドカラム　*/
#mright{width:270px;float:right;}
#mright .sbox{margin-bottom:40px;}

#mright h2{font-size:19px;font-weight:bold;letter-spacing:normal;padding-bottom:3px;position:relative;margin-bottom:10px;}
#mright h2 span{font-size:14px;font-weight:bold;color:#d92c68;display:inline-block;margin-left:10px;}
#mright h2:before{box-sizing:inherit;display:block;height:1px;position:absolute;content:"";bottom:0;left:0;width:40%;z-index:1;background:#0f2b94;}
#mright h2:after{content:"";bottom:0;left:0;width:100%;background:#ddd;box-sizing:inherit;display:block;height:1px;position:absolute;z-index:0;}


#mright #sbox-01{}
#mright #sbox-01 ul{}
#mright #sbox-01 ul li{overflow:hidden;margin-bottom:7px;}
#mright #sbox-01 ul li a{padding:0px;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-01 ul li .img{width:80px;height:80px;float:left;overflow:hidden;border:1px solid #efefef;box-sizing:border-box;}
#mright #sbox-01 ul li img{width:80px;height:80px;object-fit:cover;float:left;transition:0.3s;}
#mright #sbox-01 ul li p{width:180px;font-size:14px;font-weight:500;color:#555;letter-spacing:normal;display:inline-block;float:right;padding-top:2px;}
#mright #sbox-01 ul li a:hover{opacity:0.9;transition:0.2s;}
#mright #sbox-01 ul li a:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);transition:0.3s;}


#mright #sbox-02{}
#mright #sbox-02 ul{}
#mright #sbox-02 ul li{border-bottom:1px solid #ddd; position:relative;}
#mright #sbox-02 ul li a{background:url(../images/common/ico-f.webp) left 10px top 16px no-repeat;font-size:15px;color:#555;background-size:16px auto;padding:10px 10px 10px 25px;letter-spacing:normal;text-decoration:none;display:block;transition:0.2s;}
#mright #sbox-02 ul li a span{transition:0.2s;}
#mright #sbox-02 ul li a:hover{background-color:#edf8ff;opacity:1;transition:0.2s;}
#mright #sbox-02 ul li a:hover span{padding-left:3px;transition:0.2s;}

#mright #sbox-02 ul li:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;left:12px;border-width:5px 10px;border-style:solid;border-color:transparent;border-left-color:#222;}


/*--------------------------------------------------------------------------------
 * DROPDOWN
--------------------------------------------------------------------------------*/
#mright #sbox-02 .widget_inner .screen-reader-text{display:none;height:50px;}
#mright #sbox-02 .widget_inner .dd_wrap{width:100%;box-sizing:border-box;display:block;border-width:1px;border-style:solid;border-color:#e2e2e2;position:relative;margin-top:20px;}
#mright #sbox-02 .widget_inner select{font:inherit;padding:0 0.625rem;box-sizing:border-box;width:100%;height:46px;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:none;background:none;cursor:pointer;}
#mright #sbox-02 ::-ms-expand{display:none;}
#mright #sbox-02 .widget_inner select:focus{outline:none;}
#mright #sbox-02 .widget_inner label:after{display:block;content:'';width:0;height:0;position:absolute;top:18px;right:12px;border-width:10px 5px;border-style:solid;border-color:transparent;border-top-color:#222;}

/*▼記事詳細ページ　single▼*/
#single .h2-01{font-size:30px;}
#single .date{font-weight:bold;margin-bottom:10px;text-align:right;}
#single #catego-title{margin-bottom:30px;}







.postNavi{overflow:hidden;margin-top:50px;}
.postNavi .prev{display:inline-block;float:left;}
.postNavi .next{display:inline-block;float:right;text-align:right;}

.postNavi a{font-weight:;color:#d92c68;}

.pagination{margin:40px 0 0;text-align:center;}
.pagination .page-numbers{display:inline-block;margin:0 5px;padding:10px 15px;color:#333;border-radius:3px;box-shadow:1px 1px 5px #999;background:#fff;vertical-align:top;}
.pagination .current{padding:10px 15px;background:#d92c68;color:#fff;}
.pagination .prev,
.pagination .next{background:transparent;box-shadow:none;color:#d92c68;}
.pagination .dots{background:transparent;box-shadow:none;}