@charset "utf-8";
/* CSS Document */

/*------------------------------
　共通
------------------------------*/
.pc{display: none;}

.-p-t50{padding-top:30px;}
.-p-b50{padding-bottom:30px;}
body{font-size:14px;}
section{text-align:center;}
.-white{background-color:#FFF;}
.section-inner{text-align:center;padding:10px;}
.section-title{font-size:24px;font-weight:bold;color:#66b800;letter-spacing:.05rem;line-height:1.8;margin-bottom:10px;}
.section-title .en{text-transform: uppercase;font-size: 15px;letter-spacing: .3rem;font-family: "Comfortaa", sans-serif; color:#ff513c;
align-items: center;display: flex;justify-content: center;}
.section-title .en::before,.section-title .en::after {background-color: #ff513c;content: "";height: 2px;width: 40px;}
.section-title .en::before { margin-right: 5px;}
.section-title .en::after {margin-left:5px;}
.title-shitatxt{font-size:16px;font-weight:500;padding-bottom:20px;text-align:left;}
.title-shitatxt.-w{color:#FFF;}

.catch-txt{font-size:15px;font-weight:500;line-height:1.8;text-align:justify;}
.catch-txt span{color:#f55a44;font-weight:700;}

.section-title.-w,.section-title.-w .en{color:#FFF;}
.section-title.-w .en::before,.section-title.-w .en::after{background-color: #FFF;}
.section-title.-o{color:#6d3903;}
.section-title.-o .en{color:#76a13d;}
.section-title.-o .en::before,.section-title.-o .en::after{background-color: #76a13d;}

.page-head-title{background-color:#81c146;padding:15px 10px;line-height:1;color:#FFF;font-size:21px;}
.page-title{font-size:18px;font-weight:500;border-bottom:3px solid #81c146;line-height:1.4;padding:25px 0 5px;}
.page-midashi{color:#72b03b;font-size:18px;font-weight:500;display:flex;align-items:center;gap:10px;padding:50px 0 5px;}
.page-midashi:after{content:"";flex:1;border-top:1px solid #81c146}
.pager{display:flex;align-items:center;justify-content:center;margin:50px auto;max-width:400px;transition:.3s;color:#afafaf;font-size:12px;}
.pager-prev,.pager-next{flex:1 1 0;font-size:12px;}
.pager-prev{text-align:left;}
.pager-center{text-align:center;padding:0 20px;}
.pager-next{text-align:right;}
.pager > div:hover{color:#72b03b;}

.more-btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#81c146;border-radius:999px;color:#fff;font-size:16px;font-weight:400;text-decoration:none;box-sizing:border-box;padding:10px 20px 10px;margin:15px auto;
position: relative;transition: .2s ease-in-out;box-shadow: 0 6px #4e732b;top:0;}
.more-btn::after{content:">";display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;background:#fff;border-radius:50%;color:#81c146;font-size:20px;font-weight:800;line-height:1;padding-left:3px;}
.more-btn:hover {box-shadow: 0 0 #4e732b;top: 6px;}

.syosai-bt{display:flex;justify-content:center;align-items:center;gap:10px;width:96%;background:#54ba22;border-radius:999px;color:#fff;font-size:15px;font-weight:400;text-decoration:none;box-sizing:border-box;transition:opacity .3s;padding:6px 18px;line-height:1.2;margin:6px auto;}
.syosai-bt::after{content:">";display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:#fff;border-radius:50%;color:#54ba22;font-size:16px;font-weight:800;line-height:1;}
.syosai-bt:hover{opacity:.85;}

.footer-apply{padding:15px 0px;text-align:center;background-color:#fff9e8;}
.apply-set-waku{max-width:1000px;margin:0 auto;}
.apply-midashi{font-size:20px;color:#433216;}
.apply-midashi span{font-size:18px;padding:8px 10px;line-height:1;border-radius:8px;color:#FFF;background-color:#433216;margin:0 3px;}
.apply-midashi b{font-size:26px;color:#ff371a;font-weight:600;}
.apply-set-flex{display:flex;justify-content:center;align-items:center;padding:0;}
.apply-set-flex .tel-set{flex:1;padding: 20px 15px 0 0;}
.apply-set-flex .tel-set a{font-size:32px;font-family: "Comfortaa", sans-serif;font-weight:700;line-height:1;color:#217bbf;}
.apply-set-flex .tel-set a small{font-size:75%;}
.apply-set-flex .tel-set p{font-size:16px;font-family:initial;font-weight:500;color:#433216;}
.apply-set-flex .contact-set{flex:1;padding: 0 15px;}
.apply-set-flex .contact-set .contact-btn{width: 100%;height: 60px;margin-bottom: 0;font-size:18px;}

footer{text-align:center;}
.footer-inner{background-color:#FFF;padding:10px 0 0;}
.logo-flex{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;}
.logo-flex img{max-width:300px;}
.logo-flex .address{padding:10px 15px;line-height: 1.2;margin-top:15px;}
.logo-flex .address h3{line-height:1;letter-spacing:.1rem;}
.logo-flex .address p{font-size:14px;line-height:1.6;display:flex;flex-direction: column;}

.footer-inner ul{display:none;}
.copyright{background-color:#72b03b;color:#FFF;padding:15px 0;line-height:1.2;}
/*------------------------------
　TOPページ
------------------------------*/
.global-nav li:hover{border-bottom:3px solid #6aa835;padding-bottom: 4px;}
/*-- コンセプト ----*/
.concept-section{padding:30px 0;background-color:#FFF;background-image:url(../../../image/common/concept-waku-bg.svg);background-repeat:no-repeat;background-position:top;background-image:100% auto;}
.concept-flex{max-width:1060px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding-bottom:80px;}
.concept-box{width:calc(50% - 10px);display:block;border-radius:12px;overflow:hidden;transition: transform .3s ease, box-shadow .3s ease;}
.concept-box img{width:100%;height:auto;display:block;}
.concept-box:hover{transform: scale(1.05);
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

/*-- 解体メニュー ----*/
.plan-section{padding:30px 0;background-color:#fcecc5;position:relative;}
.hajikko{position:absolute;left:0;top:-100px;width:150px;}

.plan-dai-fuki{display:flex;justify-content:center;align-items:center;line-height:1;color:#f11f8d;margin-left:-15px;font-size:16px;margin-top:40px;}
.plan-dai-fuki::before,.plan-dai-fuki::after{width:2px;height:28px;content:"";background-color:#f11f8d;}
.plan-dai-fuki::before{margin-right:.5em;transform:rotate(-30deg);}
.plan-dai-fuki::after{margin-left:.5em;transform:rotate(30deg);}
.plan-dai-txt{display:block;font-size:20px;padding-bottom:20px;font-weight:bold;color:#f99015;}
.plan-dai-txt:before,.plan-dai-txt:after{content:"";flex-grow:1;border-top:5px dotted #f99015;}
.plan-dai-txt:before{margin-right:1rem;}
.plan-dai-txt:after{margin-left:1rem;}
.plan-dai-txt span{color:#54ba22;}
.plan-dai-txt span.pink{color:#f11f8d;}

.plan-flex{display:flex;justify-content:center;gap:30px;align-items:flex-start;flex-wrap:wrap;}
.plan-card{width:calc(50% - 16px) !important;padding-top:18px;position:relative;}
.plan-inner{background:#fff;border-radius:16px;padding:46px 16px 18px;box-sizing:border-box;position:relative;}
.plan-badge{position:absolute;top:0;left:50%;transform:translateX(-50%);margin:0;padding:10px 18px;background:#fffbbf;border:3px solid #6b5b27;border-radius:999px;font-size:16px;color:#222;line-height:1.2;z-index:2;white-space:nowrap;}
.plan-badge:before{content:"";position:absolute;bottom:-22px;left:50%;margin-left:-16px;border:12px solid transparent;border-top:12px solid #fffbbf;z-index:2;}
.plan-badge:after{content:"";position:absolute;bottom:-28px;left:50%;margin-left:-18px;border:14px solid transparent;border-top:14px solid #6b5b27;z-index:1;}

.plan-title{margin:0 0 16px;text-align:center;font-size:21px;font-weight:700;line-height:1.2;color:#55b92d;letter-spacing:.04em;}
.plan-image{margin-bottom:10px;}
.plan-image img{display:block;width:100%;height:auto;aspect-ratio:5 / 3;object-fit:cover;}
.plan-price{text-align:center;margin-bottom:8px;}
.plan-price-main{display:flex;justify-content:center;align-items:flex-end;gap:4px;color:#e1261c;line-height:1;position:relative;}
.plan-price-main .num{font-family: "Comfortaa", sans-serif;font-size:50px;font-weight:bold;}
.plan-price-main .unit-wrap{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:6px;}
.plan-price-main .tax{font-size:11px;font-weight:700;color:#333;line-height:1.1;}
.plan-price-main .unit{font-size:18px;font-weight:700;color:#333;line-height:1.1;}
.plan-price-main.-mini{padding-top:20px;}
.plan-price-main.-mini .num{font-size:32px;}
.plan-price-main.-mini .unit{font-size:15px;}
.plan-note{margin:0 0 18px;text-align:center;font-size:14px;color:#999;line-height:1.4;}
.plan-btn{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;background:#54ba22;border-radius:999px;color:#fff;font-size:16px;font-weight:400;text-decoration:none;box-sizing:border-box;transition:opacity .3s;}
.plan-btn::after{content:">";display:inline-flex;justify-content:center;align-items:center;width:20px;height:20px;background:#fff;border-radius:50%;color:#54ba22;font-size:16px;font-weight:800;line-height:1;}
.plan-btn:hover{opacity:.85;}
.-ab{position:absolute;top:0;}

.komikomi-wrap{display:block;background:#FFF;border-radius:12px;margin:40px auto;}
.komikomi-left{background:#268bc3;color:#fff;border-radius:12px 12px 0 0;font-weight:bold;line-height:1.6;display:flex;justify-content:center;align-items:center;padding:10px;font-size:16px;}
.komikomi-right{display:flex;flex-wrap:wrap;gap:10px;flex:1;padding:15px;}
.komikomi-item{background:#fffbbf;padding:6px 12px 6px 30px;border-radius:999px;font-size:14px;position:relative;line-height:1.2;}
.komikomi-item:before{content:"";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#f0933a;border-radius:50%;}
.komikomi-item:after{content:"✓";position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:10px;font-weight:bold;}

.hendo-hosoku{margin-bottom:-2%;}
.hendo-hosoku img{width:100%;}
.hendo-naiyo{margin:100px auto 40px;border-radius:12px;position:relative;}
.hendo-title{background:#f55a44;color:#fff;font-weight:bold;line-height:1.6;font-size:16px;padding:10px;letter-spacing:.1rem;border-radius:10px 10px 0 0 ;}
.hendo-naiyo table{background:#FFF;}
.hendo-naiyo tr{}
.hendo-naiyo td,.hendo-naiyo th{padding:8px 10px;border-bottom:1px dashed #d3a69f;}
.hendo-naiyo tr:last-child td ,.hendo-naiyo tr:last-child th{border-bottom:none;}
.hendo-naiyo th{width:30%;text-align:center;background-color: #fee9e9;}

.petit-menu-flex{display:flex;justify-content:center;align-items: stretch;gap:20px 10px;flex-wrap:wrap;}
.petit-box{width:calc(50% - 10px);background-color:#FFF;border-radius:12px;padding:10px; display: flex;flex-direction: column;justify-content: space-between;}
.petit-title{font-size:18px;font-weight:500;text-align:center;line-height:1.2;padding-bottom:5px;flex:1; display: flex;flex-direction: column; align-items: center;justify-content: center;}
.petit-title span{display:block;font-size:14px;}
.petit-image{margin-bottom:10px;}
.petit-image img{display:block;width:100%;height:auto;aspect-ratio:5 / 3;object-fit:cover;}
.petit-box .num{color:#f11f8d;}

.nayami-flex{display:flex;justify-content:center;align-items:flex-start;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.nayami-box{width:calc(33% - 8px);background-color:#fef9e9;border-radius:12px;}
.nayami-box img{width:100%;height:auto;}

@media screen and (max-width:480px){
	.plan-card{width:100% !important;}
	.nayami-box{width:calc(50% - 8px);}	
}

.omakase-bg{background-color:#FFF;}
.omakase-flex{display:flex;align-items: center;justify-content: space-between;margin-bottom:40px;flex-direction:column-reverse;}
.omakase-flex:nth-child(2){flex-direction:column;}
.omakase-flex .pic{width:100%;}
.omakase-flex .pic.maru{}
.omakase-flex .pic img{width:100%;height:auto;}
.omakase-flex .txt{flex:1;}
.omakase-flex .txt p{text-align:justify;font-size:16px;line-height:2;}
.omakase-flex .txt p.-left{}
.omakase-flex h3{display:flex;flex-direction:column;align-items:center;font-size:21.5px;text-align:left;color:#f11f8d;margin-bottom:10px;color:#413218;line-height:1.8;}
.omakase-flex h3 .wrap{width:100%;}
.omakase-flex h3 span{color:#f55a44;}
.omakase-flex h3 img{max-width:50%;}

.omakase-flex.-top{max-width:1100px;margin: 30px auto;background-color: #FFF;padding: 20px 10px;border-radius: 12px;}

/*-- 空き家・古家サポート ----*/
.akiya-support{padding:60px 0 30px;background:#f2f2f2;}
.akiya-support .sec-head{text-align:center;margin-bottom:42px}
.akiya-support .sec-title{margin:0 0 8px;font-size:26px;font-weight:700;line-height:1.4;color:#5fb52d}
.akiya-support .sec-sub{margin:0 0 18px;font-size:12px;font-weight:700;letter-spacing:.18em;color:#f57f17}
.akiya-support .sec-lead{margin:0;font-size:15px;line-height:2;color:#555}
.support-flex{max-width:1100px;margin:0 auto;display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:15px;}
.support-card{display:block;width:calc(50% - 8px);border-radius:12px;overflow:hidden;background-color:#FFF;padding:8px;color:#453114;border:3px solid #66b800;}
.support-label{display:block;text-align:center;padding:15px 0 5px;font-size:16px;line-height:1.2;font-weight:700;letter-spacing:.05rem;}
.support-img{aspect-ratio: 1 / .8;}
.support-img img{width:100%;height:100%;object-fit:cover}

.go-apply{max-width:1100px;margin:0 auto;display:flex;justify-content:center;text-align:center;padding-top:20px;}
.go-apply .wrap{width:70%;padding:40px 20px 0;}
.go-apply p{font-size: 21px;font-weight: 500;}
.go-apply h3{font-size: 26px;font-weight: 700;color:#ff513c;}
.go-apply h3{display:flex;justify-content:center;align-items:center;line-height:1;}
.go-apply h3::before,.go-apply h3::after{width:2px;height:50px;content:"";background-color:#ff513c;}
.go-apply h3::before{margin-right:.5em;transform:rotate(-30deg);}
.go-apply h3::after{margin-left:.5em;transform:rotate(30deg);}
.go-apply .contact-btn{display:block;font-size:26px;width:100%;}

/*-- 施工事例 ----*/
.works-section{padding:30px 0;background-color:#fff;position:relative;}
.works-list-flex{display:flex;justify-content:center;align-items:flex-start;gap:30px;margin: 0 auto 10px;flex-wrap:wrap;}
.works-box{width:calc(50% - 16px);background-color:#FFF;border:3px solid #453114;text-align:center;border-radius:12px;}
.works-box .title{background-color:#453114;color:#FFF;padding:8px 6px;line-height:1.4;border-radius:9px 9px 0 0;font-size:16px;}
.works-box .pic{width:100%;aspect-ratio: 5 / 3;overflow:hidden;padding:10px 10px 0;}
.works-box .pic img{width:100%;height:100%;object-fit:cover;}
.works-box .info-flex{display:flex;justify-content:flex-start;padding:7px 10px 0;gap:12px;}
.works-box .info-box{width:calc(33% - 7px);border:2px solid;font-size:14px;font-weight:400 !important;}
.works-box .info-box b{display:block;width:100%;background-color:#453114;color:#FFF;text-align:center;font-size:14px;font-weight:400 !important;}
.works-box .info-box p{text-align:center;}

@media screen and (max-width:480px){
	.works-box{width:100%;}
}

.works-tabs-waku{margin:0 auto 30px;background-color:#f0f0f0;padding:10px;}
.works-tabs-title{background-color:#b0884e;color:#FFF;font-size:16px;padding:5px;letter-spacing:.2rem;}
.works-tabs{display:flex;justify-content:center;gap:1vw;margin:15px auto 0;padding:0;list-style:none;flex-wrap:wrap;}
.works-tabs li{width: calc(33% - 1vw);}
.works-tab{width:100%;border:2px solid #453114;background:#fff;color:#453114;padding:8px 2vw;cursor:pointer;border-radius:999px;}
.works-tab.is-active{background:#453114;color:#fff;border-color:#453114}


.works-page{padding:0;}
.works-pic-flex{display:flex;align-items:center;flex-direction:column;}
.works-pic{flex:1;}
.works-pic .pic{width:100%;aspect-ratio: 4.5 / 3;overflow:hidden;}
.works-pic .pic img{width:100%;height:100%;object-fit:cover;}
.works-pic-label{background-color:#b0884e;color:#FFF;padding:10px;font-size:16px;letter-spacing:.3rem;line-height:1.2;}
.spec-table{width:100%;border-collapse:collapse;}
.spec-table th,.spec-table td{border:1px solid #ccc;padding:10px;text-align:left;vertical-align: middle;}
.spec-table th{background:#eee;width:18%;font-weight:500;line-height:1.4;}
.works-pic-flex .sankaku img{transform: rotate(90deg);}

.gallery-flex{display:flex;flex-wrap:wrap;gap:16px}
.gallery-pic{width:calc((100% - 32px)/3)}
.gallery-thumb{display:block;width:100%;aspect-ratio:4.5/3;padding:0;border:none;background:#f5f5f5;overflow:hidden;cursor:pointer;position:relative}
.gallery-thumb img{display:block;margin:auto}
.gallery-thumb img.is-landscape{width:100%;height:100%;object-fit:cover}
.gallery-thumb img.is-portrait{width:auto;height:100%;max-width:none}

.gallery-modal{position:fixed;inset:0;z-index:9999;display:none}
.gallery-modal.is-open{display:block}
.gallery-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.gallery-modal-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px}
.gallery-main{max-width:min(90vw,1200px);max-height:90vh;display:flex;align-items:center;justify-content:center}
.gallery-main img{display:block;max-width:100%;max-height:90vh;width:auto;height:auto;box-shadow:0 0 20px rgba(0,0,0,.3)}
.gallery-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:24px;line-height:1;cursor:pointer}
.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border:none;background:rgba(255,255,255,.15);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.gallery-prev{left:20px}
.gallery-next{right:20px}
body.gallery-modal-open{overflow:hidden}

@media screen and (max-width:767px){
.gallery-flex{gap:10px}
.gallery-pic{width:calc((100% - 10px)/2)}
.gallery-modal-inner{padding:20px 10px}
.gallery-main{max-width:calc(100vw - 80px)}
.gallery-nav{width:44px;height:44px;font-size:26px}
.gallery-prev{left:10px}
.gallery-next{right:10px}
.gallery-close{top:10px;right:10px;width:40px;height:40px;font-size:22px}
}

.works-no-post{padding:30px 0;}
.works-tab.is-disabled{background:#ccc;color:#888;cursor:not-allowed;opacity:0.6;}

/*-- お客さまの声 ----*/
.voice-section{padding:30px 0;position:relative;}
.voice-list-flex{display:flex;justify-content:center;align-items:flex-start;gap:20x;margin: 0 auto 30px;flex-wrap:wrap;}
.voice-box{width:100%;background-color:#FFF;border:3px solid #453114;text-align:center;border-radius:12px;}
.voice-box .title{color:#453114;padding:8px 6px;line-height:1.4;font-size:16px;}
.voice-box .pic{width:100%;aspect-ratio: 5 / 3;overflow:hidden;padding:10px 10px 0;}
.voice .pic img{width:100%;height:100%;object-fit:cover;}

.tanto-flex{max-width:1100px;margin:0 auto 30px;display:flex;align-items:flex-end;gap:20px;}
.tanto-come{position:relative;background:#f0f0f0;padding:18px 20px;border-radius:16px;line-height:1.8;flex:1;text-align:left;}
.tanto-come:after{content:"";position:absolute;right:-14px;bottom:22px;border-width:10px 0 10px 14px;border-style:solid;border-color:transparent transparent transparent #f0f0f0;}
.tanto-icon{width:150px;aspect-ratio:1/1;border-radius:50%;overflow:hidden;flex:none;}
.tanto-icon img{width:100%;height:100%;object-fit:cover;display:block;}
.voice-waku{max-width:1100px;margin:30px auto 0;text-align:left;padding:30px;border: 2px solid #f0f0f0;border-radius: 12px;}
.voice-waku:after{content:"";display:block;clear:both;}
.voice-waku p{line-height:2;}
.voice-pic{padding:.5em 1.5em 1em 0;max-width:50%;float:left;}

/*-- スタッフ紹介 ----*/
.blue-section{background-color:#00BCD4;padding:0px 0 30px;position:relative;}
.staff-list-flex{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin: 0 auto 10px;flex-wrap:wrap;}
.staff-list-flex .staff-box{width:calc(50% - 10px);background-color:#FFF;text-align:center;border-radius:12px;overflow:hidden;}
.staff-list-flex .staff-box .name{line-height:1.2;padding:10px;}
.staff-list-flex .staff-box .name span{display:block;font-size:14px;padding-bottom:6px;color:#647c8a;}

/*-- 解体コラム・スタッフブログ ----*/
.blog-section{background-color:#FFF;padding:0px 0 30px;position:relative;}
.blog-flex{display:flex;justify-content:center;align-items:flex-start;gap:20px;margin: 0 auto 30px;flex-wrap:wrap;}
.frame-wrap{position:relative;width:calc(50% - 24px);padding-top:20px;}
.frame-wrap .pin{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:40px;background:url(../../../image/common/pin.png) no-repeat center/contain;z-index:10;pointer-events:none;}
.frame-box{display:block;position:relative;width:100%;padding:20px 15px 10px;margin:0 auto;border-top:2px solid #333;background:#fff;transform-origin:50% -18px;transition:transform .35s ease;}
.frame-wrap:hover .frame-box{transform:rotate(8deg);}
.frame-box h2{}
.frame-box p{text-align:justify;margin-bottom:1rem;}
.cat-name{text-align:left;}
.cat-name span{font-size:12px;color:#fff;line-height:1;padding:6px 12px;}
.cat-name span.column{background-color:#268bc3;}
.cat-name span.blog{background-color:#df6145;}
.date{text-align:left;font-family:"Comfortaa",sans-serif;padding:0 6px;}
.frame-box::before{content:"";position:absolute;top:0;left:0;width:80px;height:80px;border-left:2px solid #333;}
.frame-box::after{content:"";position:absolute;top:0;right:0;width:80px;height:60%;border-right:2px solid #333;}
.frame-box p::before{content:"";position:absolute;bottom:0;left:0;width:60%;height:60%;border-bottom:2px solid #333;border-left:2px solid #333;}
.frame-box p::after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;background:url(../../../image/common/dogear.png) no-repeat;}
.frame-title{text-align:center;font-weight:bold;font-size:16px;position:relative;margin-bottom:15px;}
.frame-title::after{content:"";display:block;width:120px;height:3px;margin:10px auto 0;}
.frame-title.-column::after{background:#9fd8fd;}
.frame-title.-blog::after{background:#fed073;}

@media (max-width: 480px){
.frame-wrap{width:calc(100% - 24px);}
}
/*-- 解体工事の流れ ----*/
.flow-section{padding:0px 0 30px;position:relative;}

.flow-flex{display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-start;max-width:1280px;position:relative; margin: 0 auto; gap: 10px;}
.flow-box{width:100%; display: flex;justify-content: space-between;margin-bottom:20px;position:relative;gap:15px;}
.flow-box .pic img{width:100%;height:auto;}
.flow-box .wrap{flex:1;background-color:#FFF;border-radius:12px;}
.flow-box .flow-title{font-size:14px;font-weight:700;line-height:1.4;padding:0 0 10px;}
.flow-box p{font-size:14px;text-align:justify;line-height:1.6;flex:1;flex:1.5;}

.flow-box:after{content:"";background-image:url(../../../image/flow/flow-sankaku.svg);width:16px;height:20px;background-repeat:no-repeat;background-position:center;display:block;position:absolute;left:calc(20% - 8px);bottom:-25px;background-size:cover;transform: rotate(90deg);}
.flow-box:nth-child(9)::after{display:none;}
/*------------------------------
　下層ページ
------------------------------*/
/* 選ばれる理由 */
#reason{background-image:url(../../../image/common/concept-waku-bg.svg);background-repeat:no-repeat;background-position:center 100px;}
.reason-waku .flex-wrap{display:flex;justify-content:space-between;gap:50px;margin-bottom:20px;align-items:center;}
.reason-waku .pic{flex:1;}
.reason-waku .pic img{width:100%;height:auto;display:block;border-radius:12px;}
.reason-waku .txt{flex:1.4;text-align:left;}
.reason-waku .flex-wrap:nth-child(even){flex-direction:row-reverse;}
.reason-waku .flex-wrap:nth-child(even) .txt{text-align:right;}
.reason-waku .reason-midashi{display:inline-flex;align-items:center;gap:8px;position:relative;margin-bottom:18px;vertical-align:top;}
.reason-waku .reason-midashi:after{content:"";position:absolute;left:18px;top:100%;border:16px solid transparent;border-top:0;border-bottom:30px solid #fffcf4;}
.reason-waku .reason-midashi .count{font-size:32px;line-height:1;font-family:"Comfortaa",sans-serif;font-weight:bold;color:#ff513c;flex:none;}
.reason-waku .reason-midashi b{font-size:19px;line-height:1.4;display:block;text-align:left;}
.reason-waku .reason-midashi b span{color:#ff513c;}
.reason-waku .reason-midashi b em{font-size:160%;padding-right:8px;}
.reason-waku p{line-height:2;padding:15px 20px;background-color:#fffcf4;border-radius:12px;text-align:justify;margin:0;}
.reason-waku p b{border-bottom:2px dotted #FF9800;padding-bottom:3px;font-weight:500;}
@media(max-width:767px){
.reason-waku .flex-wrap,.reason-waku .flex-wrap:nth-child(even){display:block;}
.reason-waku .pic{margin-bottom:20px;}
.reason-waku .txt,.reason-waku .flex-wrap:nth-child(even) .txt{text-align:left;}
}

/* よくある質問 */
#faq{background:
url(../../../image/common/bg-dotto_01.svg) no-repeat right 100px,
url(../../../image/common/bg-dotto_02.svg) no-repeat left bottom,
#ededed;}

.accordion-area{
	text-align:left;
    list-style: none;
    width: 100%;
    max-width: 1100px;
    margin:15px auto;
}

.accordion-area li{ margin: 15px 0;}
.accordion-area section {
  border: 1px solid #ccc;
  background-color: #FFF;
  position: relative;
	text-align:left;
	border-radius:10px;
}

.accordion-area .title {
    position: relative;
    cursor: pointer;
    font-weight: 500;
	font-size: 16px;
	line-height:1.5;
    padding: 2% 50px 2% calc(2% + 30px);
    transition: all .5s ease;
}
.accordion-area section:before{content: "Q";padding-top: 0;padding-left: 10px; position: absolute;color: #86c04d;font-size:24px;font-weight: 700;font-family: "Comfortaa", sans-serif;}

/*アイコンの＋と×*/
.accordion-area .title::before,
.accordion-area .title::after{
    position: absolute;
    content:'';
    width: 20px;
    height: 2px;
    background-color: #51362b;top: 15px;right: 10px;
}
.accordion-area .title::before{transform: rotate(0deg);}
.accordion-area .title::after{transform: rotate(90deg);}
.accordion-area .title.close::before{transform: rotate(45deg);}
.accordion-area .title.close::after{transform: rotate(-45deg);}

.accordion-area .box {
    display: none;
    background: #f6f6f6;
  margin:0 2% 2% 2%;
    padding: 2%;
}
.accordion-area .box p{
	font-size: 14px;
	line-height:1.8;
    padding: 0;
}
.accordion-area .box a{font-weight: 700;padding: 0 3px 3px;border-bottom: 2px dotted #3a7abd;transition: .2s;}
.accordion-area .box a:hover{color: #3a7abd;}

/* 会社紹介 */
#company{background-color:#FFF;}
.gaiyo-waku{max-width:1100px;margin:0 auto;}
.snd-tit{margin:30px auto;font-size:22px;font-weight:800;transform:rotate(0.05deg);line-height:1.4;border-radius:30px;padding:12px 8px;text-align:center;position:relative;}
.snd-tit::before{display:block;content:"";width:80px;height:6px;border-radius:3px;background:#f55a44;position:absolute;top:-20px;left:calc(50% - 40px);}
.box-clm{background:#f5f5f5;border-radius:15px;padding:20px 15px;}
.box-clm [data-role=snd-tit]{font-size:22px;font-weight:800;transform:rotate(0.05deg);text-align:center;color:#ff5e43;}

#com-rinen,#com-shishin,#com-data{padding-bottom:30px;}
#com-rinen p{line-height:2;text-align:justify;margin:0 0 0 0;}
#com-rinen p + p{margin-top:.75em;}
#com-rinen p b{font-weight:600;display:inline-block;margin:.75em 0;border-bottom:2px dotted #ff5e43;line-height:1.5;}
#com-rinen p span.flex{display:flex;justify-content:flex-start;gap:.6em;}
#com-rinen p span.wrap{line-height:1.2;padding:.6em 1em;background-color:#FFF;border-radius:8px;}
.hr-list{}
.hr-list dt,.hr-list dd{}
.hr-list dt{border-radius:8px 8px 0 0;padding:8px 10px;background:#ff5e43;color:#fff;width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;font-size:18px;letter-spacing:1px;line-height:1;}
.hr-list dt span{padding-right:12px;font-family:"Roboto",sans-serif;font-size:24px;font-weight:700;}
.hr-list dd{border-radius:0 0 8px 8px;text-align:justify;background:#fff0d1;width:100%;padding:8px 10px;margin-bottom:20px;}

table.dft{width:100%;border-top:solid 1px #999;border-left:solid 1px #999;}
table.dft th,table.dft td{padding:1rem .5rem;line-height:2;border-right:solid 1px #999;border-bottom:solid 1px #999;vertical-align:middle;}
table.dft th{background:#f6f6f6;text-align:left;font-weight:normal;line-height:1.2;}

.staff-flex{display:flex;justify-content:center;align-items:flex-start;gap:30px;margin: 0 auto 30px;flex-wrap:wrap;}
.staff-flex .staff-box{width:calc(50% - 15px);background-color:#FFF;text-align:center;border-radius:12px;overflow:hidden;;display:block;}
.staff-flex .staff-box .pic{width: 40%;aspect-ratio: 1.1 / 1;overflow: hidden; float: left;margin: 3%;}
.staff-flex .staff-box .staff-info{text-align:left;display:block;padding:18px 10px 14px;}
.staff-flex .staff-box .name{display:block;font-size:24px;line-height:1.4;margin:0 0 15px;font-weight:600;}
.staff-flex .staff-box .name span{display:block;font-size:15px;color:#647c8a;font-weight:400;}
.staff-flex .staff-box .syumi{margin:.75em 0 1.5em -8px;text-indent:-.5rem;line-height:1.4;}
.staff-flex .staff-box .come{padding:15px 10px 10px;background-color:#f0f0f0;border-radius:8px;clear:both;margin-top:14px;padding:15px 14px 14px;}



/* お問い合わせ */
#apply,#thx{background-color:#fff9e8;}
#apply .section-inner{padding-bottom:0;}
#apply .tel-set{margin:30px auto 0;width:740px;aspect-ratio: 4 / 1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(../../../image/common/apply-tel-bg.svg);background-repeat:no-repeat;background-size:cover;padding-left:50px;}
#apply .tel-set a{font-size:32px;font-family: "Comfortaa", sans-serif;font-weight:700;line-height:1;color:#217bbf;padding-top:40px;}
#apply .tel-set a small{font-size:75%;}
#apply .tel-set p{font-size:16px;font-family:initial;font-weight:500;color:#433216;}
	
#thx .section-title{padding-top:40px;font-size:24px;}
.thx-come{text-align:justify;line-height:2;padding:20px 10px 50px}

.post-single-waku{max-width: 1100px;margin: 30px auto 0;text-align: left;padding: 15px 10px 20px;border: 2px solid #f0f0f0;border-radius: 12px;}
.post-single-info{display:flex;justify-content:flex-end;gap:10px;align-items:baseline;}
.post-single-info .date{padding:0 0 0 0 ;line-height:1;letter-spacing:.05rem;font-size:13px;}
.page-title.-blog{border-color:#fed073;}
.page-title.-column{border-color:#9fd8fd;}
.post-waku h2{font-size:16px;padding:8px 16px 8px 12px;background-color:#f0f0f0;border-left:4px solid #86c04d;font-weight:500;margin-top:1.5em;}
.post-waku h3{font-size:15px;border-bottom:2px solid;}
	

@media screen and (max-width:480px){
.staff-flex .staff-box{width:100%;display:block;}
}