@media screen and (min-width:769px) {
/*--------------- 	PCでの非表示コンテンツ ---------------*/
#navbtn{
	display:none;
}
#smart_nav{
	display:none;
}
h2.smart_h2, #about img.smart_image{
	display:none;
}
#toiawase_smart{
	display:none;
}
.syatyou2_smart{
	display:none;
}
#flow .flow_main_smart{
	display:none;
}

#flow_main .flow_main_smart, #flow_main .br_sp{
	display:none;
}
#flow_main .dash_line_sp{
	display:none;
}
#policy h2.smart{
	display:none;
}
#policy h2.smart_anshin,#policy .sp_img,#policy .anshin_box .mado3{
	display:none;
}	
/* ここから追記　*/
#about_main .jigyou_img_smart{
	display:none;
}
/* ここまで追記　*/
/* ここから追記　*/

#company_main #company_tablesmart{
	display:none;
}
#company_main .com_linesmart{
	display:none;
}
/* ここまで追記　*/
/*---※※min-width:769px 閉じかっこ※※------------*/
}
/*---※※min-width:769px 閉じかっこ※※------------*/


/*--------------- 	1080px以下での調整必要なコンテンツ ---------------*/
@media screen and (max-width:1080px) {

#sekou .syatyou2{
	position:absolute;
	right:4vw;
	top:87px;
	width:200px;
	z-index:1;
}

#voice .voice_item_box02, #voice .voice_item_box03, #voice  #item_inner{
	background-size:100% 100%;
	padding:50px 50px 50px 30px;
}
#voice div#voise_item01{
	margin-top:0;
}
/* ここから追記　*/
#about_main .color_contents #inner_box{
	padding:30px;
}
#about_main .jigyou_box{
	margin:30px auto 100px auto;
}
#about_main .jigyou_img{
	width:60%;
}

#about_main .jigyou_main{
	padding:35px;
	line-height:2.4rem;
	width:65%
}
/* ここまで */
/*---べっぴん解体とは　調整-----------*/
#policy .box01{
	height:145px;
	width:55%;
	left:50px;
	position:absolute;
	top:30px;
}
#policy .box01 h2{
	background:url(../img/greenline.png) center bottom repeat-x;
	margin-top:70px;
}

#policy .box02{
	background-color:#e9ebec;
	height:145px;
	width:140px;
	right:50px;
	position:absolute;
	top:30px;
}

#policy .main_area{
	padding:100px 40px;
	margin:0;
}
#policy .anshin_box{
	margin:0 0 50px 0;
	padding:0;
	position:relative;
	z-index:5;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
#policy .anshin_waku{
	position:relative;
	z-index:10;
	text-align:left;
	padding:20px;
	border-radius:30px;
	border:5px solid #82b244;
	background:#fff;
	width:60%;
}
#policy .anshin_title img{
	width:50px;
	margin-right:10px;
}

#policy .anshin_title{
	font-size:2.6rem;
	margin-bottom:20px;
}

#policy .anshin_box .anshin_img{
	width:40%;
}
#policy .anshin_box .anshin_img img{
	width:95%;
}
#policy .anshin_box .img01{
	padding-left:0;
}

/*　お問い合わせフォーム
---------------------------------------------------------*/
#contact .form_dl dt {
	width: 50%;
}
#contact .form_dl dd {
	width: 50%;
}

/*　施工事例一覧
---------------------------------------------------------*/
#works h2 {
	margin-bottom: 175px;
}
#works .works_top {
	width: 280px;
	top: 158px;
	left: 65px;
}

/*---※※max-width:1080px 閉じかっこ※※------------*/
}
/*---※※max-width:1080px 閉じかっこ※※------------*/





@media screen and (max-width:768px) {
/*--------------- スマホでの非表示コンテンツ ---------------*/
header .top_line ul, header .hours, header #top_right{
	display:none;
}
nav#main_nav,.pagetop{
	display:none;
}
#about h2{
	display:none;
}
#mitsumori{
	display:none;
}
.syatyou2{
	display:none;
}
#flow .flow_main{
	display:none;
}

#flow_main .flow_main{
	display:none;
}
#flow_main .br_sp{
	display:none;
}
#flow_main h3.dash_line{
	display:none;
}
#policy h2.pc{
	display:none;
}
#policy h2.pc_anshin{
	display:none;
}
/* ここから追記　*/
#about_main .jigyou_img{
	display:none;
}
/* ここから追記　*/
#company_main .greeting_ore{
	font-size: 19px;
}
#company_main p.greeting_p {
    text-align: left;
    margin-top: 7px;
}
p.greeting_p br {
    display: none;
}
#company_main #company_table{
	display:none;
}
#company_main .com_line{
	display:none;
}
/*--------------- 全体の設定 　---------------*/
body{
	font-size:1.6rem;
	line-height:3.2rem;
}
#title_box{
	margin:90px 40px 0 40px;
}

/*--------------- お問い合わせ固定バー ---------------*/

#toiawase_smart {
	display:block;
	position:fixed;
	z-index:999;
	left:0;
	bottom:-190px;
	width:100%;
	height:250px;
	font-weight:700;
	font-size:1.8rem;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	background:url(../img/flower01.png) left 23% top 10px /50px 30px no-repeat #f9f6ef;
	padding-top:15px;
	transition:all 0.5s ease;
}
/*
.tab_open{
	bottom:-190px!important;
}*/
#toiawase_smart .allow{
	position:absolute;
	top:15px;
	right:7%;
	height:20px;
	width:20px;
	border:2px solid #d4364d;
	border-radius:10px;
}

#toiawase_smart .allow span{
	position:absolute;
	height:2px;
	background-color: #d4364d;
	width:7px;
	top:7px;
	left:6px;
	transform:rotate(45deg);
}
#toiawase_smart .allow span:nth-child(2){
	position:absolute;
	height:2px;
	background-color: #d4364d;
	width:7px;
	top:7px;
	left:3px;
	transform:rotate(-45deg);
}

/*　矢印を×に　ここから*/
#toiawase_smart .allow_open{
	position:absolute;
	top:-35px;
	right:7%;
	height:40px;
	width:40px;
	border:none;
	background:#f9f6ef;
	border-radius:5px 5px 0 0;
	z-index:-100;
	box-shadow: 0px -3px 3px 0px rgba(0, 0, 0, 0.10);

}
#toiawase_smart .allow_open span{
	position:absolute;
	height:4px;
	background-color: #d4364d;
	width:20px;
	top:17px;
	left:10px;
	transform:rotate(45deg);
}
#toiawase_smart .allow_open span:nth-child(2){
	position:absolute;
	height:4px;
	background-color: #d4364d;
	width:20px;
	top:17px;
	left:10px;
	transform:rotate(-45deg);
}
/*　矢印を×に　ここまで*/

div.toiawase_open{
	bottom:0px!important;

}
#toiawase_smart .estimate{
	border-radius:10px;
	color:#fff;
	font-weight:700;
	font-size:1.8rem;
	height:80px;
	margin:20px 15px 0 15px;
	width:calc(100% - 30px);
	background:#ec6d45 url(../img/smart/mail.png) left 15% top 50% / 30px 30px no-repeat;
}
#toiawase_smart .tel{
	border-radius:10px;
	color:#fff;
	font-weight:700;
	font-size:1.6rem;
	height:80px;
	margin:10px 15px 0 15px;
	width:calc(100% - 30px);
	line-height:2rem;
	background:#82b244 url(../img/contact_section_tel_white.png) left 12% top 50% / 40px 40px no-repeat;
}
#toiawase_smart .tel p{
	margin:0;
	padding:0;
	text-align:left;
}
#toiawase_smart .tel p span{
	color:#fff;
	font-size:2.4rem;
}
#toiawase_smart .estimate a,#toiawase_smart .tel a{
	color:#fff;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;	
	justify-content:center;
}

/*--------------- ヘッダー ---------------*/
header .top_line{
	height:22px;
	background-size:auto 22px;
	padding-top:0;
	z-index:100;
}
header .top_line .sub_ms{
	position:relative;
	margin-left:0;
	font-size:1.2rem;
	height:22px;
	line-height:22px;
	text-align:center;
	z-index:110;
}
header .top_line .top_illust01{
	top:0px;
	left:0px;
	width:50px;
	transform: scale(-1, 1);
	z-index:1;
}
header .top_line .top_illust02{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	z-index:1;
}
header .top_line .top_illust03{
	position:absolute;
	top:28px;
	left:auto;
	right:60px;
	width:40px;
	z-index:1;
}
header #logo{
	margin-left:5px;
	height:50px;
}
header #logo img{
	margin-top:10px;
	width:180px;
	height:auto;
}
header{
	position:fixed;
	width:100%;
	height:70px;
	top:0;
	left:0;
	z-index:1000;
	background:#fff;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}
.logo_bar{
	height:50px;
}
/*--------------- ハンバーガーメニュー ---------------*/
#navbtn{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:5px;
	right:5px;
	z-index:1500;

}
#navbtn span{
	width:40px;
	height:4px;
	background:#e93e34;
	position:absolute;
	transition:all 0.5s ease;
}
#navbtn span:nth-child(1){
	left:5px;
	top:22px;
}
#navbtn span:nth-child(2){
	left:5px;
	top:32px;
}
#navbtn span:nth-child(3){
	left:5px;
	top:42px;
}
#navbtn p{
	position:absolute;
	left:5px;
	top:43px;
	margin:0;
	padding:0;
	color:#e93e34;
	text-align:center;
	font-weight:700;
	transition:all 0.5s ease;
	font-size:1.3rem;
	line-height:2.8rem;
	width:40px;
}
#navbtn.open{
	top:2px;
}
#navbtn.open span{
	background-color:#fff;
}
.open span:nth-child(1){ 
	transform:translateY(10px) rotate(45deg);
}
.open span:nth-child(2){
	opacity:0;
}
.open span:nth-child(3){
	transform:translateY(-10px)
	rotate(-45deg);
}
#navbtn.open p:nth-child(4) {
	display:none;
}
#navbtn.open p:nth-child(5) {
	display:block;
	color:#fff;
}
#navbtn p:nth-child(4) {
	display:block;
}
#navbtn p:nth-child(5) {
	display:none;
}

#smart_nav{
	display:block;
	position:fixed;
	left:100vw;
	top:0;
	width:100vw;
	height:100vh;
	background-color:#f9f6ef;
	z-index:1400;
	transition:all 1s;
	overflow: auto;
}
#smart_nav_base{
	display:block;
	width:100vw;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
	align-items:center;

}
#smart_nav_base li{
	font-family: 'GenJyuuGothicP';
	list-style:none;
	text-align:center;
	font-weight:700;
	font-size:1.6rem;
	line-height:2rem;
	height:calc(100vw / 3 - 15px);
	width:calc(100vw / 3);
	border-right:5px dashed #d9d9d9;
	border-bottom:5px dashed #d9d9d9;
	display:flex;
	justify-content:center;
	align-items:center;
}
#smart_nav_base li:nth-of-type(3n){
	border-right:none;
}
#smart_nav_base li a{
	height:100%;
	width:100%;
	color:#3e3e3e;
	padding-top:50%;
	background-repeat:no-repeat;
	background-position:50% 30%;
	background-size:37px 37px;

}
#smart_nav_base li a:hover{
	background-color:#d9d9d9;
}
.title_bar{
	width:100vw;
	height:70px;
	text-align:center;
	background-color:#e93e34;
	display:flex;
	justify-content:center;
	align-items:center;
}
#smart_nav .title_bar a{
	width:100%;
	height:100%;
}
#smart_nav .title_bar img{
	width:auto;
	height:97%;
	margin-top:2px;
}
.title_bar p{
	width:35%;
	min-width:180px;
	height:36px;
	background:#fff;
	text-align:center;
	display:flex;
	justify-content:center;	
	align-items:center;
	border-radius:7px;
}

#smart_nav_base .policy a{
	background-image:url(../img/smart/policy.png);
}
#smart_nav_base .about a{
	background-image:url(../img/smart/about.png);
}
#smart_nav_base .works_hbl a,#smart_nav_base .works a{
	background-image:url(../img/smart/works.png);
}
#smart_nav_base .flow a{
	background-image:url(../img/smart/flow.png);
}
#smart_nav_base .voice a{
	background-image:url(../img/smart/voice.png);
}
#smart_nav_base .faq a{
	background-image:url(../img/smart/faq.png);
}
#smart_nav_base .company a{
	background-image:url(../img/smart/company.png);
}
#smart_nav_base .greeting a{
	background-image:url(../img/smart/greeting.png);
}
#smart_nav_base .recruit a{
	background-image:url(../img/smart/recruit.png);
}
#smart_nav .contact{
	width:70vw;
	margin:12px auto 0 auto;
	border-radius:15px;
	background-color:#ec6d45;
	height:60px;
}
#smart_nav .contact a{
	color:#fff;
	width:100%;
	height:100%;
	font-weight:700;
	font-size:1.8rem;
	text-align:left;
	padding-left:10%;
	display:grid;
	place-content: center;
	background:  9% center / 30px 30px no-repeat url(../img/smart/mail.png);
}
#smart_nav .tel{
	width:70vw;
	margin:12px auto;
	border-radius:15px;
	background-color:#82b244;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#smart_nav .tel a{
	color:#82b244;
	border-radius:12px;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	font-weight:700;
	font-size:2.8rem;
	line-height:2.8rem;
	text-align:left;
	padding-left:7%;
	display:grid;
	place-content: center;
	background: 6% center / 35px 35px no-repeat url(../img/smart/tel.png);
	background-color:#fff;

}
#smart_nav .tel a .s_text{
	font-size:1.5rem;
	padding:0;
	margin:0 0 -7px 0;
	display:block;
}
#smart_nav  .sns a:nth-child(2){
	margin-left:30px;
}
#smart_nav  .sns img{
	width:50px;
	height:50px;
}

.opennav{
	transform:translateX(-100%); 
}

/*--------------- スマホ	navメニュー ---------------*/

#top_img{
	padding-top:70px;
}

article .top_line{
	height:200px;
	background-size:2500px;
	background-image:url(../img/machi_line_smart.svg);
}
article .bottom_line{
	height:130px;
	background-size:1400px;
}
/*　ベースページ
---------------------------------------------------------*/

article .top_line_base{
	width:100%;
	height:50px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:2500px;
	background-image:url(../img/top_line.svg);
}


#title_box{
	margin:95px 25px 0 25px;
	padding:0;
	width:calc(100% - 50px);
	height:170px;
	border-radius:20px;
	overflow:hidden;
}
.title_icon{
	margin:55px auto 0 auto;
	width:45px;
	height:45px;
}
#title_box h1 {
	font-size:2rem;
	line-height:2rem;
	color:white;
	font-weight:500;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

/*--- タイトル背景画像の入力例ここから ---*/
#base #title_box{
	background-image:url(../img/title/contact.jpg);
	background-position:center center;
	background-size: 200%;
	background-repeat: no-repeat;
}
/*--- タイトル背景画像の入力例ここまで ---*/


/*　トップページ　地域に寄り添う解体屋さん
---------------------------------------------------------*/
#about{
	max-width:1280px;
	width:100%;
	margin:50px auto 0 auto;
	display:flex;
	flex-direction:row;
}
#about h2{
}
#about img.smart_image{
	display:block;
	width:90%;
	margin:10px auto;
}
#about h2.smart_h2{
	display:block;
	font-family: 'GenJyuuGothic-B', sans-serif;
	text-align:center;
	font-weight:900;
	padding:0;
	height:auto;
	background:none;
	width:90%;
	margin:0 auto;
}
#about h2.smart_h2 span{
	display:block;
	width:fit-content;
	vertical-align:middle;
	background:url(../img/about_line.png) center bottom/100% 5px repeat-x;
	text-align:center;
	padding:0 10px;
	padding-bottom:5px;
	margin:0 auto;
	font-size:max(2.4rem,2.6vw);

}
#about h2 span:nth-child(2){
	margin-top:5px;
}
#about h2 img{
	width:50px;
}

#about .left_contents{
	display: none;
}

#about .right_contents{
	margin-left:25px;
	margin-right:25px;
	width:calc(100% - 50px);
	text-align:center;
}
#about .right_contents p{
	font-size:1.6rem;
	line-height:3.2rem;
}
#about p.h3{
	font-size:2rem;
	line-height:4rem;
}
#about .text02{
	font-size:2.4rem;
}

/*----ここからボタン-----*/
#about .btn01 a{
	font-size:1.6rem;
}

/*----ボタンここまで-----*/
/*　施工事例一覧
---------------------------------------------------------*/
#works h2{
	/* margin-top:0;
	margin-bottom:0; */
	font-size:max(2.4rem,2.6vw);
}
#works .works_top {
	width: 280px;
	top: 101px;
	left: 65px;
}
#works_contents {
	margin-top:20px;
}

#works .works_contents {
	gap: 20px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
#works .works {
	margin-bottom:100px;
	padding: 40px 0 30px;
}
#works .works_insta_title {
	padding: 0;
}
#works .works_insta {
	padding-top: 20px;
	border-top: 6px dotted #000;
	margin-bottom:70px;
}
#works .works_insta_title::before, #works .works_insta_title::after {
	border-bottom: none;
}

/*　施工事例一覧ここまで
---------------------------------------------------------*/
/*　トップページ　事業内容
---------------------------------------------------------*/
#sekou,#jigyou{
	margin:10px auto 0 auto;
	width:calc(100% - 30px);
}
#jigyou h2{
	margin-top:10px;
	font-size:max(2.4rem,2.6vw);
}
#jigyou .jigyou_list{
	margin:0 auto;
	width:100%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows	:fit-content fit-content;
	gap:0px  20px;
	font-size:1.4rem;
}
#jigyou .jigyou_list li{

}

#jigyou .jigyou_list li:before {
	width: 18px;
	height: 18px;
}
#jigyou .jigyou_list li:after {
	width: 15px;
	height: 15px;
}
/*----ここからボタン-----*/
#jigyou .jigyou_btn a{
	font-size:1.6rem;
}

/*----ボタンここまで-----*/

/*　トップページ　施工事例
---------------------------------------------------------*/
#sekou{
	background-color:#fff;
}
#sekou h2{
	margin-top:10px;
	font-size:max(2.4rem,2.6vw);
}
#sekou .b_text{
	font-size:1.8rem;
	font-weight:700;
}
#sekou .sekou_text{
	margin:25px auto 0 auto;	
}

#sekou .top_sekoujirei{
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-items:center;
	padding:15px;
	z-index:2;
	position:relative;
}
#sekou .top_sekoujirei .jirei_box{
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	display:flex;
	flex-direction:column;
	position:relative;
}
#sekou .top_sekoujirei .jirei_image .hover_mask {
	display:none;	
}


#sekou .top_sekoujirei .mark{
	width:57px;
	height:57px;
	position:absolute;
	top:-10px;
	right:-10px;
	z-index:10;
}

#sekou .sekou_btn{
	margin-top:150px;
	font-size:1.6rem;
}
#sekou .syatyou2_smart{
	display:block;
	position:absolute;
	top:-105px;
	left:calc(50% - 100px);
	width:200px;
	z-index:10;
}

/*　解体工事の流れ
---------------------------------------------------------*/
#flow {
	width:calc(100% - 50px);
	margin:0px 25px;
}
#flow h2{
	margin-top:0;
	margin-bottom:0;
	font-size:max(2.4rem,2.6vw);
}
#flow picture{
	margin-top:0;
}
#flow picture img{
	width:100%;
}
#flow .flow_main_smart{
	display:block;
	text-align:left;
	margin:20px auto 0 auto ;
	width:100%;
}
#flow .flow_main_smart p:nth-child(2){
	position:relative;
	margin-top:-3px;
}
#flow .flow_main_smart p:nth-child(3){
	position:relative;
	margin-top:-20px;
}
#flow .flow_main_smart img{
	width:40%;
	position:relative;
	left:60%;
}
#flow .b_text{
	font-size:2rem;
}

#flow .flow_btn a{
	font-size:1.6rem;
}


/*　トップページ　お問い合わせ　＆　お見積もり
---------------------------------------------------------*/
#foot_contents{
	width:100%;
	max-width:none;
}
#foot_contents img.recuruit{
	width:calc(100% - 50px);
	margin:0 auto;
}
#foot_contents .contact_section{
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
	flex-direction: column-reverse;
	margin-bottom:50px;
}
.contact_section .contact_section_tel{
	width:calc(100% - 50px);
	margin:-20px auto 0 auto;
	padding-top:70px;

}
.contact_section .right{
	text-align:right;
	margin-right:15px;
}
.contact_section .contact_section_tel .title{
	font-size:max(5vw,2.5rem);
	height:60px;
}
.contact_section .contact_section_tel .main{
	font-size:max(2.5vw,1.4rem);
	height:auto;
}

.contact_section .tel a{
	font-size:max(4vw,3rem);
	font-family: 'GenJyuuGothicP';
	color: #82b244;
}
.contact_section .tel img{
	width:45px;
}
.contact_section .contact_section_estimate{
	width:calc(100% - 50px);
	margin:-70px auto 0 auto;
	padding-top:70px;
	margin-bottom:40px;
}
.contact_section .contact_section_estimate .title{
	font-size:max(3.4vw,1.8rem);
	padding-left:10vw;
	height:60px;
}
.contact_section .contact_section_estimate .title img{
	width:max(150px,20vw);
	right:-5px;
	bottom:-2px;
}
.contact_section .contact_section_estimate .main{
	height:150px;
	font-size:max(2.5vw,1.4rem);
	height:auto;
}
.contact_section .contact_section_estimate .title .muryou{
	display:inline-block;
	padding-top:7px;
	background-size:100px;
	font-size:max(3.4vw,2.2rem);
}

.contact_section .contact_section_estimate .main img{
	width:35px;
	vertical-align:middle;
}
.contact_section .mail a{
	display: inline-block;
	vertical-align:middle;
}
#foot_contents .estimate_btn{
	width:90%;
	max-width:300px;
	margin:5px auto 5px auto;
}
/*--------------- フッター ---------------*/
.foot_line{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:28px;
	background-image:url(../img/footer_line.svg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:1200px;
}
.foot_contents{
	padding-bottom:60px;
}
.foot_contents .wrap{
	height:auto;
	padding-bottom:50px;
	width:100%;
	max-width:none;
	margin:0 auto;
	flex-direction:column;
	justify-content:space-between;
}
.foot_contents .left{
	width:calc(100% - 60px);
	margin:15px 30px 0 30px;
}
.foot_contents .right{
	margin-left:30px;
	margin-right:30px;
	width:calc(100% - 60px);
}
footer .foot_logo{
	background-color:#fff;
	border-radius:5px;
	width:50%;
	height:55px;
	text-align:center;
	display:grid;
	place-content: center;
	padding:10px;
}
footer .foot_logo img{
	width:100%;
}
footer .tel{
	font-family: 'GenJyuuGothicP';
	font-size:max(5vw,2.4rem);
}
footer .tel img{
	width:35px;
}
footer .mail{
	margin-top:0px;
}
footer .mail img{
	width:18px;
}
.copyright{	
	font-size:1.2rem;
}

ul.foot_nav{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;   /*並びを縦方向へ*/
	max-width:none;
	justify-content: center;  /*flex内コンテナの垂直配置を上ぞろえに（height指定しないと効かない）*/
	align-items:flex-start;      /*縦軸での位置を指定（direction:columnだときかないのでここでは不要）*/
	margin:20px auto 20px auto;
	height:320px;
	width:100%;

}
ul.foot_nav li{
	height:40px;
	line-height:40px;
	margin:0;
	font-size:min(3.5vw,1.6rem);
	padding-left:2rem;
	background:url(../img/footer_list.png)left center no-repeat;
	width:50%;

}

ul.foot_nav li a:hover,footer .mail a:hover,footer .tel a:hover{
	color:#3e3e3e;
	transition:all 0.3s;
}



/*　お客様の声　voice
---------------------------------------------------------*/
#voice h2{
	margin-top:50px;
	font-size:max(2.4rem,2.6vw);
}
#voice h2.faq{
	margin-top:0;
	margin-bottom:40px;
}

#voice #voice_list{
	width:100%;
	margin-top:50px;
	padding:0 0 0 15px;
	height:auto;
	max-height:none;
	display:grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	text-align:center;
	gap:10px;
}

#voice .voice_item_box01{
    grid-row:1 / 2;
    grid-column:1 / 4;
}
#voice .voice_item_box02{
    grid-row: 2 / 3;
    grid-column: 1 / 4;
	display:grid;
	grid-template-rows: auto aut;
	grid-template-columns: 1fr 60%;
	padding:50px 50px 50px 30px;
	background:url(../img/voice/memo.png) top center / 100% 100% no-repeat;
	gap:10px 20px;	
	width:100%;
	max-width:500px;
	margin:0 auto;
}
#voice .voice_item_box03{
    grid-row: 3 / 4;
    grid-column: 1 / 4;
	display:grid;
	grid-template-rows: auto aut;
	grid-template-columns: 1fr 60%;
	padding:50px 50px 50px 30px;
	background:url(../img/voice/memo.png) top center / 100% 100% no-repeat;
	gap:10px 20px;
	width:100%;
	max-width:500px;
	margin:0 auto;
}
#item_inner{
	width:100%;
	max-width:500px;
	height:100%;
	margin:0 auto;
	display:grid;
	grid-template-rows: auto auto;
	grid-template-columns: 1fr 55%;
	background:url(../img/voice/memo.png) top center / 100% 100% no-repeat;
	gap:10px 20px;
}



/*
#voice div#voice_item02{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}
#voice div#voice_item03{
	text-align:left;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
	font-size:1.6rem;
	line-height:2.4rem;
}


#voice #voice_item02 img{
	width:100%;
	border:2px solid #333;
}
*/
#voice #faq{
	padding:80px 15px 50px 15px;
	margin:-80px 0 0 0;

}
#voice #inner_box{
	padding: 40px 15px;
	margin:0 auto;
	width:100%;
}

#voice div.q_text{
	width:100%;
	margin:0 auto;
	padding:15px 5px 15px 38px;
	text-align:left;
	font-weight:500;
	background:url(../img/voice/q.png) left 7px top 19px/ 25px no-repeat #d9d9d9;
}
#voice div.a_text{
	padding:15px 5px 15px 38px;
	width:100%;
	max-width:840px;
	margin:0 auto;
	text-align:left;
	font-weight:500;
	background:url(../img/voice/a.png) left 7px top 19px/ 25px no-repeat #fff;
}
#voice .window div.text {
	margin: 0;
	padding:5px;
	text-align:center;
	display: block;

}




/*　サイトマップ　sitemap
---------------------------------------------------------*/
#sitemap #sitemap_main{
	margin:70px auto;
}
#sitemap .sitemap_list li{
	padding:0 0 0 15px;
}
#sitemap .sitemap_list li:nth-child(n+9){
	width:calc(100% + 15px);
	margin-left:-15px;
}
#sitemap .sitemap_list li{
	padding:0 0 0 15px;
}
#sitemap .sitemap_list li:nth-child(n+9).sub_list{
	width:100%;
	margin-left:2rem;
}
#sitemap .sitemap_list li.sub_list{
	width:100%;
	margin-left:4rem;
}

/*　解体工事の流れ flow
---------------------------------------------------------*/

#flow_main h2{
	margin-top:0;
	margin-bottom:0;
	font-size:max(2.4rem,2.6vw);
}
#flow_main .color_contents picture{
	margin-top:0;
}
#flow_main .color_contents picture img{
	width:100%;
}
#flow_main .flow_main_smart{
	display:block;
	text-align:left;
	margin:20px 15px 0 15px ;
	width:calc(100% - 30px);
}
#flow_main .flow_main_smart p:nth-child(2){
	position:relative;
	margin-top:-3px;
}
#flow_main .flow_main_smart p:nth-child(3){
	position:relative;
	margin-top:-5px;
}
#flow_main .flow_main_smart img{
	width:40%;
	position:relative;
	left:60%;
}
#flow_main .b_text{
	font-size:2rem;
}

#flow_main .flow_step{
	width:calc(100% - 30px);
	margin:0 15px 0 15px;
}

#flow_main .flow_list_step{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:100%;
	margin:0 0 30px 0;
	padding-left:10px;
}

#flow_main .flow_list01,#flow_main .flow_list02,#flow_main .flow_list03,
#flow_main .flow_list04,#flow_main .flow_list05,#flow_main .flow_list06,
#flow_main .flow_list07,#flow_main .flow_list08,#flow_main .flow_list09,
#flow_main .flow_list10,#flow_main .flow_list11,#flow_main .flow_list12,#flow_main .flow_list13{
	margin:30px 0;
	width:100%;
	height:15vw;
	line-height:calc(15vw - 2px);
	font-size:1.8rem;
	color:#21489e;
	font-weight:900;
	padding-left:18vw;
	text-align:left;
	background-size:100% auto;
	background-position: 50% 45%;

}
#flow_main .flow_list05,#flow_main .flow_list07,#flow_main .flow_list08{
	font-size:1.6rem;
}

#flow_main .flow_list01{
	background-image:url(../img/flow/1.png);


}
#flow_main .flow_list02{
	background-image:url(../img/flow/2.png);
}
#flow_main .flow_list03{
	background-image:url(../img/flow/3.png);
}

#flow_main .flow_list04{
	background-image:url(../img/flow/4.png);
}

#flow_main .flow_list05{
	background-image:url(../img/flow/5.png);
}

#flow_main .flow_list06{
	background-image:url(../img/flow/6.png);
}

#flow_main .flow_list07{
	background-image:url(../img/flow/7.png);
}

#flow_main .flow_list08{
	background-image:url(../img/flow/8.png);
}

#flow_main .flow_list09{
	background-image:url(../img/flow/9.png);
}

#flow_main .flow_list10{
	background-image:url(../img/flow/10.png);
}

#flow_main .flow_list11{
	background-image:url(../img/flow/11.png);
}

#flow_main .flow_list12{
	background-image:url(../img/flow/12.png);
}
#flow_main .flow_list13{
	background-image:url(../img/flow/13.png);
}



#flow_main .detail{
	width:auto;
	margin-right:0;
}
#flow_main .detail p{
	text-align:left;
}
#flow_main .flow_step_img{
	width:319px;
	height:239px;
}

#flow_main .dash_line_sp{
	display:block;
	width:100%;
	max-width:900px;
	background:url(../img/flow/dash_line.png) bottom left repeat-x;
	margin:30px auto 0 auto;
	height:10px;
	background-size:auto 4px;
}

#flow_main .flow_list_step .contact{
	width:90%;
	margin:12px auto 0 auto;
	border-radius:15px;
	background-color:#ec6d45;
	height:60px;
}
#flow_main .flow_list_step .contact a{
	color:#fff;
	width:100%;
	height:100%;
	font-weight:700;
	font-size:1.8rem;
	text-align:left;
	padding-left:10%;
	display:grid;
	place-content: center;
	background:  9% center / 30px 30px no-repeat url(../img/smart/mail.png);
}
#flow_main .flow_list_step .contact:hover,#flow_main .flow_list_step .tel:hover{
	opacity:0.7;
}
#flow_main .flow_list_step .tel{
	width:90%;
	margin:12px auto;
	border-radius:15px;
	background-color:#82b244;
	height:60px;
	display:flex;
	align-items:center;
	justify-content:center;
}
#flow_main .flow_list_step .tel a{
	color:#82b244;
	border-radius:12px;
	width:calc(100% - 6px);
	height:calc(100% - 6px);
	font-weight:700;
	font-size:2.8rem;
	line-height:2.8rem;
	text-align:left;
	padding-left:7%;
	display:grid;
	place-content: center;
	background: 6% center / 35px 35px no-repeat url(../img/smart/tel.png);
	background-color:#fff;

}
#flow_main .flow_list_step .tel a .s_text{
	font-size:1.5rem;
	padding:0;
	margin:0 0 -7px 0;
	display:block;
}

#flow_main .text_end{
	margin:50px auto 200px auto;
	width: calc(100% - 30px);
	max-width:450px;
	height: 350px;
	background:#f6efb5;
	-moz-border-radius: 50% / 50%;
	-webkit-border-radius: 50% / 50%;
	border-radius: 50% / 50%;
	padding: 50px 20px;
	position:relative;
}
#flow_main .text_end .kanryou{
	margin-top:20px;
	font-weight:700;
	font-size:3rem;
	font-family: 'GenJyuuGothicP';
}
#flow_main .text_end p{
	margin:40px auto;
	padding:0;
	text-align:center;
	font-size:1.4rem;
	line-height:2.8rem;
}
#flow_main .text_end .end_image{
	position:absolute;
	left:calc(50% - 108px);
	bottom:-180px;
	top:auto;
}


/*　べっぴん解体とは　policy
---------------------------------------------------------*/
#policy #title_box{
	background-image:url(../img/title/policy.jpg);
	background-position:center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#policy article .top_line_base{
	background-size:3000px!important;
	height:180px!important;
}

#policy article .top_line_base{
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	height:300px;
	background-repeat:no-repeat;
	background-position:top center;
	background-size:5000px;
	background-image:url(../img/machi_line_orange.svg);
}

#policy h2.smart{
	display:block;
	margin:40px auto 30px auto;
	font-size:max(2.4rem,2.6vw);
	width:fit-content;
}
#policy h2.smart img{
	width:50px;
}
#policy h2{
	margin-top:40px;
	margin-bottom:30px;
	font-size:max(2.4rem,2.6vw);
}
#policy #sumai{
	margin:0 auto;
	width:calc(100% - 50px);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-direction: column-reverse;
	gap:20px;
}
#policy #sumai div:first-child{
	width:100%;	
}
#policy #sumai div:last-child{
	width:90%;	
}
#policy #sumai div:last-child img{
	width:100%;	
}


#policy .wraper{
	width:100%;
	text-align:center;
	position:relative;
	z-index:1;
	padding-top:70px;
	margin:0 auto;
}
#policy .box01{
	background-color:#e9ebec;
	height:70px;
	width:50%;
	left:30px;
	position:absolute;
	top:0;
}
#policy .box01 h2{
	background:url(../img/greenline.png) center bottom repeat-x;
	margin-top:70px;
}

#policy .box02{
	background-color:#e9ebec;
	height:70px;
	width:60px;
	right:30px;
	position:absolute;
	top:0;
}
#policy .main_area{
	padding:0px 25px 60px 25px;
	margin:0;
}
#policy h2.smart_anshin{
	margin-top:20px;
}
#policy .anshin_box{
	margin:50px 0 50px 0;
	padding:0;
	position:relative;
	z-index:5;
	display:block;
}

#policy .anshin_box:first-of-type{
	margin-top:130px;
}

#policy .anshin_box:last-child{
	margin:0 0 100px 0;
}

#policy .anshin_box .syatyou{
	position:absolute;
	z-index:7;
	top:-150px;
	left:40px;
	width:170px;
}
#policy .anshin_box .mado{
	position:absolute;
	top:-100px;
	left:0px;
	width:100%;
}
#policy .anshin_box .mado2{
	display:none;
}
#policy .anshin_box .mado3{
	position:absolute;
	bottom:-90px;
	left:0px;
	width:100%;
}

#policy .anshin_waku{
	padding:25px;
	width:100%;
}
#policy .anshin_img{
	display:none;
}
#policy .sp_img{
	display:block;
	width:70%;
	text-align:center;
	margin:10px auto;
}
#policy .anshin_title{
	font-family: 'GenJyuuGothicP';
	font-size:max(2.4rem,3vw);
	color:#eb6f31;
	margin-bottom:15px;
	vertical-align:bottom;
}
#policy .anshin_title img{
	width:40px;
	vertical-align:bottom;
}
#policy div.title04{
	font-size:max(2.2rem,2.7vw);
}
/* ここから追記　*/
/*　about_事業内容
---------------------------------------------------------*/
#about_main #area h2, #about_main #jigyou_naiyou h2, #about_main #jigyou_kingaku h2{
	margin-top: 50px;
	font-size: max(2.4rem,2.6vw);
}

#about_main .color_contents #inner_box{
	padding:15px;
	width:calc(100% - 50px);
}
#about_main .jigyou_box{
	width:100%;
	max-width:1070px;
	margin:30px auto 60px auto;
	text-align:left;
	position:relative;
	padding-bottom:0px;
}

#about_main .jigyou_boxb{
	width:100%;
	max-width:1070px;
	margin:30px auto 60px auto;
	text-align:left;
	position:relative;
	padding-bottom:0px;
}

#about_main .jigyou_img{
	width:60%;
	max-width:590px;
	height:auto;
	object-fit:cover;
}
#about_main .jigyou_img_smart{
	width:100%;
	margin-bottom:20px;
}
#about_main .jigyou_main{
	border:5px solid #ee7c58;
	background:#fff;
	padding:15px;
	width:100%;
	height:auto;
	position:static;
	top:0;
	right:0;
}

#about_main .jigyou_box h3, #about_main .jigyou_boxb h3{

	font-size: max(2.4rem,2.6vw);
}

#about_main .kingaku_ta{
	width: 50%;
}

/* ここまで追記　*/

/*　お問い合わせフォーム
---------------------------------------------------------*/
#contact h2 img{
	width:12vw;
	vertical-align:middle;
	max-width: 65px;
}
#contact .sp_br {
	display: inline-block;
}
#contact .contact_about_title {
	font-size: max(2rem,2.2vw);
	margin-top:20px;
}
#contact .contact_about_first {
	flex-direction: column;
	align-items: center;
}
#contact .contact_about_img {
	display: none;
}
#contact .contact_about_spimg {
	display: block;
}
#contact .contact_about_text {
	width: calc(100% - 50px);
}
#contact .contact_about_text p{
	width: 100%;
	margin:30px 0;
}
#contact .form_number li {
	width: 40%;
}
#contact .form_number li:nth-of-type(2) {
	margin: 0 auto;
	left: auto;
}
#contact .form_dl dt, #contact .form_dl dd {
	padding: 0;
}
#contact .form_dl dt {
	width: 100%;
	margin: 0 0 5px 0;
	justify-content: left;
}
#contact .form_dl dd {
	width: 100%;
	margin-bottom: 20px;
	padding-left: 0;
}

/*　お問い合わせフォームここまで
---------------------------------------------------------*/


/*--------------- プライバシーポリシー ---------------*/
#privacy article #privacy_contents_wrapper {
	margin: 0 auto 100px auto;
	width: 90%;
}

#privacy_contents_wrapper .about_personal_info {
	margin: 80px auto 0 auto;
}

#privacy_contents_wrapper .about_personal_info h2 {
	margin-bottom: 30px;
	font-size: 20px;
}

#privacy_contents_wrapper .about_personal_info .privacy_contents_inner h3 {
	font-size: 20px;
}

#privacy_contents_wrapper .about_personal_info .privacy_contents_inner .privacy_contents_text {
	margin: 20px 10px 0 10px;
}

#privacy_contents_wrapper .about_personal_info .privacy_contents_inner .gray_border {
	margin-top: 30px;
	margin-bottom: 30px;
	height: 1px;
}
/* プライバシーポリシーここまで
---------------------------------------------------------*/

/*--------------- 採用情報 ---------------*/
#recruit{
	/* background:red !important; */
}

#recruit #recruit_contents_wrapper {
    margin: 0 auto 50px auto;
}

#recruit .recruit_title_area h2 {
	margin: 40px auto 2px auto;
    font-size: 22px;
}

#recruit .recruit_title_area img {
	width: 120px;
	height: 4px;
}

#recruit .recruit_top_img {
	margin: 20px auto 20px auto;
}

#recruit .recruit_top_contents {
	width: 90%;
}

#recruit .recruit_top_contents p {
	font-size: 16px;
}

#recruit .recruit_guidelines {
	margin: 60px auto 30px auto;
	width: 90%;
}

#recruit .recruit_guidelines h2 {
	font-size: 22px;
}

#recruit .recruit_guidelines table {
	margin-top: 30px;
    border-collapse: collapse;
    width: 100%;
	text-align: left;
}

#recruit .recruit_guidelines table br {
	display: block;
}

#recruit .recruit_guidelines td {
	padding: 10px 15px;
}

#recruit .recruit_guidelines tr td:first-child {
	width: 120px;
	background-color: #f6efb5;
	color: #eb6f31;
}

#recruit .recruit_guidelines .apply_btn {
	margin-top: 50px;
}

#recruit .tiktok_area {
	margin-bottom: 100px;
	padding: 50px auto;
}

#recruit .tiktok_inner {
	width: 90%;
	border-radius: 30px;
}

#recruit .tiktok_inner img {
	width: 80%;
	margin: 30px auto 10px auto;
}

/* ここから追記　会社紹介　*/
#company_main #greeting {
	margin-top: 20px;
}

#company_main #greeting h2 {/* ここから追記*/
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: max(2.4rem,2.6vw);
}
#company_main #greeting_p h2 {/* ここから追記*/
	margin-top: 0px;
	margin-bottom: 50px;
	font-size: max(2.4rem,2.6vw);
}
#company_main #company h2 {/* ここから追記*/
	font-size: max(2.4rem,2.6vw);
	margin-top:-27px;
	margin-bottom:38px;
}

#company_main #omoi {
	margin: 0 auto;
	width: calc(100% - 50px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-direction: column-reverse;
	gap: 20px;
}
#company_main #omoi div:first-child{
	width:100%;
}

#company_main #omoi .omoi_si{
	font-size: 2rem;
	display: inline-block;
	margin: 0 10px 0 0;

}
#company_main #company_tablesmart{
	width: 100%;
	border-collapse: collapse;

}
#company_main #inner_box{
	width: 100%;
	max-width: 1180px;
	height: 100%;
	margin: 0 auto;
	display: grid;
	padding:100px max(15vw,55px) 50px max(15vw,55px);

}
#company_tablesmart .company_ta, #company_tablesmart .company_td {
	padding:5px 0 5px 0;
}

#company_tablesmart .company_ta{
	color: #21489e;
	background: #84cccb;

}
#company_main .tic_ba1{
	max-width: 70%;
	height: auto;
	padding:10px 10px;
	margin: 0 auto 5px auto;
}
#company_main .tic_ba2{
	max-width: 70%;
	height: auto;
	padding:10px 10px;
	margin: 0 auto 5px auto;
}
#company_main .com_linesmart{
	width:90vw;

}
#company_main #company_table td{
	padding-left:0;
}
#company_main p.beppin_tictok{
	text-align:center;
	font-size:1.6rem;

}
#company_main .sya_tic_tytle{
	text-align:center;
	justify-content:center;
	align-items:center;

	margin-bottom:30px;
}
#company_main .sya_tic{
	margin-bottom:30px!important;
}

#company_main .beppin_tictok01{
	position:relative;
	top:-30px;
}



/*--- ※※閉じかっこ※※--*/
}
/*--- ※※閉じかっこ※※--*/




@media screen and (max-width: 1000px) {
	#recruit .personality_inner {
		display: block;
		margin: 30px auto;
	}
	
	#recruit .personality h3 {
		margin-top: 30px;
		font-size: 22px;
	}
	
	#recruit .personality_inner ul:nth-of-type(1) {
		margin:0 auto 20px auto;
	}
	
	#recruit .personality_inner ul li {
		width: 110px;
		height: 110px;
		font-size: 16px;
		border: 3px solid #82b244;
		border-radius: 55px;
	}
/*--- ※※閉じかっこ※※--*/
}
/*--- ※※閉じかっこ※※--*/






@media screen and (max-width:400px) {
/*--- お見積もりボタン　スマホの調整 --*/
.contact_section .contact_section_estimate .title{
	font-size:max(3.4vw,1.8rem);
	padding-left:5px;
	height:60px;
}

/*--- お見積もりボタン　スマホの調整 --*/
.contact_section .contact_section_estimate .title{
	font-size:max(3.4vw,1.8rem);
	padding-left:5px;
	height:60px;
}
/*--- サイトマップ　調整 --*/
#sitemap .sitemap_list{
	width:calc(100% - 30px);
	margin:0 auto 60px auto;
}
/*--- 解体工事の流れ　調整 --*/
#flow_main .br_sp{
	display:inline-block;
}
#flow_main .text_end{
	max-width:450px;
	height: 430px;

}
#flow_main .flow_list05,#flow_main .flow_list07,#flow_main .flow_list08{
	font-size:1.4rem;
}

/*--- ※※閉じかっこ※※--*/
}
/*--- ※※閉じかっこ※※--*/