@charset "utf-8";

/*------------------------------
　共通 表示切替 / 基本文字サイズ
------------------------------*/
body{font-size:14px;}
.sp{display:block;}
.pc{display:none;}
.tel-bana{display:block;padding:0 10px;}

/*------------------------------
　共通パーツ
------------------------------*/
.section-inner{padding:8% 5%;}
.section-title{font-size:26px;letter-spacing:.05rem;line-height:1.5;margin-bottom:26px;}
.section-title .en{font-size:11px;letter-spacing:.15rem;}
.section-title .en::before,.section-title .en::after{width:22px;}
.title-shitatxt{font-size:15px;padding-bottom:20px;}

.catch-txt{font-size:14px;line-height:1.9;padding-bottom:26px;text-align:left;}

.page-head-title{padding:18px;font-size:22px;}
.page-title{font-size:19px;padding:10px;}
.page-midashi{font-size:16px;padding:26px 0 5px;gap:6px;}
.pager{margin:26px auto;max-width:100%;font-size:13px;}
.pager-center{padding:0 10px;}

.more-btn{font-size:16px;padding:10px 26px 8px;margin:20px auto 36px;gap:6px;}
.more-btn::after{width:18px;height:18px;font-size:16px;}

.syosai-bt{font-size:14px;padding:8px 14px;}

.footer-apply{padding:18px;}
.apply-set-waku{padding:20px 10px 16px;}
.apply-midashi{font-size:16px;line-height:1.5;}
.apply-midashi span{font-size:14px;padding:5px 9px;}
.apply-midashi b{font-size:20px;}

.footer-inner{padding:18px 0 0;}

.footer-inner .wrap{display:none;}
.logo-flex{flex-direction:column;gap:10px;padding-bottom:14px;}
.logo-flex .address{border-left:none;border-top:3px solid #dbedb4;padding:10px 0 0;margin-top:0;text-align:center;}
.logo-flex .address p{font-size:13px;}
.footer-inner ul{flex-direction:column;gap:0;padding:0;font-size:13px;}
.footer-inner li{width:100%;padding:12px 20px;border-bottom:1px solid #eee;justify-content:flex-start;}
.copyright{font-size:11px;padding:12px 0;}

@media screen and (max-width:480px){
	.section-title{font-size:22px;margin-bottom:20px;}
	.title-shitatxt{font-size:14px;padding-bottom:16px;}
	.catch-txt{font-size:13px;line-height:1.8;padding-bottom:20px;}

	.page-head-title{padding:16px;font-size:20px;}
	.page-title{font-size:17px;padding:8px;}
	.page-midashi{font-size:15px;}
	.more-btn{font-size:15px;padding:8px 22px 6px;}

	/* お申込みエリア（フッター）*/
	.apply-set-flex{flex-direction:column;gap:14px;padding:0;}
	.apply-set-flex .tel-set,.apply-set-flex .contact-set{flex:none;width:100%;}
	.apply-set-flex .contact-set .contact-btn{height:52px;font-size:16px;}
}

/*------------------------------
　TOPページ
------------------------------*/

/*-- コンセプト --*/
.concept-flex{gap:20px;}
.concept-box{width:calc(50% - 10px);}

@media screen and (max-width:480px){
	.concept-flex{gap:18px;}
}

/*-- 解体メニュー --*/
.plan-dai-fuki{font-size:14px;margin-top:46px;}
.plan-dai-fuki::before,.plan-dai-fuki::after{height:20px;}
.plan-dai-txt{font-size:20px;padding-bottom:20px;}
.plan-dai-txt:before,.plan-dai-txt:after{border-top-width:3px;}

.plan-flex{gap:18px;}
.plan-card{width:calc(33% - 10px);}
.plan-inner{padding:36px 12px 16px;}
.plan-badge{font-size:12px;padding:7px 12px;}
.plan-title{font-size:17px;margin-bottom:10px;}
.plan-price,.plan-note{margin-bottom:6px;}
.plan-price-main .num{font-size:34px;}
.plan-price-main.-mini .num{font-size:30px;}
.plan-price-main .unit-wrap{margin-bottom:4px;}
.plan-price-main .tax{font-size:10px;}
.plan-price-main .unit,.plan-price-main.-mini .unit{font-size:12px;}

.plan-note{font-size:11px;}
.plan-btn{height:42px;font-size:14px;}
.plan-image,.petit-image{margin-bottom:6px;}

.komikomi-wrap{flex-direction:column;margin:26px auto;}
.komikomi-left{border-radius:12px 12px 0 0;padding:12px 20px;font-size:14px;}
.komikomi-right{padding:12px;gap:10px;}
.komikomi-item{font-size:13px;padding:8px 14px 8px 32px;}

.hendo-hosoku{position:static;display:flex;justify-content:center;margin-bottom:-35px;}
.hendo-naiyo{margin:36px auto 60px;}
.hendo-title{font-size:14px;padding-left:30px;}
.hendo-naiyo td,.hendo-naiyo th{padding:8px;font-size:12px;}

.petit-menu-flex{gap:16px;}
.petit-box{width:calc(50% - 8px);padding:8px 8px 16px;}
.petit-title{font-size:15px;}
.petit-title span{font-size:75%;}
.petit-box .num{font-size:13px;}

@media screen and (max-width:480px){
.plan-dai-txt{font-size:18px;}
.plan-card{width:100%;}
.komikomi-left{padding:10px 14px;font-size:13px;}
.komikomi-item{font-size:12px;padding:6px 10px 6px 30px;}
.komikomi-item:before{left:8px;}
.komikomi-item:after{left:13px;}
.petit-menu-flex{gap:8px;}
.petit-box{width:calc(50% - 4px);padding:6px 6px 10px;}
.petit-title{font-size:14px;}
}

/*-- お悩み --*/
.nayami-flex{flex-wrap:wrap;gap:12px;margin-bottom:26px;}
.nayami-box{width:calc(33% - 6px);}

@media screen and (max-width:480px){
	.nayami-box{width:calc(50% - 6px);}
}

/*-- おまかせ --*/
.omakase-flex .pic.maru{border-radius:0;}
.omakase-flex{flex-direction:column-reverse;margin-bottom:36px;text-align:center;}
.omakase-flex .pic{width:100%;margin:0 auto 18px;}
.omakase-flex .pic img{max-height:300px;}
.omakase-flex:nth-child(2){flex-direction:column;}

.omakase-flex .txt p,.omakase-flex .txt p.-left{padding:0;font-size:14px;line-height:1.9;text-align:left;}
.omakase-flex h3{font-size:18px;flex-direction:column;gap:20px;}
.omakase-flex.-top{margin:20px auto;padding:16px 12px;}

/*-- 空き家サポート --*/
.akiya-support{padding:36px 0 0;}
.akiya-support .sec-head{margin-bottom:24px;}
.akiya-support .sec-title{font-size:20px;}
.akiya-support .sec-sub{font-size:11px;}
.akiya-support .sec-lead{font-size:13px;}
.support-flex{gap:16px;}
.support-card{width:calc(50% - 8px);padding-bottom:5px;}
.support-label{font-size:14px;padding:10px 0 0px;}

@media screen and (max-width:480px){
	.akiya-support .sec-title{font-size:18px;}
}

/*-- お申込みへの導線 --*/
.go-apply{padding-top:10px;}
.go-apply .wrap{width:100%;padding:20px 0 0;}
.go-apply p{font-size:14px;}
.go-apply h3{font-size:18px;}
.go-apply h3::before,.go-apply h3::after{height:34px;}
.go-apply .contact-btn{font-size:20px;}

@media screen and (max-width:480px){
	.go-apply h3{font-size:16px;}
}

/*-- 施工事例 --*/
.works-section{padding:20px 0;}
.works-list-flex{gap:20px;margin:0 auto 20px;}
.works-box{width:100%;}
.works-box .title{font-size:15px;}
.works-box .info-box{font-size:11px;}

.works-tabs-waku{padding:14px;}
.works-tabs-title{font-size:13px;}
.works-tabs{gap:8px;flex-wrap:wrap;}
.works-tab{padding:8px 12px;font-size:13px;}

.works-page{padding:0 5%;}
.works-pic-flex{flex-direction:column;gap:10px;}
.works-pic-flex .sankaku{transform: rotate(90deg);}
.works-pic-label{font-size:14px;letter-spacing:.1rem;padding:8px;}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #ccc;border-left:1px solid #ccc;width:100%;}
.spec-item{display:flex;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.spec-item b{width:33.33%;flex-shrink:0;background:#eee;font-weight:500;padding:10px;}
.spec-item p{flex:1;padding:10px;}
.spec-item:only-child{grid-column:1/-1;}
.spec-grid{grid-template-columns:1fr;}

.gallery-viewer{flex-direction:column;}
.gallery-main-view{width:100%;aspect-ratio: 4.5 / 3;}
.gallery-thumb-grid{width:100%;max-width:none;grid-template-columns:repeat(4, 1fr);gap:8px;}

@media screen and (max-width:480px){
	.works-tabs{gap:6px;}
	.works-tab{padding:6px 10px;font-size:12px;}
	.gallery-pic{width:100%;}
}

/*-- お客さまの声 --*/
.voice-section{padding:20px 0;}
.voice-list-flex{gap:20px;margin:0 auto 20px;}
.voice-box{width:100%;}
.voice-box .title{font-size:15px;}

.voice-pic-flex{flex-direction:column;gap:20px;}
.tanto-flex{flex-direction:column-reverse;align-items:center;gap:12px;margin-top:14px;}
.tanto-come{text-align:left;font-size:14px;}
.tanto-come:after{right:auto;bottom:auto;left:50%;top:-14px;transform:translateX(-50%);border-width:0 10px 14px 10px;border-color:transparent transparent #f0f0f0 transparent;}
.tanto-icon{width:100px;}
.voice-waku{margin:20px auto 0;padding:16px;}
.voice-waku p{font-size:14px;}

/*-- スタッフ紹介(TOP) --*/
.staff-list-flex{gap:16px;margin:0 auto 20px;}
.staff-list-flex .staff-box{width:calc(50% - 8px);}
.staff-list-flex .staff-box .name{font-size:13px;padding:8px;}
.staff-list-flex .staff-box .name span{font-size:11px;}

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

/*-- 解体コラム・スタッフブログ --*/
.blog-flex{gap:36px 20px;margin:0 auto 20px;}
.frame-wrap{width:100%;max-width:400px;padding-top:16px;}
.frame-box{width:100%;padding:26px 20px 18px;}
.frame-box p{font-size:14px;}
.frame-title{font-size:16px;margin-bottom:16px;}
.cat-name span{font-size:12px;}
.date{font-size:12px;}

@media screen and (max-width:480px){
	.frame-title{font-size:15px;}
	.frame-box{padding:22px 16px 16px;}
}

/*-- 解体工事の流れ --*/
.flow-section{padding:0 0 20px;}
.flow-flex{gap:20px 16px;}
.flow-box{width:calc(33.333% - 11px);margin-bottom:18px;}
.flow-box:after{display:none;}
.flow-box .flow-title{font-size:15px;padding:10px 0 6px;}
.flow-box p{font-size:12px;}

@media screen and (max-width:480px){
	.flow-box{width:calc(50% - 8px);}
	.flow-box .flow-title{font-size:14px;}
}

/*------------------------------
　下層ページ
------------------------------*/

/* 選ばれる理由(TOP旧パーツ) */
.reason-waku .flex-wrap,.reason-waku .flex-wrap:nth-child(even){display:block;}
.reason-waku .pic{margin-bottom:16px;}
.reason-waku .txt,.reason-waku .flex-wrap:nth-child(even) .txt{text-align:left;}
.reason-waku .reason-midashi{margin-bottom:14px;}
.reason-waku .reason-midashi .count{font-size:32px;}
.reason-waku .reason-midashi b{font-size:17px;}
.reason-waku .reason-midashi b em{font-size:140%;}
.reason-waku p{padding:14px 16px;font-size:13px;line-height:1.8;}

@media screen and (max-width:480px){
	.reason-waku .reason-midashi b{font-size:15px;}
}

/* よくある質問 */
.accordion-area{margin:15px auto;}
.accordion-area .title{font-size:15px;padding:3% 44px 3% calc(3% + 26px);}
.accordion-area section:before{font-size:20px;padding-left:.75rem;}
.accordion-area .title::before,.accordion-area .title::after{width:16px;right:12px;}
.accordion-area .box{padding:4%;}
.accordion-area .box p{font-size:13px;line-height:1.8;}

/* 会社紹介 */
.gaiyo-waku{padding:0;}
.snd-tit{font-size:19px;padding:10px 8px;}
.message-waku{flex-direction:column;gap:16px;margin-bottom:26px;}
.message-waku .txt h3{font-size:16px;}
.message-waku .txt p{font-size:14px;line-height:1.9;}
.message-waku .snd-tit{font-size:18px;}

#com-rinen,#com-shishin,#com-data{padding-bottom:36px;}
.hr-list{gap:10px;}
.hr-list dt{width:30%;font-size:14px;min-height:auto;padding:10px 0 10px 12px;}
.hr-list dt span{font-size:17px;padding-right:8px;}
.hr-list dd{width:calc(70% - 2px);font-size:13px;min-height:auto;padding:10px 0 10px 12px;}

table.dft{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}
table.dft th,table.dft td{padding:10px;font-size:12px;line-height:1.7;}

.staff-flex{gap:16px;margin:0 auto;}
.staff-flex .staff-box{width:calc(50% - 8px);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{display:block;padding:14px 10px 12px;}
.staff-flex .staff-box .name{display:block;font-size:16px;line-height:1.4;margin:0 0 8px;}
.staff-flex .staff-box .name span{font-size:12px;}
.staff-flex .staff-box .syumi{font-size:12px;line-height:1.7;margin:.5em 0 1em -8px;}
.staff-flex .staff-box .come{clear:both;margin-top:10px;padding:12px 10px 10px;font-size:13px;}

@media screen and (max-width:480px){
	.snd-tit{font-size:17px;}
	.message-waku .txt h3{font-size:15px;}

	.hr-list dt,.hr-list dd{width:100%;}
	.hr-list dt{border-radius:8px 8px 0 0;}
	.hr-list dd{border-radius:0 0 8px 8px;margin-bottom:6px;}

	.staff-flex .staff-box{width:100%;}
	.staff-flex .staff-box .pic{width:45%;}
	.staff-flex .staff-box .name{font-size:15px;}
}

/* お問い合わせ */
.tel-set{padding:16px;}
.tel-set a{font-size:32px;}
.tel-set b{font-size:15px;}
.tel-set p{font-size:13px;}
#thx .section-title{padding-top:30px;font-size:24px;}
.thx-come{font-size:14px;}

.post-single-waku{margin:20px auto 0;padding:16px;}
.post-single-info{font-size:12px;justify-content: space-between;}
.post-waku h2{font-size:16px;padding:8px 12px;}
.post-waku h3{font-size:15px;}

@media screen and (max-width:480px){
	.tel-set a{font-size:24px;}
	.tel-zou > div:first-child::before{display:none;}
	.tel-zou .tel-set{padding-left:0;}

	#thx .section-title{font-size:20px;}
}

/* 理由カード(下層ページ) */
.reason-list{padding:0 4% 2rem;}
.reason-item,.reason-item.reverse{flex-direction:column;gap:1rem;padding:1.5rem 0;}
.reason-badge{font-size:11px;padding:8px;}
.reason-item__body h3{font-size:16px;}
.reason-item__body p{font-size:14px;}

@media screen and (max-width:480px){
	.reason-item__body h3{font-size:15px;}
	.reason-item__body p{font-size:13px;}
}
@media (max-width:480px){
.tel-zou .Form{grid-template-columns:1fr;margin:0 auto;}
.tel-zou .Form-Item:nth-child(1),.tel-zou .Form-Item:nth-child(2),.tel-zou .Form-Item:nth-child(3),.tel-zou .Form-Item:nth-child(5),.tel-zou .Form-Item:nth-child(6){grid-column:1;grid-row:auto;}
.tel-zou .Form-Item-Label{padding-bottom:0;}
}