/* =============================================================
   flow.css
 ============================================================ */

/* KV */
.kv_wrap {
	background: #e1d7a8;
}
.kv_img {
	position: relative;
}
.kv_txt {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.kv_catch {
	font-size: 14px;
	padding: 30px 0;
	line-height: 1.5;
}
/* CONTENTS*/
.inner {
	width: 1000px;
	margin: auto;
}
/* lead */
.lead {
	width: 1000px;
	margin: 20px auto;
	font-size: 18px;
}
.lead ul {
	list-style: none;
}
.lead ul li {
	padding-left: 1em;
	position: relative;
}
.lead ul li::before {
	content: '■';
	position: absolute;
	left: 0;
}
/* box内：左画像 右テキスト */
.lbox {
  margin: 10px 0;
  float: left;
  width: 100%;
}
.lbox img {
  max-width: 30%;
  float: left;
}
.lbox p {
  margin: 0;
  padding: 10px;
}
.right {
  width: 70%;
  float: left;
}
/* box内：右画像 左テキスト */
.rbox {
  margin: 10px 0;
  float: left;
  width: 100%;
}
.rbox img {
  max-width: 30%;
  float: right;
}
.rbox p {
  margin: 0;
  padding: 10px;
}
.left {
  width: 70%;
  float: left;
}
.img-responsive100 {
    width: 100%;
}
/* float解除 */
.cb{
	clear: both;
}

@media (max-width: 768px) {
	 /* KV */
	 .kv_txt {
		 max-width: 160px;
	 }
	 .kv_catch {
		 padding: 15px 0;
		 font-size: 12px;
	 }
	 .inner {
		 width: 100%;
		 padding: 0 15px;
	 }
	 .lead {
		width: 100%;
		font-size: 12px;
	 }
	 .lead p {
		 text-align: left;
	 }
	.lead h2 img{
		width: 100%;
	}
	main {
		margin-top: 44px;
	}
}