@charset "UTF-8";
/*
* 共通
*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	font-size:15px;
	color:#000;
}
.mincho {
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p,ul,li{
	margin:0;
	padding:0;
}

a:hover{
	opacity:0.8;
}

header{
	margin:30px 0 0 ;
	position:relative;
	border-bottom:#008842 4px solid;
}
header .wrap{
	padding:0 0 5px;
}
.top:after{
	background:none;
	height:0;
}
footer{
	min-width:960px;
	width:100%;
	margin:40px 0;
	border-top:#008842 solid 4px;
}
footer p{
	text-align:center;
	padding:10px;
	font-size:12px;
}
.wrap{
	width:960px;
	margin:50px auto 0;
}
header .wrap{
	margin:40px auto 0;
}
.wrap2{
	width:960px;
	margin:0 auto;
}
.wrap3{
	width:960px;
	margin:0 auto;
	background:#fff;
}
.wrap4{
	width:665px;
	margin:40px auto;
}
.wrap5{
	width:620px;
	margin:0 auto;
}
.wrap6{
	width:810px;
	margin:50px auto 0;
}
.rs_img{
	width:100%;
}
.mb_30{
	margin-bottom:30px;
}
.text_red{
	color:red;
}
.mobile-navigation, .pure-drawer{
	display:none;
}
#inquiry{
	width:630px;
	margin:0 auto;
}
#inquiry table{
	border:#9fa0a0 1px solid;
	width:100%;
}
#inquiry table th{
	background:#efefef;
	padding:0.5em 1em;
	border:#9fa0a0 1px solid;
	font-weight:normal;
	border:none;
	width: 12em;
}
#inquiry table td{
	border:none;
	padding:1em;
	word-break: break-all;
}
#inquiry table tr{
	border-bottom:#9fa0a0 1px solid;
}
#inquiry .req{
	color:#e73828;
}
#inquiry input[type=file]{
	width:100%;
}
#inquiry input[type=text]{
	width:100%;
	height:2.5em;
	border:#9fa0a0 1px solid;
}
#inquiry textarea{
	width:100%;
	height:10em;
}
#inquiry input.i_post{
	width:10em;
}
#inquiry input.i_email{
	width:46%;
}
#inquiry .txt_alert{
	color:#e73828;
}
#inquiry .f_btn1,#inquiry .f_btn2{
	margin:40px 0 0 ;
	text-align:center;
}
#inquiry .f_btn2{
	display:none;
}
#inquiry.confirm .f_btn1{
	display:none;
}
#inquiry.confirm .f_btn2{
	display:block;
}
#inquiry .confirm_btn:hover, #inquiry .reset_btn:hover, #inquiry .back_btn:hover, #inquiry .submit_btn:hover{
	opacity:0.8;
}
#inquiry #zip{
	background:#9fa0a0;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:12em;
	margin:0 0.5em;
	cursor:pointer;
	font-size:14px;
	border-radius:5px;
}
#inquiry #zip:hover{
	opacity:0.8;
}
#inquiry .confirm_btn,#inquiry .submit_btn{
	background:#f29600;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:10em;
	margin:0 1em;
	cursor:pointer;
	font-size:18px;
	height:50px;
	border-radius:5px;
}
#inquiry .reset_btn, #inquiry .back_btn{
	background:#9fa0a0;
	border:none;
	color:white;
	padding:0.5em 1em;
	width:10em;
	margin:0 1em;
	cursor:pointer;
	font-size:16px;
	height:50px;
	border-radius:5px;
}
#inquiry.confirm input[type=text], #inquiry.confirm textarea{
	border:none;
	outline: 0;
	resize: none;
}
input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;

}
.table1{
	max-width:615px;
	width:100%;
	border:none;
	margin:0 auto;
}
.table1 th{
	background:#efefef;
	width:9em;
	padding:1em;
	text-align:left;
	font-weight:normal;
	border:1px solid #9fa0a0;
	vertical-align:top
}
.table1 td{
	text-align:left;
	padding:1em;
	border:1px solid #9fa0a0;
}
.table2{
	max-width:510px;
	width:100%;
	border:none;
	margin:0 auto;
}
.table2 th{
	width:7em;
	padding:1em;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
}
.table2 td{
	text-align:left;
	padding:1em;
}
/*
* ここからサイト毎
*/
h1{
	color:#0e357f;
	font-size:14px;
	padding-bottom:10px;
	width:640px;
	float:left;
}
.tel{

	width:290px;
	float:right;
	margin-top:50px;
}
.g_navi{
	border-top:#008842 4px solid;
}

.g_navi ul{
	list-style:none;
	width:960px;
	margin:0 auto;
}
.g_navi li:first-child a{
	border-left:#fff 1px solid;
}
.g_navi li{
	float:left;
	width:20%;
	text-align:center;
	font-size:14px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.g_navi li a{
	color:#fff;
	padding:0 0 3px;
	text-decoration:none;
	margin:0;
	border-right:#fff 1px solid;
	background:#c9caca;
	width:20%;
	text-align:center;
	display:table-cell;
	height:50px;
	vertical-align:middle;
}
.g_navi li a span{
	font-size:0.75em;
}
.g_navi li.current01 a{
	background:#008842;
}
.g_navi li.current02 a{
	background:#036eb7;
}
.g_navi li.current03 a{
	background:#e95383;
}
.g_navi li.current04 a{
	background:#804f21;
}
.g_navi li.current05 a{
	background:#5f1985;
}
.main_v{
	position:relative;
	background: #73d9ff;
	background: -moz-linear-gradient(top, #73d9ff 1%, #ffffff 42%);
	background: -webkit-linear-gradient(top, #73d9ff 1%,#ffffff 42%);
	background: linear-gradient(to bottom, #73d9ff 1%,#ffffff 42%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73d9ff', endColorstr='#ffffff',GradientType=0 );
}
.main_v h2{
	max-width:1440px;
	width:100%;
	margin:0 auto;

}
.main_v h2 img{
	width:100%;
}
.top_cnt{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	line-height:2.5em;
}
.top_cnt a{
	color:#231815;
	display:block;
	text-decoration:none;
}
.top_cnt img{
	width:100%;
}
.top_cnt .col-md-6{
	padding:0px;
}
.top_cnt .col-6{
	padding-right:10px;
	padding-left:10px;
}
.top_bnr{
	padding:0 10px;
}
.top_point{
	background:url(/images/bg01.png);
	padding:30px 10px;
}
.top_point h2{
	text-align:center;
}
.top_point h2 img{
	max-width:640px;
	width:100%;
}
.top_comment{
	width:960px;
	margin:0 auto;
}
.top_comment img{
	width:100%;
	max-width:380px;
}
.top_comment_cnt01{
	padding-right:10%;
}
.top_comment_cnt01 p{
	width:50%;
	float:left;
	text-align:center;
}
.top_comment_cnt02{
	padding-left:10%;
}
.top_comment_cnt02 p{
	width:50%;
	float:left;
	text-align:center;
}
.top_service{
	padding:0 10px 10px;
}
.top_service_list p{
	width:20%;
	padding:0 1%;
	text-align:center;
	float:left;
}
.top_service_list p img{
	width:100%;
	max-width:133px;
}

.top_service_box .top_service_ttl {
	font-size: 35px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}

.top_service_box .top_service_ttl a {
  background-color: #008842;
  color: #ffffff;
  display: block;
  padding: 1em 0.5em;
}

.top_service_box .top_service_ttl a:hover {
  text-decoration: none;
}

.top_service_box .top_service_cnt {
  margin-top: 50px;
}

.top_service_box .top_service_cnt .top_service_cnt_ttl {
  margin-bottom: 0;
  text-align: center;
}

.top_service_box .top_service_cnt .top_service_cnt_ttl img {
  max-width: 640px;
  width: 100%;
}

.top_service_box .top_service_cnt .top_service_yt {
  margin-top: 30px;
}

.top_service_box .top_service_cnt .top_service_yt iframe {
  aspect-ratio: 16 / 9;
  height: auto;
  width: 100%;
}

.top_service_box .top_service_cnt .top_service_sns {
  margin-top: 30px;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list {
  display: flex;
  justify-content: center;
  gap: 50px;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li {
  list-style: none;
  text-align: center;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li a {
  color: #000000;
  display: block;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li a:hover {
  text-decoration: none;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li span {
  display: block;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li .sns_icn img {
	width: 70%;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li .sns_txt {
	font-size: 20px;
  font-weight: 700;
  margin-top: 10px;
}

.top_footer{
	margin-top: 0;
}

.top_wrap {
  background: url(../images/img_recycle01.png) right bottom no-repeat;
  padding-bottom: 170px;
}

@media screen and (max-width: 768px){

.top_service_box .top_service_ttl {
	font-size: 20px;
}

.top_service_box .top_service_cnt {
  margin-top: 30px;
}

.top_service_box .top_service_cnt .top_service_yt {
  margin-top: 15px;
}

.top_service_box .top_service_cnt .top_service_sns {
  margin-top: 20px;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list {
  gap: 15px;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li .sns_icn img {
	width: 50%;
}

.top_service_box .top_service_cnt .top_service_sns .sns_list > li .sns_txt {
	font-size: 15px;
  margin-top: 5px;
}

}

.sub_ttl{
	text-align:center;
}
.sub_ttl img{
	width:100%;
	max-width:640px;
}
.about_img01{
	max-width:765px;
	width:100%;
	margin:20px auto;
}
.about_img01 img{
	width:100%;
}
.intro_chara{
	max-width:650px;
	margin:10px auto;
}
.intro_chara_ct01{
	width:20%;
	margin:0 auto;
	float:left;
}
.intro_chara_ct01 img{
	width:100%;

}
.intro_chara_ct02{
	width:78%;
	float:right;
	background:#fff;
	padding:30px;
	border-radius:7px;
	margin:10px auto 0;
}
.intro_chara_ct02 h3{
	font-size:25px;
	font-weight:normal;
}
.intro_chara_ct02 h3 small{
	font-size:18px;
}
.company_table{
	max-width:27em;
	width:100%;
	margin:0 auto 50px;
}
.company_table th{
	font-weight:normal;
	width:6em;
	text-align:right;
	padding:2px 1em 2px 0;
}
.tc_list{
	max-width:580px;
	width:100%;
	margin:0 auto;
}
.tc_list li{
	width:50%;
	float:left;
	list-style-position:inside;
}
.info_list{
	/* max-width:450px;
	width:100%;
	margin:0 auto 50px; */
}
.info_list ,.info_wrap{
	width: 55%;
	margin: 0 auto 50px 30%;
}
.info_list li{
	list-style-position:inside;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1em;
}
.info_list li a{
	padding: 0.5em 1em;
	background-color: #804f21;
	text-decoration: none;
}
.info_list li a span{
	color: #fff;
}

.info_wrap{
	/* max-width:600px;
	width:100%;
	margin:0 auto 50px; */
}
.info_cnt01{
	width:50%;
	/* padding-left:15%; */
	float:left;
}
.info_cnt01 table th{
	font-weight: normal;
}
.info_cnt01 table td{
	width:3em;
	text-align: right;
}

.info_cnt02{
	width:50%;
	float:left;
}
.info_cnt02 img{
	width:100%;
	max-width:337px;
}
.area_b,.area_o{
	width:24em;
	margin:0 auto;
}
.area_b span{
	background:#00a0e9;
	display:inline-block;
	width:2em;
	height:1em;
	vertical-align: middle;
	margin-right:0.5em;
}
.area_o span{
	background:#f7b52c;
	display:inline-block;
	width:2em;
	height:1em;
	vertical-align: middle;
	margin-right:0.5em;
}
.area_map{
	position:relative;
	margin: 30px auto;
	padding-left: 150px;
	max-width:800px;
	width:100%;
}
.area_txt{
	padding:1em;
	border-radius:5px;
	border:1px solid #231815;
	display:inline-block;
	position:absolute;
	top:50px;
}
.area_img{
	text-align:center;
}
.area_img img{
	width:100%;
	max-width:601px;
}
.flow_wrap{
	padding-bottom:170px;
	background:url(../images/img_recycle01.png) no-repeat right bottom;
}
.flow_wrap > section:not(:first-of-type) {
  margin-top: 80px;
}
.flow_footer{
	margin-top:0;
}
.flow_cnt{
	max-width:800px;
	width:100%;
	margin:20px auto;
}
.flow_ttl{
	font-size:25px;
	color:#fff;
	background:#e95483;
	text-align:center;
	border-radius:10px;
	padding:0.6em 0.2em;
}
.flow_arrow{
	text-align:center;
	margin:10px 0;
}

.price_box {
  margin-top: 30px;
}

.price_box .price_ttl {
	font-size: 25px;
  font-weight: 700;
  margin-bottom: 0;
}

.price_box .price_tbl {
	font-size: 24px;
  margin-top: 20px;
}

.price_box .price_tbl .tbl {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  width: 100%;
}

.price_box .price_tbl .tbl th {
  background-color: #fadce9;
}

.price_box .price_tbl .tbl td {
  background-color: #ffffff;
}

.price_box .price_tbl .tbl th,
.price_box .price_tbl .tbl td {
  border: 1px solid #231815;
  padding: 0.5em;
  text-align: center;
  vertical-align: middle;
}

.price_box .price_tbl .note {
	font-size: 14px;
  display: flex;
  line-height: 1.3;
  margin-top: 10px;
}

.price_box .price_tbl .note:before {
	content: "※";
  margin-right: 0.15em;
}

@media screen and (max-width: 768px){

.flow_wrap > section:not(:first-of-type) {
  margin-top: 50px;
}

.price_box .price_ttl {
	font-size: 20px;
}

.price_box .price_tbl {
	font-size: 15px;
  margin-top: 15px;
}

}

@media screen and (max-width: 768px){
	/*
	* 共通
	*/
	footer{
		min-width:100%
	}
	.mobile-navigation,.pure-drawer{
		display:block;
	}
	.g_navi{
		display:none;
	}
	.m_menu{
		margin:100px 0 0 ;
	}
	.m_menu li{
		border-bottom:1px solid #ccc;
		list-style:none;
	}
	.m_menu li a{
		display:block;
		color:#000;
		padding:1em 2em;
		font-size:15px;
		text-decoration:none;
		display:block;
	}
	.m_menu li a span{
		display:block;
		font-size:0.8em;
	}
	.m_menu .current01{
		background:url(../images/menu_current_m01.png) no-repeat 14px center;
	}
	.m_menu .current02{
		background:url(../images/menu_current_m02.png) no-repeat 14px center;
	}
	.m_menu .current03{
		background:url(../images/menu_current_m03.png) no-repeat 14px center;
	}
	.m_menu .current04{
		background:url(../images/menu_current_m04.png) no-repeat 14px center;
	}
	.m_menu .current05{
		background:url(../images/menu_current_m05.png) no-repeat 14px center;
	}
	.wrap,.wrap4,.wrap6{
		width:96%;
		margin:30px 2% 0;
	}
	.wrap4{
		width:96%;
		margin:30px 2%;
	}
	.wrap2,.wrap3,.wrap5{
		width:96%;
		margin:0 2%;
	}
	#inquiry{
		width:100%;
	}
	#inquiry .confirm_btn, #inquiry .reset_btn, #inquiry .back_btn, #inquiry .submit_btn{
		width:44%;
		margin:0 1%;
	}
	#inquiry table tr,#inquiry table td,#inquiry table th{
		display:block;
		width:100%;
	}
	/*
	* ここからサイトごと
	*/
	h1 img{
		width:100%;
		max-width:640px;
	}
	header .tel,h1{
		text-align:center;
		width:100%;
	}
	h1{
		float:none;
	}
	.tel{
		float:none;
		margin-top:0;
	}
	.top h2{
		margin:0 2%;
	}
	.top h2 img{
		max-width:490px;
		width:100%;
	}
	.main_v h2{
		line-height:1.5;
	}
	.table_responsive{
		width:100%;
		overflow:auto;
	}
	.top_comment{
		width:100%;
	}
	.top_comment_cnt01, .top_comment_cnt02{
		padding-right:0;
		padding-left:0;
	}
	.top_comment_cnt01 p, .top_comment_cnt02 p{
		width:100%;
		float:none;
	}
	.top_service_list p{
		width:33.33%;
	}
	.top_service_list_sp{
		width:100%;
		margin-left:16.66%;
	}
	.area_map{
		padding-left:0;
		text-align:center;
	}
	.area_txt{
		position:relative;
		top:0;
		margin:30px auto;
	}
	.flow_ttl{
		margin-bottom:10px;
	}
	.info_list, .info_wrap {
    width: 90%;
    margin: 0 auto;
	}
}

@media screen and (max-width: 480px){
	/*
	* 共通
	*/
	#inquiry input.i_email{
		width:40%;
	}
	.info_cnt01{
		padding-left:0;
	}
}
/*
* 共通
*/
@media screen and (min-width: 576px){
	.col-sm-45 {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	.col-sm-55 {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
}
@media screen and (min-width: 768px){
	.top_cnt.container,.company_cnt1.container,.purchase_cnt.container{
		max-width:100%;
	}

}

/* -----------------------------------------------------------
  事業内容
----------------------------------------------------------- */
.service_wrapper {
  background: url(../images/img_recycle01.png) right bottom no-repeat;
  padding-bottom: 170px;
}

.service_lead_box {
  font-size: 16px;
  text-align: center;
  max-width: 960px;
  width: 100%;
}

.service_lead_box .service_lead span {
  display: block;
}

.service_lead_box .service_lead .sp_br {
  display: none;
}

.service_wrap > section:not(:first-of-type) {
  margin-top: 50px;
}

.service_wrap > section .service_box {
  display: flex;
}

.service_wrap > section .service_box.algn-itm_cntr {
  align-items: center;
}

.service_wrap > section .service_box .service_icn .icn img {
  width: 140px;
}

.service_wrap > section .service_box .service_txt {
  margin-left: 30px;
}

.service_wrap > section .service_box .service_txt .txt_box .service_ttl {
  font-size: 25px;
  font-weight: 700;
}

.service_wrap > section .service_box .service_txt .txt_box .service_p {
  margin-top: 10px;
}

.service_wrap > section .service_box .service_txt .pic_box {
  margin-top: 20px;
}

.service_wrap > section .service_box .service_txt .pic_box .pic_list {
  display: flex;
  gap: 20px;
}

.service_wrap > section .service_box .service_txt .pic_box .pic_list li {
  list-style: none;
}

.service_wrap > section .service_box .service_txt .pic_box .pic_list li img {
  max-width: 100%;
}

.service_footer {
  margin-top: 0;
}

@media screen and (max-width: 768px){

.service_lead_box .service_lead .sp_br {
  display: block;
}

.service_wrap > section .service_box {
  display: block;
}

.service_wrap > section .service_box .service_icn {
  text-align: center;
}

.service_wrap > section .service_box .service_icn .icn img {
  width: 100px;
}

.service_wrap > section .service_box .service_txt {
  margin-left: 0;
  margin-top: 20px;
}

.service_wrap > section .service_box .service_txt .txt_box .service_ttl {
  font-size: 20px;
  text-align: center;
}

.service_wrap > section .service_box .service_txt .txt_box .service_p {
  margin-top: 15px;
}

.service_wrap > section .service_box .service_txt .pic_box .pic_list {
  gap: 10px;
}

}

/* -----------------------------------------------------------
  街のごみ屋さん.comとは
----------------------------------------------------------- */
.signature {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin-top: 20px;
}

.signature .position {
  font-size: 18px;
}

.signature .name {
  font-size: 22px;
  margin-left: 0.5em;
}

@media screen and (max-width: 768px){

.signature .position {
  font-size: 16px;
}

.signature .name {
  font-size: 20px;
}

}