@charset "UTF-8";
/*-------------------------------
 共通
-------------------------------*/
.mainTtl{
	width: 100%;
	border-bottom: 1px solid #6f5139;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	color: #6f5139;
	text-align: left;
}
.mainTtl span{
	width: 900px;
	padding-bottom: 20px;
	display: block;
	margin: 0 auto;
	font-size: 24px;
	font-weight: bold;
	color: #6f5139;
	text-align: left;
}
.mainTtl.type02{
	margin-top: 60px;
}
.mainTtl.type02 span{ 
	font-weight: normal;
	text-align: center;
}
.mainArea{
	padding-top: 60px;
}
.mainArea .inner{
	width: 900px;
	margin: 0 auto;
}
.mainArea .inner>p{
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .subTtl{
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.mainArea .catch{
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .listType01{
	margin: 40px 0 60px;
}
.mainArea .listType01 li{
	display: block;
}
.mainArea h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
.mainArea h4:before{
	content: "●";
}
.mainArea .abTxt{
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .listType01>li+li{
	margin-top: 40px;
}
.mainArea .listType01 li .fig{
	width: 440px;
	float: left;
}
.mainArea .listType01 li .fig img{
	width: 100%;
}
.mainArea .listType01 li .txt,
.mainArea .listType01 li ol{
	width: 440px;
	margin-left: 20px;
	float: left;
	display: block;
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .listType01 li .txt p+p{
	margin-top: 1em;
}
.mainArea .listType01 li .txt02{
	width: 100%;
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .listType01 li ol {
  counter-reset: my-counter;
  list-style: none;
  padding-left: 20px;
	box-sizing: border-box;
}
.mainArea .listType01 li ol li,
.mainArea .listType01 li ul li{
  position: relative;
	font-size: 16px;
	line-height: 1.2;
}
.mainArea .listType01 li ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
	border: 1px solid #000;
	border-radius: 50%;
	display: inline-block;
	font-size: 14px;
  float: left;
  line-height: 14px;
  text-align: center;
  height: 14px;
  width:14px;
}
.mainArea .listType01 li ul li:before{
	content: "・";
}

.mt20{
	margin-top: 20px;
}
/*-------------------------------
  .kihon04
-------------------------------*/
.kihon04 .mainArea .subTtl{
	margin-bottom: 1em;
}
.kihon04 .mainArea .subTtl+p+.subTtl{
	margin-top: 1em;
}
.kihon04 .mainArea h4{
	margin-top: 40px;
	margin-bottom: 0;
}
.kihon04 .mainArea .abTxt{
	margin-bottom: 60px;
}
/*-------------------------------
  .kihon05
-------------------------------*/
.kihon05 .mainArea .listType01{
	margin: 20px 0 60px;
}
.kihon05 .mainArea .listType01 li:nth-child(2) .inner+p{
	margin-top: 20px;
}
/*-------------------------------
  .kihon06
-------------------------------*/
.kihon06 .mainArea .listType01 li:nth-child(1) .txt,
.kihon06 .mainArea .listType01 li:nth-child(3) .txt,
.kihon06 .mainArea .listType01 li:nth-child(4) .txt{
	width: 100%;
	margin-left: 0;
	float: none;
}
/*-------------------------------
  .kihon07
-------------------------------*/
.kihon07 .mainArea h4{
	margin-bottom: 0;
}
.kihon07 .mainArea .listType01{
	margin: 20px 0 60px;
}
.kihon07 .mainArea .listType01 li h5{
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
@media all and (max-width: 768px) {
	/*-------------------------------
	 共通
	-------------------------------*/
	
	.mainTtl{
		width: 100%;
		padding-bottom: 10px;
		border-bottom: 1px solid #6f5139;
	}
	.mainTtl span{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 18px;
	}
	.mainTtl.type02{
		margin-top: 20px;
	}
	.mainTtl.type02 span{ 
		font-weight: normal;
		text-align: center;
	}
	.mainArea{
		padding-top: 20px;
	}
	.mainArea .inner{
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.mainArea .inner>p{
		font-size: 16px;
	}
	.mainArea .subTtl{
		font-size: 16px;
		font-weight: bold;
	}
	.mainArea .catch{
		font-size: 10px;
		line-height: 1.2;
	}
	.mainArea .listType01{
		margin: 20px 0 30px;
	}
	.mainArea .listType01 li{
		display: block;
	}
	.mainArea h4{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.mainArea .abTxt{
		font-size: 16px;
	}
	.mainArea .listType01>li+li{
		margin-top: 10px;
	}
	.mainArea .listType01 li .fig{
		width: 100%;
		float: none;
	}
	.mainArea .listType01 li .txt,
	.mainArea .listType01 li ol{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 10px;
		font-size: 16px;
	}
	.mainArea .listType01 li .txt02{
		font-size: 16px;
		line-height: 1.2;
	}

	.mainArea .listType01 li ol {
		counter-reset: my-counter;
		list-style: none;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.mainArea .listType01 li ol li,
	.mainArea .listType01 li ul li{
		position: relative;
		font-size: 16px;
	}
	.mainArea .listType01 li ol li:before {
		font-size: 10px;
		line-height: 10px;
		margin-left: -15px;
		height: 10px;
		width:10px;
	}
	/*-------------------------------
		.kihon04
	-------------------------------*/
	.kihon04 .mainArea .listType01 li .abTxt{
		margin-bottom: 30px;
	}

	.kihon07 .mainArea .listType01 {
    margin: 20px 0;
	}
	.kihon07 .mainArea .abTxt+.listType01{
		margin: 10px 0 20px;
	}
	.kihon07 .mainArea .listType01:last-child{
		margin: 10px 0 30px;
	}
	.kihon07 .mainArea .listType01 li h5{
		margin-bottom: 10px;
		font-size: 10px;
	}
}
