@charset "utf-8";
.kv { padding-top: 100px;}
.kv p.mark{ height: 48px; margin-bottom: 20px;}
.kv p.mark span{ position: relative; padding: 15px 50px; background: url(../img/bg-cross-bl.gif);
 -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
 color: #fff; font-size: 18px;
}
.kv p.mark span:after{ content:''; display: block; width: 72px; height: 100px; position: absolute; right: -30px; bottom: -15px;
 background: url(../img/worker.png) no-repeat 50% 0; background-size: 100% auto;
}
.kv h2{ margin-bottom: 30px; color: #158bd6; font-size: 28px;}
.kv p.read { color: #1ba66f;}
.kv p.read span{ display: block;}
.kv p.read br{ display: none;}

.sct { background: url(../img/bg-cross-wh.gif);}
.sct .inner{ width: 92%; max-width: 900px; margin: 0 auto; padding: 50px 0 40px;}
.sct .inner:nth-of-type(1){ border-bottom: dashed 2px #d0e8f7;}
.sct h3{ margin-bottom: 40px; color: #158bd6; font-size: 22px; text-align: center;}
.sct h3 span{ padding: 12px 40px; background: #fff;
 border: solid 1px #158bd6; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;
}
.sct p{ color: #158bd6; font-size: 14px;}
.sct .fig,
.sct .youtube{ float: right; width: 42%; max-width: 370px; margin-left: 30px;}
.sct .fig,
.sct .youtube div{
 -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden;
}
.sct .fig img,
.sct .youtube img{ width: 100%;}
.sct .youtube div{ margin-bottom: 10px;}
.sct .youtube p { color: #1ba66f; text-align: center;}
.sct .msg { padding: 40px; background: #e4f4ff;}
.sct .msg p{ color: #158bd6; font-size: 14px; text-align: center;}
@media (max-width: 769px) {
}
@media (max-width: 641px) {
	.kv p.mark span{ padding: 10px 40px; font-size: 14px;}
	.kv h2{ font-size: 22px;}
	.kv p.read br{ display: block;}
	.sct .fig,
	.sct .youtube{ float: none; width: 90%; max-width: 370px; margin: 0 auto 20px;}
}
@media (max-width: 481px) {
	.kv { height: 320px; padding-top: 60px;}
	.kv h2{ margin-bottom: 20px; font-size: 20px; line-height: 1.2;}
	.kv h2 span{ display: block;}
	.kv p.read { font-size: 13px;}
	.kv p.read span{ display: block;}

	.sct h3{ margin-bottom: 30px; font-size: 16px;}
	.sct h3 span{ padding: 12px 20px;}

	.sct .msg { padding: 30px 20px}
	.sct .msg p{ text-align: left;}
	.sct .msg p .sp{ display: none;}
}