@charset "utf-8";

@media screen and (max-width: 750px) {

	/* -----------------------------------------------------------------------------

	ベース
  
----------------------------------------------------------------------------- */

header {
}
.kwos {
	padding-top: 0;
}
.kwos .inner {
}

	/* -----------------------------------------------------------------------------

	heading
  
----------------------------------------------------------------------------- */

.heading .catch01 {
	padding: 16% 20px;
	background: #a5a5ed url(../kwos/img/sp/bg_mv.jpg) center top no-repeat;
	background-size: 100%;
}
.heading .catch01 .lead {
	padding-top: 13.5%;	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
}
.heading .catch01 h2 {
	padding-top: 7.5%;
}
.heading .catch01 h2 img {
	width: 66%;
}
.heading .catch02 {
	padding: 25px 20px;
}
.heading .txt {
	font-size: 1.4rem;
	line-height: 1.7;
}
.heading .btn {
	margin-top: 15px;
	text-align: center;
}
.heading .btn a {
	display: block;
	padding: 9px 0;
	color: #fff !important;
	text-decoration: none !important;
	font-size: 1.8rem;
	line-height: 1.5;
	background: #666666 url(../common/img/sp/icon_arw09.png) 28px center no-repeat;
	background-size: 8px auto;
	border-radius: 100px;
	border: 1px solid #666;
	box-sizing: border-box;
}
.heading .first {
	margin-top: 20px;
	border: 1px solid #000;
}
.heading .first dl {
	padding: 15px;
	color: #000;
}
.heading .first dt {
	padding-left: 34px;
	font-size: 1.7rem;
	font-weight: bold;
	background: url(../kwos/img/sp/icon_first.png) left center no-repeat;
	background-size: 18px 20px;
}
.heading .first dd {
	padding-top: 6px;
	font-size: 1.5rem;
}
.solution {
	background: #ededed;
}
.solution .inner {
	padding: 33px 20px;
}
.solution h3 {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.7;
	letter-spacing: -1px;
}
.solution .voiceWrap {
	padding-top: 32px;
}
.solution .voice {
	float: left;
	width: 47%;
	padding-bottom: 100px;
}
.solution .voice:nth-child(2n) {
	margin-left: 6%;
}
.solution .voice:nth-child(n+3) {
	margin-top: 32px;
}
.solution .voice01 {
	background: url(../kwos/img/img_voice01.png) center bottom no-repeat;
	background-size: 70px auto;
}
.solution .voice02 {
	background: url(../kwos/img/img_voice02.png) center bottom no-repeat;
	background-size: 70px auto;
}
.solution .voice03 {
	background: url(../kwos/img/img_voice03.png) center bottom no-repeat;
	background-size: 70px auto;
}
.solution .voice04 {
	background: url(../kwos/img/img_voice04.png) center bottom no-repeat;
	background-size: 70px auto;
}
.solution .voice p {
	position: relative;
	min-height: 120px;
	padding: 20px 18px;
	padding-top: 15px;
	border-radius: 7px;
	background-color: #fff;
	box-sizing: border-box;
}
.solution .voice p:after {
	position: absolute;
	left: 50%;
	bottom: -8px;
	content:"";
	width: 15px;
	height: 8px;
	margin-left: -8px;
	background: url(../kwos/img/img_voice_btm.png) left top no-repeat;
	background-size: 15px 8px;
}
.system .inner {
	padding: 33px 20px;
}
.system h3 {
	position: relative;
	width: 225px;
	margin: 0 auto;
	padding: 18px 10px;
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	border: 3px solid #8080e6;
	border-radius: 7px;
	box-sizing: border-box;
}
.system h3:after {
	position: absolute;
	bottom: -11px;
	left: 50%;
	content: "";
	width: 20px;
	height: 11px;
	margin-left: -11px;
	background: url(../kwos/img/sp/img_system_btm.png) center bottom no-repeat;
	background-size: 20px 11px;
}
.system .txt {
	padding-top: 30px;
	font-size: 1.4rem;
	line-height: 1.7;
}
.system dl {
	padding-top: 10px;
	text-align: center;
}
.system dd {
	padding-top: 20px;
	font-size: 1.2rem;
}
.feature {
	background: #f3f3e5;
}
.feature .inner {
	padding: 33px 20px;
}
.feature h3 {
	position: relative;
	width: 265px;
	margin: 0 auto;
	padding: 18px 0;
	font-size: 2.4rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	border: 3px solid #8080e6;
	border-radius: 7px;
	box-sizing: border-box;
}
.feature h3 span {
	display: block;
	font-size: 1.6rem;
	letter-spacing: -1px;
}
.feature h3:after {
	position: absolute;
	bottom: -11px;
	left: 50%;
	content: "";
	width: 20px;
	height: 11px;
	margin-left: -11px;
	background: url(../kwos/img/sp/img_system_btm.png) center bottom no-repeat;
	background-size: 20px 11px;
}
.feature .txt {
	padding-top: 22px;
	font-size: 1.34rem;
	line-height: 1.7;
}
.feature .pointWrap {
}
.feature .point {
	padding-top: 30px;
}
.feature .point figure {
	text-align: center;
}
.feature .point figure img {
	width: 94px;
}
.feature .point dt {
	padding-top: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.feature .point dd {
	margin: 0 auto;
	padding-top: 4px;
	font-size: 1.4rem;
	text-align: center;
}
.feature .free {
	margin: 37px auto 0;
	padding: 11px 0;
	text-align: center;
	border: 1px solid #666;
	background: #fff;
	box-sizing: border-box;
}
.feature .free img {
	display: inline-block;
	width: 43px;
	height: 43px;
}
.feature .free p {
	display: inline-block;
	font-size: 1.3rem;
	line-height: 41px
}
.feature .free b {
	padding-left: 7px;
	padding-right: 6px;
	font-size: 1.5rem;
}
.bottom {
	padding: 42px 20px;
	background: #8080e6;
}
.bottom dl {
	text-align: center;
	color: #fff;
}
.bottom dt {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.6;
}
.bottom dd {
	padding-top: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}

}

@media screen and (max-width: 320px) {
.heading .first dl {
	padding: 15px;
}
.heading .first dt {
	padding-left: 25px;
}
}