﻿/****************************************

	cleaning.css

*****************************************/


div.main_img{
	display: none;
	position: relative;
}

div.sp_main_img{
	display: block;
}

div.sp_main_img img{
	width: 100%;
	height: auto;
}

h2.main_title  {
	padding-top: 8.8%;
	line-height:2.5rem;
}

div.light_blue_box{
	background: #d3ecfb;
	width: 100%;
	margin: 4.5rem 0 0 0;
	padding-bottom: 2.5rem;
}

h1.color_title{
	color: #0068b6;
	font-size: 1.8rem;
	line-height: 2.5rem;
	font-weight:normal;
	text-align: center;
	padding: 2.7rem 0 1.5rem 0;
	float: none;
}

div.service_innner_box{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5rem 0;
}

div.service_box{
	width: 100%;
	max-width: 37.3rem;
	box-shadow: 2px 2px 5px 2px rgba(2, 2, 2, 0.35);
	border-radius: 1rem;
	margin: 0 auto;
}

ul.service_list {
    letter-spacing: -0.4rem;
    margin: 0 auto;
    text-align: justify;
    width: 100%;
}

ul.service_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%;
	margin: 3% 0;
}

h2.service_name{
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 2.5rem;
	color: #fff;
	text-align: center;
	border-radius: 1rem 1rem 0 0;
	height: 5.4rem;
	box-sizing: border-box;
	padding: 1.5rem 0 0 0;
}

h2.hikkoshi{
	background: #e50011;
}

h2.sodai{
	background: #ea5414;
}

h2.cleaning{
	background: #009943;
}

h2.office{
	background: #8ec31e;
}

h2.recycle{
	background: #036eb8;
}

h2.bike{
	background: #00a0e8;
}

h2.house_c{
	background: #5f1885;
}

h2.special_c{
	background: #a40b5d;
}

h2.reform{
	background: #946134;
}

div.service_whitebox{
	background: #fff;
	border-radius: 0 0 1rem 1rem;
	text-align: center;
	padding: 2rem 0;
}

p.txt{
	font-size: 1.4rem;
    line-height: 2.5rem;
	color: #000;
}


p.service_box{
	line-height: 2rem;
	width: 90%;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	margin: 0 auto;
}

img.icon_1{
	margin-bottom: 1rem;
	
}

img.icon_2{
	margin-bottom: 0.8rem;
}

div.bk_img_box{
	background: url(../img/cleaning_big_bk.png) no-repeat;
	background-size: cover;
	background-position: right top;
	width: 100%;
	margin: 0 auto;
	padding: 5.2rem 0 8.2rem 0;
	box-sizing: border-box;
}

p.bk_img_txt{
	margin: 0 auto;
}

img.cleaning_befor_after{
	width: 95%;
	height: auto;
	display: block;
	margin: 3.5rem auto 0;
}

img.cleaning_keisan{
	width: 90%;
	height: auto;
	display: block;
	margin: 3.2rem auto 0;
}

p.asutarisuku{
	margin: 2rem auto;
	padding-left: 1.3rem;
    text-indent: -1.3rem;
}

span.okada_indent{
	display: block;
	padding-left: 10.4rem;
	text-indent: -10.4rem;
}

div.under_company_list_innner_box{
	width: 100%;
}

p.common_under_company_txt{
	width: 90%;
	margin: 0 auto;
}

div.for_tab_sp_display{
	margin-top: 3rem;
	background: #fff;
	padding:1.2rem;
	width: 85%;
}

p.SP_ajaster{
	padding-left: 7.1rem;
	text-indent: -7.1rem;
}

p.under_asuta{
	margin: 2rem auto;
	width: 95%;
}


/****************************************

for タブレット～PC(980px以下)

*****************************************/

@media print,screen and (min-width:768px) and ( max-width:980px){

div.main_img{
	display: block;
	position: relative;
}

div.sp_main_img{
	display: none;
}

h2.main_title  {
	padding-top: 12.8%;
}

div.light_blue_box{
	background: #d3ecfb;
	width: 100%;
	margin: 4.5rem 0 0 0;
}

h1.color_title{
	color: #0068b6;
	font-size: 2.4rem;
	line-height: 4.2rem;
	font-weight:normal;
	text-align: center;
	padding: 2.7rem 0 2.7rem 0;
	float: none;
}

div.service_innner_box{
	width: 90%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 5rem 0;
}

div.service_box{
	width: 100%;
	max-width: 37.3rem;
	box-shadow: 2px 2px 5px 2px rgba(2, 2, 2, 0.35);
	border-radius: 1rem;
	margin: 0 auto;
}

ul.service_list {
    letter-spacing: -0.4rem;
    margin: 0 auto;
    text-align: justify;
    width: 100%;
	max-width: 117.5rem;
}


ul.service_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


ul.service_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 49%;
	margin: 0;
}

li.center_line{
	margin: 2% 0!important;
}

li.center_line2{
	margin: 2% 0!important;
}

li.center_line3{
	margin: 0!important;
}

h2.service_name{
	font-size: 2.3rem;
	font-weight: normal;
	line-height: 3rem;
	color: #fff;
	text-align: center;
	border-radius: 1rem 1rem 0 0;
	height: 5.4rem;
	box-sizing: border-box;
	padding: 1.5rem 0 0 0;
}

h2.hikkoshi{
	background: #e50011;
}

h2.sodai{
	background: #ea5414;
}

h2.cleaning{
	background: #009943;
}

h2.office{
	background: #8ec31e;
}

h2.recycle{
	background: #036eb8;
}

h2.bike{
	background: #00a0e8;
}

h2.house_c{
	background: #5f1885;
}

h2.special_c{
	background: #a40b5d;
}

h2.reform{
	background: #946134;
}

div.service_whitebox{
	background: #fff;
	border-radius: 0 0 1rem 1rem;
	text-align: center;
	padding: 2rem 0;
}

p.txt{
	font-size: 1.4rem;
    line-height: 2.5rem;
	color: #000;
}


p.service_box{
	line-height: 2.5rem;
	width: 90%;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	margin: 0 auto;
}

img.icon_1{
	margin-bottom: 1rem;
	
}

img.icon_2{
	margin-bottom: 0.8rem;
}

div.bk_img_box{
	background: url(../img/cleaning_big_bk.png) no-repeat;
	background-size: cover;
	background-position: right top;
	width: 100%;
	max-width: 130rem;
	margin: 0 auto;
	padding: 5.2rem 0 8.2rem 0;
	box-sizing: border-box;
}

p.bk_img_txt{
	margin: 0 auto;
}

img.cleaning_befor_after{
	width: 66.4rem;
	height: auto;
	display: block;
	margin: 3.5rem auto 0;
}

img.cleaning_keisan{
	width: 95%;
	height: auto;
	display: block;
	margin: 3.2rem auto 0;
}

p.asutarisuku{
	margin: 2rem 0 0 0;
}

span.okada_indent{
	display: block;
	padding-left: 11.2rem;
	text-indent: -11.2rem;
}

div.for_tab_sp_display{
	margin-top: 3rem;
	background: #fff;
	padding: 5rem 0;
	width: 90%;
}

span.SP_ajaster {
    padding-left: 0;
	text-indent: 0;
}

}




/****************************************
for PC
*****************************************/

@media print,screen and (min-width:981px) {

div.main_img{
	display: block;
	position: relative;
}

div.sp_main_img{
	display: none;
}

h2.main_title  {
	padding-top: 12.8%;
}

div.light_blue_box{
	background: #d3ecfb;
	width: 100%;
	margin: 9rem 0 0 0;
}

h1.color_title{
	color: #0068b6;
	font-size: 2.4rem;
	line-height: 4.2rem;
	font-weight:normal;
	text-align: center;
	padding: 7.5rem 0 6rem 0;
	float: none;
}

div.service_innner_box{
	width: 90%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 10rem 0;
}

div.service_box{
	width: 100%;
	max-width: 37.3rem;
	box-shadow: 2px 2px 5px 2px rgba(2, 2, 2, 0.35);
	border-radius: 1rem;
	margin: 0 auto;
}

ul.service_list {
    letter-spacing: -0.4rem;
    margin: 0 auto;
    text-align: justify;
    width: 100%;
	max-width: 117.5rem;
}


ul.service_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


ul.service_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 32.5%;
	margin: 0;
}

li.center_line,li.center_line3{
	margin: 2% 0 !important;
}

li.center_line2{
	margin: 0!important;
}

h2.service_name{
	font-size: 2.3rem;
	font-weight: normal;
	line-height: 3rem;
	color: #fff;
	text-align: center;
	border-radius: 1rem 1rem 0 0;
	height: 5.4rem;
	box-sizing: border-box;
	padding: 1.5rem 0 0 0;
}

h2.hikkoshi{
	background: #e50011;
}

h2.sodai{
	background: #ea5414;
}

h2.cleaning{
	background: #009943;
}

h2.office{
	background: #8ec31e;
}

h2.recycle{
	background: #036eb8;
}

h2.bike{
	background: #00a0e8;
}

h2.house_c{
	background: #5f1885;
}

h2.special_c{
	background: #a40b5d;
}

h2.reform{
	background: #946134;
}

div.service_whitebox{
	background: #fff;
	border-radius: 0 0 1rem 1rem;
	text-align: center;
	padding: 2rem 0;
}

p.txt{
	font-size: 1.4rem;
    line-height: 3.4rem;
	color: #000;
}


p.service_box{
	line-height: 2.8rem;
	width: 90%;
	text-align: justify;
	text-justify: inter-ideograph;/*IE用justify*/
	margin: 0 auto;
}

div.height_adjust_recycle{
	padding-bottom: 4.9rem;
}

img.icon_1{
	margin-bottom: 1rem;
	
}

img.icon_2{
	margin-bottom: 0.8rem;
}

div.bk_img_box{
	background: url(../img/cleaning_big_bk.png) no-repeat;
	background-size: cover;
	background-position: right top;
	width: 100%;
	max-width: 130rem;
	margin: 0 auto;
	padding: 5.2rem 0 16.4rem 0;
	box-sizing: border-box;
}

p.bk_img_txt{
	margin: 0 auto;
}

img.cleaning_befor_after{
	width: 66.4rem;
	height: auto;
	display: block;
	margin: 7rem auto 0;
}

img.cleaning_keisan{
	width: 89.6rem;
	height: auto;
	display: block;
	margin: 6.5rem auto 0;
}

p.asutarisuku{
	margin: 4rem 0 0 0;
}

span.okada_indent{
	display: block;
	padding-left: 11.2rem;
	text-indent: -11.2rem;
}

div.for_pc_display{
	margin-top: 3rem;
}

table.under_company_list{
	width: 95%;
}

}
