@media (max-width: 750px) {
	body {
		font-size: 20px;
	}
}
@media (max-width: 560px) {
	body {
		font-size: 18px;
	}
}

@media (max-width: 400px) {
	body {
		font-size: 12px;
	}
}

@media (max-width: 319px) {
	body {
		font-size: 11px;
	}
}

.sm {
	display: none !important;
}

@media (max-width: 750px) {
	
	.md {
		display: none !important;
	}
	.sm {
		display: block !important;
	}
	.sm.inline_block {
		display: inline-block !important;
	}

	.trans {
		opacity: 1;
	}
	.trans:hover {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}

	#wrapper {
		min-width: 320px;
		overflow: hidden;
	}

	.container {
		width: auto;
		padding: 0 7.333%;
	}


	/*===== HEADER =====*/
	header .header {
		min-height: 1px;
	}
	header .header .headTop h1 {
		margin-top: 1.2em;
		width: 39%;
	}
	header .header .headTop .contact {
		width: 54%;
		margin-right: -0.5em;
		margin-top: 0.3em;
	}
	header .header .business {
	  margin-right: 0;
	  text-align: center;
	  top: 0;
		right: 4px;
		width: 103%;
	}
	header .header ul.feature {
	  float: right;
	margin-top: -10%;
	position: relative;
	right: -4%;
	top: auto;
	width: 71.95%;
	}
	header .header ul.feature li {
	  width: 32%;
	}
	header .header ul.feature li img {
		max-width: 100%;
	}
	header .header .easy_rush {
	  float: right;
	  position: relative;
	  right: auto;
	  top: auto;
		margin-top: -1.8%;
	  width: 74%;
	  z-index: 99;
	}
	header .header .price {
	  bottom: 0;
	  left: 0;
	  margin-left: -8.6%;
		margin-top: -9%;
	  position: relative;
	  width: 117.5%;
	  z-index: 10;
	}
	header .header .thumb {
	  bottom: 0;
	  float: right;
	  position: absolute;
	  right: 7.333%;
	  top: auto;
	  width: 19.5%;
	  z-index: 20;
	}
	header .header .worker {
		bottom: 6%;
		left: 0;
		width: 67%;
		z-index: 2;
	}
	

	/*===== MAIN =====*/
	article {
	  padding: 0.5em 0 2em;
	}
	.box_contact {
	  background-color: transparent;
	  padding: 0;
	  width: 100%;
	}
	.box_contact .child {
	  padding: 0;
	  text-align: left;
	}
	.box_contact .child .ima {
	  display: inline-block;
	  left: auto;
		margin-left: 3%;
	  position: relative;
	  top: auto;
	  width: 24.2%;
	}
	.box_contact .child .thumb_sample {
	  display: inline-block;
	margin-left: -2%;
	position: relative;
	right: auto;
	top: 0.5em;
	width: 12.5%;
	}
	.box_contact .child .try {
	  display: inline-block;
	  margin-bottom: 0;
	  margin-right: 0;
	  position: relative;
	  top: 2.5em;
	  width: 55%;
	}
	.box_contact .child a.btn_contact {
	  margin-bottom: 1em;
	}
	.box_contact .phone_contact {
	  border-bottom: 0.2em solid #8cc53e;
	  border-top: 0.2em solid #8cc53e;
	  padding: 0 0 0.4em;
	  text-align: center;
	}
	.box_contact .child .phone_contact .title {
	  background-color: #fff;
	  display: inline-block;
	  float: none;
	  padding: 0 10px;
	  position: relative;
	  top: -0.9em;
	  width: 41%;
	  margin: 0;
	}
	.box_contact .child .phone_contact .phone {
	  display: inline-block;
	  float: none;
	  margin-bottom: 0;
	  margin-left: 0;
	  margin-top: -0.4em;
	  width: 92%;
	}
	.box_contact .child .phone_contact .time {
	  display: inline-block;
	  margin-right: 0;
	  text-align: center;
	  width: 48%;
	}


	/*===== section compare =====*/
	.section_compare {
	  padding: 6em 0 0;
	}
	.section_compare h2 {
	  margin-bottom: 1em;
	}
	.section_compare .compare {
		position: relative;
	}
	.section_compare h2 .ico {
	  left: 25%;
	  position: absolute;
	  top: -25%;
	  width: 46.2%;
	}
	.section_compare .intro {
	  margin: 0 auto 0.8em;
	  width: 84%;
	}
	.section_compare .compare .before {
	  margin-right: 0;
	  position: absolute;
	  top: 19.3%;
	  width: 43%;
	  z-index: 999;
	}
	.section_compare .compare .before, 
	.section_compare .compare .after {
	  padding: 0;
	}
	.section_compare .compare .after {
	  float: right;
	  margin-top: 0;
	  padding-bottom: 0;
	  width: 69%;
	}
	.section_compare .compare .after::before {
	  display: none;
	}
	.section_comparse h3.powerful,
	.section_usage .use {
	  left: -8.6%;
	  position: relative;
	  width: 117.5%;
	}


	/*===== section question =====*/
	.section_question {
	  padding: 1em 0;
	  margin-bottom: 5em;
	}
	.section_question h2 {
	  margin-bottom: 8em;
	}
	.section_question .question {
	  left: -8.6%;
	  min-height: 28.5em;
	  padding: 0;
	  width: 117.5%;
	}
	.section_question .mess1 {
	  left: 9.4%;
	  top: -16%;
	  width: 45.5%;
	  z-index: 99;
	}
	.section_question .mess2 {
	  left: 52.4%;
	  top: -21%;
	  width: 38.5%;
	  z-index: 33;
	}
	.section_question .mess3 {
	  left: 7.5%;
	  top: 19%;
	  width: 42.5%;
	  z-index: 10;
	}
	.section_question .mess4 {
	  right: 7%;
	  top: 10%;
	  width: 43.7%;
	  z-index: 20;
	}
	.section_question .mess img {
	  max-width: 100%;
	}
	.section_question .question .ribbon {
	  bottom: 0;
	  top: auto;
	  left: 7%;
	  width: 88%;
	}

	/* section point */
	.section_point .point {
	  margin-bottom: 5em;
	}
	.section_point .head_section {
	  margin-bottom: 4em;
	}
	.section_point .head_section span {
	  display: inline-block;
	}
	.section_point .head_section span.fast_safe {
	  width: 67%;
	}
	.section_point .rust_removal {
	  right: 10%;
	  top: -22%;
	  width: 21%;
	}
	.section_point .head_section .rust_inhibity {
	  right: 2%;
	  top: 11%;
	  width: 21%;
	}
	.section_point .head_section h2 span {
	  width: 34%;
	}
	.section_point .point h3 .icon_point {
	  left: 34.5%;
	  top: -4.7em;
	  width: 43%;
	}
	.section_point .point .title {
		padding: 1.1em 0;
	}
	.section_point .point .box_point {
		padding: 1.35em 1em;
	}
	.section_point .point .box_point .notice {
		font-size: 0.8em;
		line-height: 1.3;
		margin-bottom: 1em;
		display: block;
	}
	.section_point .point .box_point .img {
	  margin-right: 0.85em;
	  width: 50%;
	}
	.section_point .point.point5 {
		margin-bottom: 4em;
	}
	.section_point .point .box_point2 .content {
	  padding: 10px 0 2em;
	}
	.section_point .point .box_point2 .con_left p {
		padding: 0 1em;
	}
	.section_point .point .box_point2 .con_left .safe {
	  margin-left: 0;
		margin-bottom: 0;
		padding: 0;
	  text-align: center;
	}
	.section_point .point .box_point2 .con_left {
	  float: none;
	  margin-right: 0;
	  margin-bottom: 1.5em;
	  width: auto;
	}
	.section_point .point .box_point2 .flow span {
	  margin-bottom: 0;
	}


	/*===== section lineup =====*/
	.section_lineup {
		margin-bottom: 0;
	}
	.section_lineup .item {
	  border-width: 0.2em;
	  float: none;
	  margin-bottom: 2.5em;
	  margin-left: 0;
	  padding: 0.5em;
	  position: relative;
	  width: auto;
	}
	.section_lineup .list_lineup {
	  margin-left: 0;
	}
	.section_lineup .list_lineup .item.sweeper_c .wrapp {
	  background-color: #FF8000;
	}
	.section_lineup .list_lineup .item.sweeper_f .wrapp {
	  background-color: #73B9FF;
	}
	.section_lineup .list_lineup .item.sweeper_p .wrapp {
	  background-color: #FB6681;
	}
	.section_lineup h2 {
	  margin-bottom: 2em;
	}
	.section_lineup .list_lineup .item .icon {
	  display: block;
		left: 1em;
		position: absolute;
		right: auto;
		top: 0;
		width: 19%;
		z-index: 99;
	}
	.section_lineup .list_lineup .item.sweeper_f .icon {
		top: -0.5em;
	}
	.section_lineup .list_lineup .item.sweeper_f {
		margin-bottom: 10px;
	}
	.section_lineup .list_lineup .item .icon img {
		max-width: 100%;
	}
	.section_lineup .list_lineup .item .content {
	  float: left;
		margin-left: 21%;
		text-align: left;
		width: 53%;
	}
	.section_lineup .list_lineup .item .content h3.title {
	  font-size: 1.5em;
	  color: #ffff00 !important;
	}
	.section_lineup .list_lineup .item .content p {
	  font-size: 0.900em;
	  line-height: 1.2;
	  color: #fff;
		padding: 0;
	}
	.section_lineup .list_lineup .wrapp {
	  padding: 0.8em 0.5em 1em;
	}
	.section_lineup .list_lineup .wrapp:after {
		content: "";
		width: 0;
		height: 0;
		display: block;
		clear: both;
	}
	.section_lineup .list_lineup .item .thumb {
	  bottom: 0;
	  position: absolute;
	  right: 2em;
	  width: 18.5%;
	}

	/*===== section comparison =====*/
	.section_comparison {
		padding: 3em 0;
	}
	.section_comparison table tbody th {
		font-size: 0.8em !important;
		color: #109006;
		background-color: #fff;
	}
	.section_comparison table td.col1 {
	  font-size: 0.8em;
	}
	.section_comparison table td.col2 {
	  font-size: 0.7em;
	}
	.section_comparison .comparison table th, 
	.section_comparison .comparison table td {
		height: 4em;
		padding: 0.6em 0.5em;
	}
	.section_comparison table thead th.first {
	  background-color: transparent;
	  width: 15.625%;
	}
	.section_comparison table th.second, 
	.section_comparison table td.col1 {
	  width: 53.125%;
	}
	.section_comparison table th.third, 
	.section_comparison table td.col2 {
	  width: 31.25%;
	}
	.section_comparison .comparison table th, 
	.section_comparison .comparison table td {
		border-color: #109006;
		border-right: 1px solid #109006
	}
	.section_comparison table thead th.second {
		left: -1px;
		font-size: 1.4em;
	}
	.section_comparison table thead th.second:before{
		content: "";
		height: 5px;
		top: -5px;
	}
	.section_comparison table thead th.third {
	  font-size: 1em;
	  border-top:none;
	}
	.section_comparison table thead th {
	  height: auto !important;
	  padding: 0 !important;
	}
	.section_comparison .comparison .notice {
	  background-color: #109006;
	  font-size: 0.7em;
	  padding: 0.5em 0 0.5em 1em;
	  color: #ffff00;
	}
	.section_comparison .comparison .notice span {
	  line-height: 1.4;
	  margin-bottom: 1em;
	}

	/*===== section usage =====*/
	.section_usage {
	  padding: 0.5em 0 0;
	}
	.section_usage h2 {
	  margin-bottom: -2em;
	  margin-right: -2em;
	  top: -3em;
	}
	.section_usage .use {
	  padding: 0 8% 1em;
	}
	.section_usage .use .how_2u li {
	  height: 12em;
	  margin-bottom: 1%;
	  margin-right: 1%;
	  padding: 0.4em;
	  width: 32.666%;
	}
	.section_usage .use .how_2u li .img {
	  margin-bottom: 0.5em;
	  width: 100%;
	}
	.section_usage .use .how_2u li .name {
	  font-size: 0.9em;
	  padding: 0;
		line-height: 1.2;
	}
	.section_usage .use .how_2u li:nth-child(4n) {
	  margin-right: 1%;
	}
	.section_usage .use .how_2u li:nth-child(3n) {
	  margin-right: 0;
	}


	/*===== section voice =====*/
	.section_voice {
	  padding: 1.5em 0 1em;
	}
	.section_voice .voice_customer {
	  padding: 0.5em 0.5em 0;
	}
	.section_voice .voice_customer .col {
	  float: none;
	  margin-right: 0;
	  width: 100%;
	}
	.section_voice .voice_customer .item {
		background: url(../img/sp/bg_voice_bg.png) bottom left;
		background-size: 100% !important;
	}
	.section_voice .voice_customer .item:before {
		content: "";
		display: block;
		width: 100%;
		height: 65px;
		background: url(../img/sp/bg_voice_top.png) no-repeat;
		position: absolute;
		top: 0;
		left: 0;
		background-size: 100%;
	}
	.section_voice .voice_customer h2.title {
	  margin: 0 auto;
	  width: 73%;
	}
	.section_voice .voice_customer .item {
		padding: 2.2em 1em 1.5em;
		margin-bottom: 0;
		position:relative;
	}
	.section_voice .voice_customer .item h3.head {
		background-image: url(../img/sp/bg_tit_voice.png);
		background-size: 100% auto;
		text-align: left;
		padding-left: 0.6em;
		padding-bottom:0.1em;
	}
	.section_voice .voice_customer .item .address {
	  padding-right: 3em;
	  margin-top: 1em;
	}
	.section_voice .voice_customer .col.last {
	  margin-top: 0;
	}

	/* section faq */
	.list_faq .ico_question {
	  background-size: 100% auto;
	  height: 2.225em;
	  left: 0.5em;
	  margin-right: 3%;
	  top: -1em;
	  width: 12.2%;
	}
	.section_faq .list_faq .answer {
	  padding: 0.5em 1em 2em 1.5em;
	}
	.section_faq .list_faq .row .question {
		padding: 0.5em 0;
		line-height: 1.1;
	}
	.list_faq .ico_answer {
	  background-size: 100% auto;
	  height: 1.9em;
	  margin-right: 4%;
	  width: 7.2%;
	}
	.section_faq .list_faq .answer > div p {
		font-size: 0.800em;
	}
	.section_faq .list_faq .answer > div {
	  width: 85%;
	  margin-top: 0.3em;
	}
	.section_faq .list_faq .answer strong,
	.section_faq .list_faq .question {
		font-size: 1em;
	}

	.box_contact.mg_top,
	footer {
	  margin-top: 0;
	}
	footer .girl {
	  left: auto;
	right: 7%;
	width: 37%;
	z-index: 99;
	}
	footer .footer {
	  padding-top: 1em;
	  padding-bottom: 0;
	}
	footer .sm p {
	  font-size: 0.9em;
	  position: relative;
	  z-index: 999;
	}
	footer .copyright {
	  color: #333;
	  font-size: 0.6em;
	  position: relative;
	  text-align: right;
	  z-index: 999;
	}
	footer .footer > .sm {
		margin-left: 1em;
	}
	footer .sm p.time {
		width: 47%;
	}
	footer .sm p.phone {
		width: 77%;
		margin-bottom: 0.5em;
	}
    footer .top_btn{
        width: 50%;
        float: right;
    }

}


@media (max-width: 640px) {
	.section_question .question {min-height: 25.5em}
	.section_question h2 {margin-bottom: 6em;}
	.section_point .point h3 .icon_point{top:-4.3em;}
	.section_lineup .list_lineup .item .content h3.title {font-size: 1.2em;}
	.section_lineup .list_lineup .item .content p {font-size: 0.8em;}
	.section_lineup h2 {
	  margin-bottom: 1em;
	}
	.section_usage .use .how_2u li {height: 11em;}
}
@media (max-width: 580px) {
	.box_contact .child .try {top:2em;}
	.section_question .question {min-height: 25.5em}
	.section_point .point h3 .icon_point{top:-3.8em;}
	.section_lineup .list_lineup .item .content h3.title {font-size: 1em;}
}
@media (max-width: 480px) {
	section.sectionTopScore ul.listCores li a {
		background-size: 6.7%;
	}
	.section_question .question {min-height: 20.5em}
	.section_point .point h3 .icon_point{top:-3.6em;}
	.section_comparison table thead th.second {font-size: 1.2em;}
	.section_usage .use .how_2u li .name {font-size: 0.8em}
	.section_usage .use .how_2u li {height: 9em;}
	.section_question {
		margin-bottom: 4em;
	}
	.section_lineup .item {margin-bottom:1em;}
}
@media (max-width: 420px) {
	.section_question .question {min-height: 17.5em}
	.section_question h2 {
	  margin-bottom: 5em;
	}
	.section_point .point h3 .icon_point{top:-3.3em;}
}
@media (max-width: 400px) {
	.section_question .question {min-height: 25.5em}
	.section_question h2 {
	  margin-bottom: 6em;
	}
	.section_point .point h3 .icon_point{top:-4.3em;}
	.section_usage .use .how_2u li {
		height: 10em;
	}
}

@media (max-width: 360px) {
	.section_question .question {min-height: 23.5em}
	.section_point .point h3 .icon_point{top:-3.9em;}
	.section_lineup .list_lineup .item .thumb{right: 1.5em;}
	.section_lineup .list_lineup .item .content{width: 57%;}
	.list_faq .ico_question {top: -0.75em;}
}
@media (max-width: 320px) {
	.section_question .question {min-height: 20.5em}
	.section_question h2 {
	  margin-bottom: 5em;
	}
	.section_usage .use .how_2u li {
		height: 9em;
	}
	.section_point .point h3 .icon_point{top:-3.6em;}
}
@media (max-width: 319px) {
	body {
		font-size: 11px;
	}
}