@charset "utf-8";
.kv { padding-top: 120px;}
.kv .inner { position: relative; width: 100%; max-width: 980px; margin: auto;}
.kv .inner:before,
.kv .inner:after { content: ''; display: block; position: absolute;}
.kv .inner:before{ width: 222px; height: 345px; left: 0; top: -80px; background: url(../img/disposal/kv-L.png) no-repeat 50% 0;}
.kv .inner:after { width: 270px; height: 328px; right: -20px; top: -60px; background: url(../img/disposal/kv-R.png) no-repeat 50% 0;}
.kv h2 { margin-bottom: 30px; color: #158bd6; font-size: 28px;}
.kv h2 span{ display: block;}
.kv p.read { color: #1ba66f;}
.kv p.read span{ display: block;}



.sct { padding: 40px 0; background: #e4f4ff; text-align: center;}
.sct .inner { width: 96%; max-width: 980px; margin: 0 auto;}
.sct .inner p{ margin-bottom: 40px; color: #158bd6; font-size: 14px;}
.sct .inner img{ width: 100%; max-width: auto;}
.sct .ex{ background: url(../img/disposal/fig1.gif) no-repeat 50% 100%;}
.sct .lBloc { float: left; width: 42%;}
.sct .rBloc { float:right; width: 42%;}
.sct .lBloc ul,
.sct .rBloc ul { font-size: 0; text-align: center;}
.sct .lBloc ul li,
.sct .rBloc ul li { display: inline-block; width: 46%; margin: 0 1.5% 15px;}
.sct .lBloc ul li dl,
.sct .rBloc ul li dl { overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.sct .lBloc ul li dl dt,
.sct .rBloc ul li dl dt{ padding: 8px 0; background: #158bd6; color: #fff; font-size: 16px; line-height: 1.4;}

.consult { padding: 80px 0;}
.consult .inner{ width: 95%; max-width: 980px; margin: auto;}
.consult h2 { margin-bottom: 20px; color: #158bd6; font-size: 22px;}
.consult p.txt { margin-bottom: 40px; color: #158bd6; font-size: 14px; line-height: 1.8;}
.consult dl { margin-bottom: 40px; padding: 20px 0; width: 100%; border: solid 1px #158bd6;
 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align: center;
}
.consult dl dt{ width: 120px; margin: -35px auto 10px; background: #158bd6;
 -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
 color: #fff; font-size: 18px;}
.consult dl dd{ color: #158bd6; font-size: 24px;}
.consult dl dd br{ display: none;}
.consult .btn { margin-bottom: 40px;}
.consult .lBloc { float: left; width: 48%;}
.consult .rBloc { float: right; width: 50%;}
.consult .lBloc h3{ margin-bottom: 10px; color: #1ba66f; font-size: 22px; font-weight: 100;}
.consult .lBloc p.note{ color: #9a9a9a; font-size: 10px;}
.consult .lBloc .fig{ text-align: center;}
.consult .rBloc ul li{ margin-bottom: 10px; padding: 10px 15px; background: #1ba66f;
 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
 color: #fff;
}
.consult .rBloc ul li span{ position: relative; margin-left: 10px;}
.consult .rBloc ul li span:before{ content:''; display: inline-block; width: 0; height: 0;
 position: relative; margin-top: -5px; margin-right: 8px;
 border: solid 6px transparent; border-left: solid 10px #fff; vertical-align: middle;
}
.consult .rBloc ul li em{ display: block; font-size: 22px;}

@media (max-width: 769px) {
	.kv { padding-top: 60px; height: 300px;}
	.kv .inner:before{ top: 0px; width: 111px; height: 172px; background-size: 100% auto;}
	.kv .inner:after { top: 30px; width: 135px; height: 114px; background-size: 100% auto;}
	.kv h2{ font-size: 24px;}
	.kv p.read br{ display: block;}

	.sct .ex{ background-size: 100px auto;}
	.sct .lBloc ul li dl dt,
	.sct .rBloc ul li dl dt{ font-size: 15px;}

	.consult h2 { font-size: 20px;}
	.consult dl dd{ font-size: 20px;}
	.consult .lBloc h3{ font-size: 18px;}
	.consult .rBloc ul li span{ font-size: 15px;}
}
@media (max-width: 641px) {
	.kv{ height: 260px;}
	.kv .inner:before{ top: 0px; left: -30px;}
	.kv .inner:after { top: 30px; right: -40px;}
	.kv h2{ font-size: 20px;}
	.kv p.read { font-size: 14px;}

	.sct .ex{ background-size: 80px auto;}
	.sct .lBloc { float: left; width: 43%;}
	.sct .rBloc { float:right; width: 43%;}
	.sct .lBloc ul li dl dt,
	.sct .rBloc ul li dl dt{ font-size: 14px;}

	.consult h2 br{ display: none;}
	.consult dl dd{ font-size: 18px;}
	.consult dl dd br{ display: block;}
	.consult .btn { margin-bottom: 40px;}
	.consult .rBloc ul li{ padding: 10px; font-size: 13px;}

}
@media (max-width: 481px) {
	.kv{ height: 220px;}
	.kv .inner:before,
	.kv .inner:after { content: none;}

	.kv h2 { margin-bottom: 15px; font-size: 16px;}
	.kv h2 span { display: block;}
	.kv p.read { font-size: 13px;}

	.sct p br { display: none;}
	.sct p span { display: block;}
	.sct .ex{ background: none;}
	.sct .lBloc { float: none; width: 100%;}
	.sct .rBloc { float: none; width: 100%;}

	.consult .lBloc,
	.consult .rBloc { float: none; width: 90%; margin: 0 auto 10px;}

	.consult .lBloc h3 { font-size: 17px;}
}