@charset "UTF-8";
/* CSS Document */
	.cleaning_lp{
		background: #ffffff;
		width: 100%;
		font-size: 3.125vw;
	}
	.bnr_area_01{
		padding: 4.2%;
	}
	.bnr_area_01 img{
		width: 100%;
	}
	.cat_area_01{
		padding:0 4.2% 2% 4.2%;
		background: #f4f4f4;
	}
	.cat_area_01 h1 {
		color: #333333;
		font-size: 1.2em;
		text-align: left;
		line-height: 1.2;
		border: 0;
		background: none;
		margin: 0;
		padding: 1.2em 0;
	}
	.cleaning_maker{
		background: #ffffff;
		box-shadow:0px 0px 6px 3px #cccccc;
		font-weight: bold;
		padding: 1.8%;
		margin-bottom: 2em;
	}

	/* react native */
	.cleaning_maker{
	shadowColor:"#cccccc",
	shadowOffset:{width:0,height:0},
	shadowOpacity:1,
	shadowRadius:6,
	borderWidth:1,
	borderColor:"#cccccc",
	borderRadius:6
	}
	.cleaning_maker h2{
		font-size: 1.2em;
		font-weight: bold;
		color: #29599f;
		text-align: left;
		margin: .5em 0 .7em 0;
		line-height: 1.2;
	}
	.ca_cleaning_maker h2{
		color: #bb0a17;
	}
	.br_cleaning_maker h2{
		color: #346db2;
	}
	.hp_cleaning_maker h2{
		color: #333333;
	}
	.cleaning_maker ul {
		width:100%;
		margin:0;
		padding:0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.cleaning_maker li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: .6em;
		border-top: 4px solid #29599f;
	}
	.ca_cleaning_maker li{
		border-top: 4px solid #bb0a17;
	}
	.br_cleaning_maker li{
		border-top: 4px solid #346db2;
	}
	.hp_cleaning_maker li{
		border-top:4px solid #333333;
	}
	
	
	.cleaning_maker li a{
		background: url(../images/cleaning/bg.png);
		background-size: cover;
		padding: .5em 0;
		line-height: 1.2;
		border-left: solid 1px #b8b8b8;
		border-right: solid 1px #b8b8b8;
		border-bottom: solid 1px #b8b8b8;
		box-sizing: border-box;
		display: block;
		color: #444444;
		font-size: .9em;
		font-weight: 500;
	}
	.cleaning_maker li:nth-child(2n){
		margin-right: 0;
	}
	
	.ink_introduce h2{
  text-align:left;
  margin-top: 1em;
  margin-bottom: 0.4em;
  color: #444444;
}

.ink_introduce > p{
  text-align:left;
  margin-top:1em;
  margin-bottom:1em;
  font-size:0.7em;
  line-height:1.7;
}
	
@media only screen and (min-width: 768px) {
	.cleaning_lp{
		font-size: 20px;
	}
	.cleaning_maker li a{
		line-height:42px;
		padding: .2em 0;
	}
	.cleaning_maker li{
		width: 32%;
	}
	.cleaning_maker li:nth-child(2n){
		margin-right: 2%;
	}
	.cleaning_maker li:nth-child(3n){
		margin-right: 0;
	}
	.cleaning_maker li{
		border-top: 7px solid #29599f;
	}
	.ca_cleaning_maker li{
		border-top: 7px solid #bb0a17;
	}
	.br_cleaning_maker li{
		border-top: 7px solid #346db2;
	}
	.hp_cleaning_maker li{
		border-top:7px solid #333333;
	}

}