.container h1{
	margin: 0;
}
.container h1 img{
	max-width: 100%;
}
.container h1 + p{
	text-align: left;
	margin-top: 25px;
	line-height: 1.8;
}
.ab_list_bt_dw li{
	width: 47.31%;
}
.ab_list_bt_dw {
	color: #443829;
	overflow: hidden;
}
.ab_list_bt_dw li {
	color: #443829;
	border-radius: 6px;
	border: 1px solid #443829;
	width: 48.6%;
	background: url('../../common/img/ar_down.png') no-repeat 95%;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}
.ab_list_bt_dw li:last-of-type {
	margin-right: 0;
}
.ab_list_bt_dw li a {
	display: block;
	padding: 15px 20px;
	font-size: 14px;
	text-decoration: none;
}
.section-title {
	background-image: url(../../common/img/section-title-line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 32px;
	padding-bottom: 15px;
}

.for-pc {
	display: block;
}
img.for-pc {
	display: inline;
}
.for-sp {
	display: none;
}
img.for-sp {
	display: none;
}
#sprout {
	text-align: center;
}
#sprout img {
	max-width: 100%;
}
#sprout h2, #sprout h3 {
	margin: 0;
	padding: 0;
	background: none;
}
#sprout .ab_list_bt_dw ul {
	margin: 30px 0;
	display: flex;
	justify-content: space-between;
}
#sprout .ab_list_bt_dw li {
	width: 32%;
	margin: 0;
	color: #443829;
	border-radius: 50px;
	border: 2px solid #938675;
	background: url('../../common/img/ar_down.png') no-repeat 95%;
	text-align: center;
	float: none;
}
#sprout .ab_list_bt_dw li a {
	color: #443829;
	font-size: 18px;
}

/* Section01 */
#sprout #sec-wrap { margin: 350px 0 150px 0; background: url("../img/sec01_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec01 { padding: 270px 0 50px 0;}
#sprout #sec01 .sub   { margin-bottom: 20px; font-size: 26px; font-weight: 700;}
#sprout #sec01 .sub strong { font-size: 26px; font-weight: 700; color: #1dc3e0;}
#sprout #sec01 h2     { width: 100%; text-align: center; position: absolute; top: -300px; left: 0; background: none;}
#sprout #sec01 .text  { line-height: 2.0; letter-spacing: 2px; font-size: 18px;}

/* Section02 */
#sprout #sec02 { padding: 60px 0 60px 0; background: url("../img/sec02_line.png") center top no-repeat;}
#sprout #sec02 h2     { margin-bottom: 40px; text-align: center; background: none;}

/* Section03 */
#sprout #sec03 { padding: 200px 0 60px; margin-bottom: 90px; background: url("../img/sec03_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec03 h2       { width: 100%; text-align: center; position: absolute; top: -100px; left: 0; background: none;}
#sprout #sec03 .color01 { padding-left:  70px; text-align: left;  position: relative; top: -30px;}
#sprout #sec03 .color02 { padding-right: 110px; text-align: right; position: relative; top: -130px;}
#sprout #sec03 h3       { margin-bottom: 50px; text-align: center; background: url("../img/sec03_line.png") center center no-repeat;}
#sprout #sec03 ul       { margin: 0 auto; width: 100%; max-width: 700px; }
#sprout #sec03 ul li    { display: flex; justify-content: space-between; margin: 0 0 40px 0;}
#sprout #sec03 ul li:nth-child(2n) { flex-direction: row-reverse;}
#sprout #sec03 .desc    { width: 230px; align-self: center;}
#sprout #sec03 .num     { margin-bottom: 15px;}
#sprout #sec03 .text    { line-height: 2.0; letter-spacing: 2px; font-size: 18px;}

/* Section04 */
#sprout #sec04 { padding: 60px 0; margin-bottom: 90px; background: url("../img/sec04_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec04 h2     { margin-bottom: 35px; background: none;}
#sprout #sec04 .text  { margin-bottom: 30px; line-height: 2.0; letter-spacing: 2px; font-size: 18px;}
#sprout #sec04 .image { margin-bottom: 20px;}
#sprout #sec04 ul     { padding: 0 60px;}
#sprout #sec04 ul li  { margin-bottom: 10px; text-align: left;}

/* Section05 */
#sprout #sec05 { padding: 110px 0 60px; margin-bottom: 90px; background: url("../img/sec05_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec05 h2     { width: 100%; text-align: center; position: absolute; top: -30px; left: 0; background: none;}
#sprout #sec05 .image { margin-bottom: 40px;}
#sprout #sec05 .text  { margin-bottom: 15px; line-height: 2.0; letter-spacing: 2px; font-size: 18px;}
#sprout #sec05 .memo  { padding: 0 50px; font-size: 12px; text-align: right;}
#sprout #sec05 .kome  { font-size: 12px; vertical-align: top;}

/* Section06 */
#sprout #sec06 { padding: 200px 0 60px; margin-bottom: 90px; background: url("../img/sec06_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec06 h2    { width: 100%; text-align: center; position: absolute; top: -50px; left: 0; background: none;}
#sprout #sec06 .text { margin-bottom: 40px; letter-spacing: 3px; font-size: 18px;}
#sprout #sec06 ul    { position: relative;}
#sprout #sec06 ul li { margin-bottom: 35px;}
#sprout #sec06 ul li.vege { position: absolute; top: -70px; left: 40px;}

/* Section07 */
#sprout #sec07 { padding: 60px 0; margin-bottom: 60px; background: url("../img/sec07_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
#sprout #sec07 h2    { margin-bottom: 40px; text-align: center; background: url("../img/sec07_line.png") center center no-repeat; background: none;}
#sprout #sec07 ul    { padding: 0 40px;}
#sprout #sec07 ul li { padding-left: 1em; margin-bottom: 5px; text-indent: -1em; text-align: left; font-size: 18px;}

/* Section08 */
#sprout #sec08 { margin-bottom: 30px;}

@media only screen and (max-width: 767px) {
	.ab_list_bt_dw li{
		width: 100%;
	}
	.section-title {
		font-size: 16px;
	}	
	.container h1 + p{
		text-align: left;
	}	
	
	.ab_list_bt_dw li:nth-child(1n) {
    margin-right: 0%;
	}
	.ab_list_bt_dw li:nth-child(2n) {
    margin-left: 0%;
	}
	
	.for-pc {
		display: none;
	}
	img.for-pc {
		display: none;
	}
	.for-sp {
		display: block;
	}
	img.for-sp {
		display: inline;
	}

	#sprout{
		padding-left: 10px;
		padding-right: 10px;
	}
	#sprout h1{
		padding: 0;
		margin: 0;
	}
	#sprout h1+p{
		text-align: left;
	}

	#sprout .ab_list_bt_dw ul {
		margin: 20px 0;
		display: block;
	}
	#sprout .ab_list_bt_dw li {
		width: 100%;
		margin: 0 0 10px 0;
		color: #443829;
		border-radius: 50px;
		border: 2px solid #938675;
		text-align: left;
		float: none;
		text-align: center;
	}
	#sprout .ab_list_bt_dw li a {
		color: #443829;
		font-size: 16px;
	}
	
	/* Section01 */
	#sprout #sec-wrap { margin: 300px 0 50px 0; background: url("../img/sp_sec01_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec01 { padding: 170px 0 30px 0;}
	#sprout #sec01 .sub   { margin-bottom: 20px; font-size: 18px; font-weight: 700;}
	#sprout #sec01 .sub strong { font-size: 20px; font-weight: 700; color: #1dc3e0;}
	#sprout #sec01 h2     { width: 100%; text-align: center; position: absolute; top: -260px; left: 0;}
	#sprout #sec01 h2 img { width: 320px;}
	#sprout #sec01 .text  { line-height: 2.0; letter-spacing: 0; font-size: 16px;}
	
	/* Section02 */
	#sprout #sec02 { padding: 30px 0 30px 0; margin-bottom: 100px; background: url("../img/sec02_line.png") center top no-repeat; -webkit-background-size: auto 6px; background-size: auto 6px;}
	#sprout #sec02 h2  { margin: 0 0 20px 0; text-align: center;}
	#sprout #sec02 h2 img   { width: 280px;}
	#sprout #sec02 .step-wrap { margin: 0 20px;}
	#sprout #sec02 .step-wrap div { margin: 0 0 15px 0; text-align: center;}
	#sprout #sec02 .step-wrap p { margin: 0 0 15px 0; font-size: 18px; font-weight: bold; text-align: center;}
	#sprout #sec02 .step-wrap .step-num img { width: auto; height: 53px;}
	
	/* Section03 */
	#sprout #sec03 { padding: 240px 0 40px; margin-bottom: 40px; background: url("../img/sp_sec03_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec03 h2       { width: 100%; text-align: center; position: absolute; top: -70px; left: 0;}
	#sprout #sec03 h2 img   { width: 320px;}
	#sprout #sec03 .colors  { margin-bottom: 60px;}
	#sprout #sec03 .color01 { padding: 0 20px; text-align: left;  position: relative; top: 0;}
	#sprout #sec03 .color02 { padding: 0 20px; text-align: right; position: relative; top: 0;}
	#sprout #sec03 h3       { margin-bottom: 20px; text-align: center; background: url("../img/sec03_line.png") center center no-repeat; -webkit-background-size: auto 6px; background-size: auto 6px;}
	#sprout #sec03 h3 img   { width: auto; height: 20px;}
	#sprout #sec03 ul       { padding: 0 20px;}
	#sprout #sec03 ul li    { display: block; margin: 0 0 40px 0;}
	#sprout #sec03 ul li:last-child { margin: 0;}
	#sprout #sec03 .image   { width: 100%;}
	#sprout #sec03 .desc    { width: 100%;}
	#sprout #sec03 .num     { margin-bottom: 10px;}
	#sprout #sec03 .num img { width: 68px;}
	#sprout #sec03 .text    { margin-bottom: 10px; line-height: 1.6; letter-spacing: 0; font-size: 18px;}
	
	/* Section04 */
	#sprout #sec04 { padding: 40px 0; margin-bottom: 50px; background: url("../img/sec04_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec04 h2     { margin-bottom: 20px;}
	#sprout #sec04 h2 img { width: 280px;}
	#sprout #sec04 .text  { margin: 0 20px 20px; line-height: 2.0; letter-spacing: 0; font-size: 16px;}
	#sprout #sec04 .image { margin: 0 10px 20px;}
	#sprout #sec04 ul     { padding: 0 20px;}
	#sprout #sec04 ul li  { margin-bottom: 10px; font-size: 12px; text-align: left;}
	#sprout #sec04 ul li.w-mark  { padding-left: 1em; text-indent: -1em;}
	
	/* Section05 */
	#sprout #sec05 { padding: 100px 0 40px; margin-bottom: 70px; background: url("../img/sec05_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec05 h2     { width: 100%; text-align: center; position: absolute; top: -10px; left: 0;}
	#sprout #sec05 h2 img { width: 320px;}
	#sprout #sec05 .image { margin: 0 20px 20px;}
	#sprout #sec05 .text  { margin: 0 20px 20px; line-height: 2.0; letter-spacing: 0; font-size: 16px;}
	#sprout #sec05 .img-memo  { padding: 0 0 20px; font-size: 12px; text-align: center;}
	#sprout #sec05 .memo  { padding: 0 20px; font-size: 12px; text-align: right;}
	#sprout #sec05 .kome  { font-size: 8px; vertical-align: top;}
	
	/* Section06 */
	#sprout #sec06 { padding: 230px 0 1px; margin-bottom: 40px; background: url("../img/sp_sec06_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec06 h2     { width: 100%; text-align: center; position: absolute; top: -50px; left: 0;}
	#sprout #sec06 h2 img { width: 320px;}
	#sprout #sec06 .text  { margin-bottom: 20px; letter-spacing: 0; font-size: 16px;}
	#sprout #sec06 ul     { margin: 0 10px; position: relative;}
	#sprout #sec06 ul li  { margin-bottom: 35px;}
	#sprout #sec06 ul li.vege { position: relative; top: 0; left: 5px;}
	#sprout #sec06 ul li.vege img { width: 91px;}
	
	/* Section07 */
	#sprout #sec07 { padding: 30px 0 40px; margin-bottom: 40px; background: url("../img/sec07_bg.png") center top no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative;}
	#sprout #sec07 h2     { margin-bottom: 20px; text-align: center; background: url("../img/sec07_line.png") center center no-repeat; -webkit-background-size: auto 6px; background-size: auto 6px;}
	#sprout #sec07 h2 img { width: 178px;}
	#sprout #sec07 ul     { padding: 0 20px;}
	#sprout #sec07 ul li  { padding-left: 1em; margin-bottom: 5px; text-indent: -1em; text-align: left; font-size: 14px;}
	
	/* Section08 */
	#sprout #sec08 { margin-bottom: 30px;}
}


.youtubesprout{
margin-top:60px;
}
@media only screen and (max-width: 767px){
.youtubesprout {
  margin-top:40px;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.255%;
  overflow: hidden;
  margin-bottom: 50px;
}
.youtubesprout iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding:0 15px;
}
}