@charset "UTF-8";

@media screen and ( max-width: 480px ) {
	.cta_left .freedial-logo { font-size: 26px!important; }
	.copyright { padding-bottom: 100px; }
	.box-photo, .box-text { width: 100%; float: none; display: block; }
	.contact_tbl th div, .contact_tbl td div { padding: 10px 0px 10px 10px; }
	.contact_tbl th, .contact_tbl td { width: 100%; display: block; }
	.callbutton td {
	width: 33% !important;
	text-align: center !important;
	font-weight: 700 !important;
	padding: 10px 0px !important;
	}
	.callbutton table { margin: 0px; }
	.footerBoxL { padding-bottom: 20px; }
	.footerBoxL, .footerBoxR { display: block; width: 100%; text-align: center; }
	.box-arrow::after {
		content: ''; height: 44px; 
		background-image: url("//recycle-sendai.com/sys/wp-content/uploads/step-arrow.png");
		display: block; background-repeat: no-repeat; background-position: top center;
	}
	.box-arrow img { display: none; }
	.box-arrow { width: 100%; display: block; }
	.boxA .no1, .boxB .no2, .boxC .no3 { font-size: 21px; }
	.box-table, .boxA, .boxB, .boxC { display: block; width: 100%; margin-bottom: 10px; }
	.indexh1 { font-size: 32px; }
	.page_under_link a::before { background-size: 30px 30px; left: -40px; }
	.page_under_link { width: 65%; }
	.box { display: block; }
	.floatR, .floatL, .boxR, .boxL { width: 100%; display: block; padding: 0px!important; }
	.reason-title { font-size: 21px; line-height: 1.2; font-weight: 800; }
	.reason_no {
		background-image: url("//recycle-sendai.com/sys/wp-content/uploads/reason-title-mini.png");
		width: 47px; height: 50px; background-size: 47px 50px; margin-right: 10px;
	}
	.information-mail a, .link-pink a {	font-weight: 800; }
	.tel, .tel a { font-size: 28px; }
	.freedial-logo::before {
    	padding-right: 5px;
		content: url( //recycle-sendai.com/sys/wp-content/uploads/freedial.png );
	}
	.freedial-logo { font-weight: 800; }
	.cta_left .tel {
		display: block; width: 95%; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 10px;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(#f6f6f6), to(#eee));
		background: -webkit-linear-gradient(#fff, #f6f6f6, #eee);
		background: linear-gradient(#fff, #f6f6f6, #eee);
		border: 1px solid #ccc; border-radius: 8px; text-align: center; line-height: 1.2;
	}
	.cta_left { margin-top: 20px; }
	.cta_right, .cta_left { width: 100%; float: none; }
	.col2 .sub-conts { padding: 15px; }
	.font28px { font-size: 16px!important; }
	.callbutton .orange {background-color: #ff6503 !important;}
	.callbutton .blue {background-color: #004c97 !important;}
	.callbutton .green {background-color: #4fcc4b !important;}
	.callbutton { text-align: center; }
	.callbutton a { color: #fff; }
	textarea, input { max-width: 95%; }
	.tel-size input { max-width: 25%; }
	.pc-tab { display: none; }
}
@media screen and ( min-width: 481px ) {
	.sp { display: none; }
	.pc-tab { display: block;}
}
@media screen and ( max-width: 896px ) {
	.tel, .tel a { color: #e92677; font-size: 36px; }
	.sp-menu a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #393939;
	line-height: 1;
}
.sp-menu label {
	display: block;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #ffffff;
	background: #ff459a;
	cursor: pointer;
}
.sp-menu input {
	display: none;
}
.sp-menu ul {
	margin: 0;
	padding: 0;
	background: #fff7f8;
	list-style: none;
}
.sp-menu li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 800;
	color: #e92677;
	content: "\f101";
	padding: 10px 10px 10px 5px;
	float: left;
}
.sp-menu li:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}
.sp-menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
	margin-bottom: 0px!important; 
}
	
#sp-menu-bar:checked ~ .sp-menu-content li {
	max-height: 46px;
	opacity: 1;
}	
	
	
	.main-image-in-text { min-height: auto; }
	.site-footer-nav { font-size: 14px; }
	.footerBox { width: 95%; }
	.cta_wrapper {
		border: 10px solid #eee; padding: 10px; margin-bottom: 30px;
	}
	.page_h1 h1 { margin: 0px; }
	.global-nav-panel {	background: #ff65ab; color: #fff; }
	.font-default { font-size: inherit!important; }
	
	.site-title { width: 95%; margin-left: auto; margin-right: auto; text-align: center; padding: 0px !important; }
	.pc, .information-time, .information, .page-top { display: none!important; }
	
	.main-body { padding: 0px 15px; }
		
	/*グローバルナビ*/
	.global-nav{
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
		border: 0;
	}
	
	.global-nav ul{
		display: none;
		position: absolute;
		top: 50px;
		left: 10px;
		z-index: 50;
		width: 80%;
		border: 0;
		background: #eeeeee;

	}
	
	.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		background: #ff65ab;
		color: #fff;
		cursor: pointer;
	}

	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		border-bottom: 1px solid #ffffff;
		text-align: left;
	}
	
	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em!important;
		border-bottom: 0;
		background:#eeeeee;
	}
	
	.global-nav-in li ul li{
		width: 100%;
		border-right:0;
		border-bottom: 0;
	}
	
	.global-nav-in li a,
	.global-nav li ul li a{
		display:block;
		padding: 1em;
		padding-right: 2em;
		border-right:0;
		background: url(./images/icon/icon-gn-arw.png) right center no-repeat #eeeeee;
	}
	
	.global-nav li ul li ul{
		margin-left:1em;
	}
	
	.global-nav li ul li ul a{
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url(./images/icon/icon-gn-arw@2x.png) right center no-repeat #eeeeee;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}

		}
		
	.global-nav-in li ul li:hover > a{
		background-color: #FFFFFF;
	}
	.site-title {
		display: block; width: 100%; text-align: center; margin-top: 5%;
	}
	.font21px, .sp-font-default, .list-check li, .page_under_link a { font-size: 16px!important; }
	.information-time, .information, .breadcrumbs { display: none; }
	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
	}
	.col2 .main-conts,
	.col2 .sub-conts,
	.col2r .main-conts,
	.col2r .sub-conts{
		float: none;
		width: auto;
	}
}
@media screen and ( min-width: 897px ) {
	.sp-menu { display: none; }
}