@charset "utf-8";

@media screen and (min-width: 768px){
	.br-sp {display: none; }

	}

/* 480px以上の画面幅で以下のスタイル適用 */
@media screen and (min-width: 481px) {
	img.main_logo-sp {
		display: none;
	  }
	}	

/* 480px未満の画面幅で以下のスタイル適用 */
@media screen and (max-width: 480px) {
	img.main_logo {
	display: none;
	}
	img.main_logo-sp {
		display: block;
		max-width: 90%;
	  }
	  
		.slider {
			left: 0%;
			display: none;
		}
		.hero-2 {
			height: 28vh;
		}
		.hero {
			height: 34vh;
			margin-top: 74px;
			background-color: rgb(29 169 111);
		}
		.widget-meta {
			display: none;
		}
		.headline {
			width: 100%;
			top: 50%;
			left: 55%;
		}
		.headline h2 {
			font-size: 14px;
			line-height: 1.9em;
			margin-left: 8%;
			display: none;
		}
		.headline-box {
			top: 50%;
			left: 70%;
		}
	
		img.mainlog_img {
			width: 60%;
		}
	
		.site-header {
			height: 70px;
		}
		.site-title a img {
			height: 44px;
			max-width: 100%;
			margin-top: -12px;
		}
		.navbutton {
			top: 40%;
		}
		img.sub_logo {
			max-width: 100%;
		}
		.headline-2 {
			top: 57%;
			left: 52%;
		}
		.header-inner {
			padding: 1.8rem;
		}
		address {
			display: none;
		}
		/* footer */
		.footer-nav, .copyright {
			font-size: 12px;
		}
/* section first news */
		span.sub {
			display: none;
		}
		h2.news {
			font-size: 20px;
		}
		#index-news {
			padding-bottom: 50px;
			margin-left: 5vw;
			margin-right: 5vw;
		}
		li.time {
			display: block !important;
			padding-left: 3px;
			font-size: 18px;
		}
		#index-news {
			margin-left: 5vw;
			margin-right: 5vw;
		  }
		
		  .wow-1 {
			font-size: 18px;
			margin: 30px auto 0;
		  }
		  .index-news-title {
			font-weight: normal;
		  }
/* section second  */
.banner_content-0 {
    padding: 20px;
}
.banner_contents_inner {
    padding-top: 116%;
	padding-bottom: 15%;
}
h2.titt {
    font-size: 1.5rem;
}
span.s {
    display: none;
}
.wow.fadeInLeft.mruyasu2 {
    width: 80%;
    text-align: center;
    top: 11%;
	left: 8%;
}
p.desc1 {
    max-width: 100%;
    margin: auto;
    margin-top: -32px;
    padding-left: 5px;
    padding-right: 5px;
}
p.desc1-2 {
    max-width: 100%;
    margin: auto;
    margin-top: 6px;
    padding-left: 5px;
    padding-right: 5px;
}

.link_button {
    margin-top: 35px;
    text-align: center;
}
/* section six  */
img.top_08-sp {
    display: block;
}
img.top_08 {
    display: none;
}
/* section four  */
.banner_contents_inner-1 {
    padding-top: 116%;
	padding-bottom: 30%;
}
.wow.fadeInLeft.mruyasu4 {
	width: 80%;
    top: 9%;
    left: 0%;
}
p.desc2 {
		max-width: 100%;
		margin: auto;
		margin-top: -32px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.wow.fadeInLeft.mruyasu3 {
		top: 87%;
		left: 1%;
		width: 100%;
	}
/* section five  */
.banner_contents_inner-2 {
    padding-top: 116%;
	padding-bottom: 124%;
}
.wow.fadeInLeft.mruyasu5 {
    width: 65%;
    top: 11%;
    left: 16%;
}
.wow.fadeInLeft.mruyasu6 {
    top: 54%;
    max-width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    right: 0;
}
/* section carousel */
h2.wow.fadeInLeftBig.carousel {
    margin-bottom: 2%;
    padding-top: 20%;
}

/* section seven */
.banner_contents_inner-4 {
    padding: unset;
}
.sec-img {
    left: 47%;
    top: 36px;
}
img.sec_image {
    max-width: 50%;
}
h2.sec {
    font-size: 18px;
}
span.sec {
    font-size: 30px;
}
.is--sp {
    display: none;
}
.card-container1 {
    display: block;
    margin-bottom: 15%;
	width: 59%;
}
h3.sec {
    font-size: 25px;
    text-align: center;
}
p.sec {
    padding-bottom: 21%;
}
/* 回収の流れ */
.card-container {
    display: block;
}
.card-img {
    width: 100%;
}
img.flow_image {
    max-width: 100%;
}
.card-text {
    margin: auto;
}

/* 会社概要 */
.card-container-cor {
    display: block;
}

/* 単価一覧 */
.ratebox {
    display: block;
}
span.txt_clik {
    padding-left: 19%;
}

/* 不用品の種類 */
.flex.block2 {
    display: block;
}
.section01 .item .image {
    width: 100%;
    margin-left: 0px;
}
.section01 .item .txt {
    width: 100%;
    margin: auto;
}

/* Q＆A */


/* 社員募集 */
.inner-f {
    padding-left: 5vw;
    padding-right: 5vw;
}
h2.p-contact_main_title {
    font-size: 1.1rem;
}
.p-contact_main_boxArea {
    display: block;
}
.p-contact_main_box.half-box {
    width: 100%;
    padding-left: 3px;
    padding-right: 3px;
    margin: auto;
    margin-bottom: 80px;
}
.p-contact_main_box_label {
    left: 5.6rem;
}
h3.p-contact_main_box_title {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
/* お問い合わせ */

}	

  /* 1440px以上の画面幅で以下のスタイル適用 */
  @media screen and (min-width: 1441px){
	img.top_03 {
		max-width: 60%;
	}
	img.top_04 {
		max-width: 80%;
	}
	img.top_05 {
		max-width: 70%;
	}
	img.top_06 {
		max-width: 70%;
	}
	img.top_07 {
		max-width: 70%;
	}
	.link_button-1 {
		margin-top: 276px;
	}
	.slider .image {max-width: 100%;}
	.banner_contents_inner {
		max-width: 70%;
		margin: auto;
	}
	.banner_contents_inner-1 {
		max-width: 70%;
		margin: auto;

	}
	.banner_contents_inner-2 {
		max-width: 70%;
		margin: auto;

	}
}