@charset "UTF-8";

.imgbox {
	line-height: 0;
}



/* =おそうじ基本4原則
-------------------------------------------------------------- */
.jiten-what .section .imgWrap {
	text-align: center;
	padding: 2.4rem 20%;
}
.jiten-what .section .imgWrap img {
	box-sizing: border-box;
	width: 100%;
}
.jiten-what .section1 .imgWrap img {
	max-width: 290px;
}
.jiten-what .section2 .imgWrap img {
	max-width: 268px;
}
.jiten-what .section3 .imgWrap img {
	max-width: 425px;
}
.jiten-what .section4 .imgWrap img {
	max-width: 371px;
}



/* =おそうじ基本5手順
-------------------------------------------------------------- */
#jiten-kiso-what-02 .section1 .imgWrap img {
	max-width: 214px;
}

#jiten-kiso-what-02 .section2 .imgWrap img {
	max-width: 268px;
}

#jiten-kiso-what-02 .section3 .imgWrap img {
	max-width: 160px;
}

#jiten-kiso-what-02 .section4 .imgWrap img {
	max-width: 368px;
}

#jiten-kiso-what-02 .section5 .imgWrap img {
	max-width: 368px;
}



/* =汚れの状態別分類とその落とし方
-------------------------------------------------------------- */
#jiten-kiso-sumai-01 .section .sectionText {
	margin-top: 3%;
}

#jiten-kiso-sumai-01 .section .imgWrap {
	text-align: center;
	padding: 5% 10%;
}

#jiten-kiso-sumai-01 .section .imgWrap img {
	width: 100%;
}

#jiten-kiso-sumai-01 .section1 .imgWrap img {
	max-width: 520px;
}

#jiten-kiso-sumai-01 .section2 .imgWrap img {
	max-width: 556px;
}

#jiten-kiso-sumai-01 .section3 .imgWrap img {
	max-width: 616px;
}



/* =家全体の特殊汚れ
-------------------------------------------------------------- */
#jiten-kiso-sumai-02 .content-width {
	padding-top: 5%;
}

#jiten-kiso-sumai-02 .syoutai {
	font-size: 0;
}

#jiten-kiso-sumai-02 .syoutai-img {
	display: inline-block;
	width: 17.5%;
	margin-right: 5.5%;
	vertical-align: top;
}

#jiten-kiso-sumai-02 .syoutai-img img {
	width: 100%;
}

#jiten-kiso-sumai-02 .syoutai-text {
	display: inline-block;
	width: 77%;
	vertical-align: top;
}

#jiten-kiso-sumai-02 .syoutai-title {
	color: #fff;
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 2%;
}

#jiten-kiso-sumai-02 .syoutai-title-01 {
	background: #f29d65;
}

#jiten-kiso-sumai-02 .syoutai-title-02 {
	background: #29a8e1;
}

#jiten-kiso-sumai-02 .syoutai-title-03 {
	background: #7dccf3;
}

#jiten-kiso-sumai-02 .syoutai-des {
	font-size: 2.4rem;
	margin-bottom: 3%;
}

#jiten-kiso-sumai-02 .syoutai03 .syoutai-des:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 480px) {
	#jiten-kiso-sumai-02 .syoutai-img {
		display: block;
		width: 100%;
		text-align: center;
		margin-right: 0;
		margin-bottom: 5%;
	}

	#jiten-kiso-sumai-02 .syoutai-img img {
		max-width: 103px;
	}

	#jiten-kiso-sumai-02 .syoutai-text {
		display: block;
		width: 100%;
	}
}

#jiten-kiso-sumai-02 .check {
	font-size: 0;
	margin-bottom: 4%;
}

#jiten-kiso-sumai-02 .check-left {
	display: inline-block;
	width: 17.5%;
	vertical-align: top;
}

#jiten-kiso-sumai-02 .check-left img {
	width: 100%;
}

#jiten-kiso-sumai-02 .check-right {
	display: inline-block;
	width: 82.5%;
	vertical-align: top;
}

#jiten-kiso-sumai-02 .check-title {
	font-size: 2.4rem;
	padding-left: 3.5%;
	margin-bottom: 1%;
}

#jiten-kiso-sumai-02 .check-title-01 {
	color: #ea5404;
	border-bottom: solid 1px #ea5404;
}

#jiten-kiso-sumai-02 .check-title-02 {
	color: #008cd6;
	border-bottom: solid 1px #008cd6;
}

#jiten-kiso-sumai-02 .check-title-03 {
	color: #38beef;
	border-bottom: solid 1px #38beef;
}

#jiten-kiso-sumai-02 .check-title-04 {
	color: #ef858c;
	border-bottom: solid 1px #ef858c;
}

#jiten-kiso-sumai-02 .check-title-05 {
	color: #90c31f;
	border-bottom: solid 1px #90c31f;
}

#jiten-kiso-sumai-02 .check-title-06 {
	color: #bd7719;
	border-bottom: solid 1px #bd7719;
}

#jiten-kiso-sumai-02 .check-title-07 {
	color: #009842;
	border-bottom: solid 1px #009842;
}

#jiten-kiso-sumai-02 .check-list {
	font-size: 0;
	list-style-type: disc;
	padding-left: 5%;
}

#jiten-kiso-sumai-02 .check-list li {
	display: inline-block;
	font-size: 2.4rem;
	margin-right: 3%;
	padding-left: 2.5%;
	position: relative;
}

#jiten-kiso-sumai-02 .check-list li::before {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	background: #777;
	border-radius: 4px;
	left: 0;
	top: 50%;
	margin-top: -4px;
}

@media screen and (max-width: 480px) {
	#jiten-kiso-sumai-02 .check-list li {
		padding-left: 5%;
		margin-right: 5%;
	}

	#jiten-kiso-sumai-02 .check-list li::before {
		width: 6px;
		height: 6px;
		border-radius: 3px;
		top: 50%;
	}
}



/* =家全体の特殊汚れ
-------------------------------------------------------------------------------------- */
#jiten-kiso-zaishitsu-01 .section {
	margin-bottom: 7%;
}

#jiten-kiso-zaishitsu-01 .section .imgWrap {
	text-align: center;
	padding: 4% 15%;
}

#jiten-kiso-zaishitsu-01 .section1 .imgWrap img {
	width: 100%;
	max-width: 280px;
}

#jiten-kiso-zaishitsu-01 .cat-title {
	font-size: 2.6rem;
	border-bottom: solid 1px #0F52BC;
	padding-left: 2%;
	margin-bottom: 5%;
}

#jiten-kiso-zaishitsu-01 .material {
	font-size: 0;
	margin-bottom: 5%;
}

#jiten-kiso-zaishitsu-01 .mat-left {
	display: inline-block;
	vertical-align: top;
	width: 17.6%;
	margin-right: 4.6%;
}

#jiten-kiso-zaishitsu-01 .mat-left img {
	width: 100%;
}

#jiten-kiso-zaishitsu-01 .mat-right {
	display: inline-block;
	vertical-align: top;
	width: 77.8%;
	font-size: 2.4rem;
}

#jiten-kiso-zaishitsu-01 .mat-name {
	color: #fff;
	text-align: center;
	margin-bottom: 2%;
}

#jiten-kiso-zaishitsu-01 .wall-01 .mat-name {
	background: #85ccc9;
}

#jiten-kiso-zaishitsu-01 .wall-02 .mat-name {
	background: #facd89;
}

#jiten-kiso-zaishitsu-01 .floor-01 .mat-name {
	background: #ad5944;
}

#jiten-kiso-zaishitsu-01 .floor-02 .mat-name {
	background: #cabb89;
}

#jiten-kiso-zaishitsu-01 .floor-03 .mat-name {
	background: #f5b7bb;
}

#jiten-kiso-zaishitsu-01 .floor-04 .mat-name {
	background: #8ac997;
}

#jiten-kiso-zaishitsu-01 .mat-detail {
	padding-bottom: 2%;
	border-bottom: solid 1px #0F52BC;
}

#jiten-kiso-zaishitsu-01 .oteire {
	display: inline-block;
	color: #fff;
	background: #0F52BC;
	padding: 0 3%;
	margin-bottom: 2%;
}

#jiten-kiso-zaishitsu-01 .ill-img {
	text-align: center;
	padding: 0 15%;
}

#jiten-kiso-zaishitsu-01 .zaishitsu-wall .ill-img img {
	width: 100%;
	max-width: 296px;
}

#jiten-kiso-zaishitsu-01 .zaishitsu-floor .ill-img img {
	width: 100%;
	max-width: 316px;
}

#jiten-kiso-zaishitsu-01 .zaishitsu-wall {
	margin-bottom: 5%;
}



/* =素材のタイプを確かめよう
-------------------------------------------------------------------------------------- */
#jiten-kiso-zaishitsu-02 .section .sectionText {
	padding-top: 3%;
}

#jiten-kiso-zaishitsu-02 .section .imgbox {
	text-align: center;
	padding: 0 15%;
	margin-top: 2%;
}

#jiten-kiso-zaishitsu-02 .section .img01 {
	margin-bottom: 2%;
}

#jiten-kiso-zaishitsu-02 .section .img01 img {
	width: 100%;
	max-width: 366px;
}

#jiten-kiso-zaishitsu-02 .section .img02 img {
	width: 100%;
	max-width: 294px;
}

#jiten-kiso-zaishitsu-02 .section .img03 img {
	width: 100%;
	max-width: 296px;
}


#jiten-kiso-zaishitsu-02 .section .note {
	padding: 0 4% 0 8%;
}

#jiten-kiso-zaishitsu-02 .section .note li {
	line-height: 1.6;
	margin-bottom: 2%;
}

#jiten-kiso-zaishitsu-02 .section .note .marked {
	position: relative;
}

#jiten-kiso-zaishitsu-02 .section .note .marked::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #e883af;
	top: 13px;
	left: -20px;
}

@media screen and (max-width: 640px) {
	#jiten-kiso-zaishitsu-02 .section .note .marked::before {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #e883af;
		top: 11px;
		left: -20px;
	}
}

@media screen and (max-width: 480px) {
	#jiten-kiso-zaishitsu-02 .section .note .marked::before {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		background: #e883af;
		top: 8px;
		left: -15px;
	}
}



/* =洗剤の種類と特徴
-------------------------------------------------------------------------------------- */
.jiten-senzai .sectionText {
	margin-top: 2%;
}

#jiten-kiso-senzai-01 .imgbox {
	text-align: center;
	padding: 2% 15%;
}

#jiten-kiso-senzai-01 .imgbox img {
	width: 100%;
	max-width: 316px;
}

#jiten-kiso-senzai-01 .senzai-cat-title {
	font-size: 2.6rem;
	border: solid 1px #40c6f1;
	padding: 1%;
}

#jiten-kiso-senzai-01 .senzai-detail {
	margin-top: 2%;
	margin-bottom: 3%;
}

#jiten-kiso-senzai-01 .senzai-container dl {
	padding-left: 5%;
}

#jiten-kiso-senzai-01 .senzai-container dt {
	color: #40c6f1;
	margin-bottom: 1%;
	position: relative;
}

#jiten-kiso-senzai-01 .senzai-container dt::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #40c6f1;
	top: 25%;
	left: -3%;
}

@media screen and (max-width: 640px) {
	#jiten-kiso-senzai-01 .senzai-container dt::before {
		width: 12px;
		height: 12px;
		border-radius: 6px;
		top: 28%;
		left: -3.5%;
	}
}

@media screen and (max-width: 480px) {
	#jiten-kiso-senzai-01 .senzai-container dt::before {
		top: 24%;
		left: -5.5%;
	}
}

#jiten-kiso-senzai-01 .senzai-container dd {
	line-height: 1.6;
	margin-bottom: 3%;
}



/* =液性の違いと特性
-------------------------------------------------------------------------------------- */
#jiten-kiso-senzai-02 .section1 .imgbox {
	text-align: center;
	padding: 3% 0;
}

#jiten-kiso-senzai-02 .section1 .imgbox img {
	width: 100%;
	max-width: 545px;
}



/* =用途と特徴
-------------------------------------------------------------------------------------- */
#jiten-kiso-senzai-03 .section .imgbox {
	text-align: center;
	padding: 3% 10%;
}
#jiten-kiso-senzai-03 .section .imgbox-02{
	text-align: center;
    padding: 3% 3% 3% 5%;
}

#jiten-kiso-senzai-03 .section .imgbox img {
	width: 100%;
	max-width: 308px;
}



/* =「家庭用品品質表示法」について
-------------------------------------------------------------------------------------- */
#jiten-kiso-senzai-04 .section1 .imgbox {
	text-align: center;
}

#jiten-kiso-senzai-04 .section1 .img-01 {
	padding: 3% 5%;
	margin-bottom: 2%;
}

#jiten-kiso-senzai-04 .section1 .img-01 img {
	width: 100%;
	max-width: 520px;
}

#jiten-kiso-senzai-04 .label-title {
	font-size: 3rem;
	text-align: center;
	color: #82bf25;
	border: solid 1px #82bf25;
	padding: 2%;
	margin-bottom: 3%;
}

#jiten-kiso-senzai-04 .label-name {
	font-size: 2.8rem;
	font-weight: bold;
	color: #82bf25;
	margin-bottom: 2%;
	letter-spacing: 2px;
	border-bottom: solid 2px #82bf25;
	padding-left: 2%;
}

#jiten-kiso-senzai-04 .label-detail {
	margin-bottom: 4%;
}



/* =「まぜるな危険」について
-------------------------------------------------------------------------------------- */
#jiten-kiso-senzai-05 .section1 .kiken-example {
	font-size: 2.6rem;
	text-align: center;
	margin: 5% 0;
}

@media screen and (max-width: 480px) {
	#jiten-kiso-senzai-05 .section1 .kiken-example {
		font-size: 2.2rem;
	}
}

#jiten-kiso-senzai-05 .section1 .imgbox {
	text-align: center;
}

#jiten-kiso-senzai-05 .section1 .imgbox img {
	width: 100%;
	max-width: 598px;
}



/* =こんな小道具を使うと便利です
-------------------------------------------------------------------------------------- */
#jiten-kiso-benri-01 .section .sec-sub-title {
	text-align: center;
	font-size: 2.6rem;
	margin-top: 3%;
}

#jiten-kiso-benri-01 .section .sectionText {
	margin-top: 2%;
}

#jiten-kiso-benri-01 .section .imgbox {
	text-align: center;
	padding: 2% 5%;
}

#jiten-kiso-benri-01 .section1 .imgbox img {
	width: 100%;
	max-width: 220px;
}

#jiten-kiso-benri-01 .section2 .imgbox img {
	width: 100%;
	max-width: 168px;
}
#jiten-kiso-benri-01 .section3 .imgbox img {
	width: 100%;
	max-width: 232px;
}
#jiten-kiso-benri-01 .section4 .imgbox img {
	width: 100%;
	max-width: 246px;
}
#jiten-kiso-benri-01 .section5 .imgbox img {
	width: 100%;
	max-width: 246px;
}