@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main_contents {
	padding-bottom: 0;
	float: none;
	margin: 0;
}

#bg_main_contents {
	box-shadow: none;
}

#hills {
	margin: 0 auto;
	width: 960px;
	font-size: 15px;
	color: #000;
}

#hills img {
	vertical-align: top;
	max-width: 100%;
}

#hills .top_box {
	padding-top: 7px;
	background: url("../img/bg01.jpg") repeat-y center top;
}

#hills .top_box h1 {
	margin: 0 25px 28px;
}

#hills .top_box h1 img {
	width: 100%;
}

#hills .top_box p {
	margin-bottom: 12px;
	text-align: center;
	line-height: 1.6;
}

#hills .top_box .photo img {
	width: 100%;	
}

#hills .love_box {
	position: relative;
	background-color: #FFE6F3;
}

#hills .love_box .img01 {
	position: absolute;
	top: 78px;
	right: 26px;
}

#hills .love_box .img02 {
	position: absolute;
	bottom: 222px;
	left: 26px;
}

#hills .love_box .inner_box {
	margin: 0 auto;
	width: 630px;
	padding: 59px 0;
}

#hills .love_box h2 {
	margin-bottom: 50px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#hills .love_box h2 span {
	padding: 0 20px 13px;
	display: inline-block;
	background: url("../img/line01.png") no-repeat center bottom;
	background-size: auto 5px;
}

#hills .love_box .inner {
	margin: 0 10px 38px 24px;
}

#hills .love_box .inner .photo_box {
	float: left;
	width: 209px;
	position: relative;
}

#hills .love_box .inner .photo_box span {
	position: absolute;
	top: -39px;
	left: -126px;
}

#hills .love_box .inner .text_box {
	float: right;
	padding-top: 10px;
	width: 355px;
}

#hills .love_box .inner .text_box p {
	line-height: 1.8;
}

#hills .love_box .inner .text_box .title {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 12px;
}

#hills .love_box .inner02 {
	margin: 0 -20px 53px 50px;
}

#hills .love_box .inner02 .photo_box {
	float: right;
	width: 213px;
}

#hills .love_box .inner02 .photo_box span {
	left: auto !important;
	right: -130px;
}

#hills .love_box .inner02 .text_box {
	float: left;
}

#hills .love_box .link {
	text-align: center;
}

#hills .love_box .link a:hover img {
	opacity: 0.7;
}

#hills .question {
	margin-top: -33px;
	padding: 41px 0 38px;
	position: relative;
	background: url("../img/bg05.jpg") repeat-y center top;
	background-size: 961px auto;
}

#hills .question .que_img01 {
	position: absolute;
	top: -93px;
	right: 51px;
}

#hills .question .que_img02 {
	position: absolute;
	top: -48px;
	left: 43px;
}

#hills .question h2 {
	text-align: center;
	margin-bottom: 44px;
}

#hills .question .sub_box {
	margin-bottom: 160px;
}

#hills .comInner {
	margin: 0 auto 40px;
	width: 630px;
	position: relative;
}

#hills .comInner .que_img03 {
	position: absolute;
	top: -99px;
	right: -117px;
}

#hills .comInner .photo_box {
	padding-top: 12px;
	float: left;
	position: relative;
}

#hills .comInner .photo_box span {
	position: absolute;
	top: -11px;
	left: -32px;
}

#hills .comInner .text_box {
	margin-right: 64px;
	float: right;
	width: 405px;
	box-sizing: border-box;
	padding: 17px 10px 4px 23px;
	position: relative;
}

#hills .comInner .text_box .que_img04 {
	position: absolute;
	top: 52px;
	right: -173px;
}

#hills .comInner .text_box .img01 {
	position: absolute;
	top: 0;
	left: 0;
}

#hills .comInner .text_box .img02 {
	position: absolute;
	bottom: 0;
	right: 0;
}

#hills .comInner .text_box p {
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
}

#hills .question .text_img {
	margin: 0 50px 20px 60px;
}

#hills .question .inner02 .text_box {
	width: 470px;
	margin-right: 0;
}

#hills .balance {
	position: relative;
	background: url("../img/bg11.jpg") no-repeat center center;
	background-size: 960px 100%;
}

#hills .balance .blance_img01 {
	position: absolute;
	top: 372px;
	left: 0;
	z-index: 10;
}

#hills .balance .blance_img02 {
	position: absolute;
	bottom: 186px;
	right: 20px;
	z-index: 10;
}

#hills .balance:after {
	width: 100%;  
	height: 130px;
	background: url("../img/bg09.jpg") no-repeat center top;
	background-size: 960px auto;
	position: absolute;  
	top: 14px;
	left: 0;  
	content: ""; 
}

#hills .balance:before {
	width: 100%;  
	height: 49px;
	background: url("../img/bg10.jpg") no-repeat center top;
	background-size: 960px auto;
	position: absolute;  
	bottom: 44px;
	left: 0;  
	content: ""; 
}

#hills .balance .sub_balance {
	position: relative;
	padding: 43px 0 35px;
	z-index: 10;
}

#hills .balance .img_box {
	margin: 0 90px 43px 85px;
}

#hills .balance .img_box .left_box {
	float: left;
	width: 230px;
	position: relative;
}

#hills .balance .img_box .left_box span {
	position: absolute;
	top: -93px;
	right: -168px;
}

#hills .balance .img_box .left_box .photo {
	margin-bottom: 5px;
}

#hills .balance .img_box .left_box p {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8;
}

#hills .balance .img_box .right_box {
	float: right;
	width: 510px;
}

#hills .balance .img_box .right_box p {
	font-size: 17px;
	line-height: 1.95;
}

#hills .balance .img_box .right_box .title {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	margin: 107px 0 22px -20px;
}

#hills .balance .img_box .right_box .title span {
	padding: 5px 20px;
	display: inline-block;
	background: url("../img/img08.png") no-repeat left top, url("../img/img09.png") no-repeat right bottom;
	background-size: 22px auto,28px auto;
}

#hills .balance .link {
	text-align: center;
}

#hills .balance .link a:hover img {
	opacity: 0.7;
}

#hills .question02 {
	padding: 74px 0 118px;
}

#hills .question03 {
	padding-bottom: 220px;
}

#hills .question03 .js_box {
	margin-bottom: -190px;
}

#hills .question02 h2 {
	text-align: center;
	margin-bottom: 29px;
}

#hills .question02 .box {
	position: relative;
}

#hills .question02 .inner_box {
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
}

#hills .question02 .comInner .text_box {
	width: 470px;
	margin-top: 30px;
	margin-right: 0;
}

#hills .question02 .text_img {
	margin: 8px auto 0;
	width: 850px;
}

#hills .question02 .comInner .text_box .que_img04 {
	top: -88px;
	right: -163px;
}

#hills .question02 .inner03 {
	margin-bottom: 57px;
}

#hills .question02 .inner03 .text_box {
	width: 435px;
	margin-right: 35px;
}

#hills .section {
	margin-top: -31px;
	padding: 63px 0 220px;
	position: relative;
	background: url("../img/bg12.jpg") no-repeat center top;
	background-size: cover;
}

#hills .section:after {
	width: 100%;  
	height: 130px;
	background: url("../img/bg06.jpg") no-repeat center bottom;
	background-size: 100% auto;
	position: absolute;  
	bottom: 20px;
	left: 0;  
	content: ""; 
}

#hills .section .list {
	margin-bottom: -35px;
	text-align: center;
}

#hills .section .list li {
	margin: 0 5px;
	width: 430px;
	display: inline-block;
}

#hills .section .list .sub {
	display: table;
	width: 100%;
}

#hills .section .list .sub .text_box {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 155px;
}

#hills .section .list .sub .text_box p {
	line-height: 1.8;
	font-size: 15px;
	margin: 0 -20px 0 37px;
}

#hills .section .list .sub .text_box .title {
	margin-bottom: 10px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.6;
}

#hills .section .list .sub .photo_box {
	width: 273px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#hills .section .list li:nth-child(2n) .sub .text_box p {
	margin: 0 15px 0 -18px;
}

#hills .section .list li:nth-child(2n) .sub .text_box .title {
	margin-bottom: 15px;
}

#hills .section .list02 {
	text-align: center;
	margin: 0 0 45px 20px;
}

#hills .section .list02 li {
	display: inline-block;
	margin: 0 -18px 0 0;
}

#hills .section .list02 li .photo {
	margin-bottom: -54px;
}

#hills .section .list02 li p {
	line-height: 1.8;
	font-size: 15px;
	margin-left: 60px;
	text-align: left;
}

#hills .section .list02 li .title {
	margin-bottom: 12px;
	font-size: 25px;
	font-weight: bold;
}

#hills .section .list02 li:first-child p {
	margin-left: 30px;
}

#hills .time {
	margin-bottom: 6px;
	text-align: center;
}

#hills .time p {
	margin-bottom: -8px;
	font-size: 25px;
	font-weight: bold;
}

#hills .time p > span {
	display: inline-block;
	background: url("../img/img06.png") no-repeat left center;
	background-size: 27px auto;
}

#hills .time p > span span {
	padding: 2px 40px 15px;
	display: inline-block;
	background: url("../img/img07.png") no-repeat right center;
	background-size: 35px auto;
}

#hills .choose {
	margin: 0 0 -77px 40px;
	background: url("../img/bg04.png") no-repeat center top;
	background-size: 790px auto;
}

#hills .choose .sub_box {
	margin: 0 auto;
	width: 630px;
	padding: 198px 0;
	position: relative;
}

#hills .choose .title {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin: 0 40px 57px 0;
	line-height: 1.35;
}

#hills .choose .text_list {
	margin-left: 135px;
}

#hills .choose .text_list li {
	padding: 0 0 35px 45px;
	font-size: 20px;
	line-height: 1.6;
	background: url("../img/icon01.png") no-repeat left top 3px;
	background-size: 32px auto;
}

#hills .choose .choose_img01 {
	position: absolute;
	left: -141px;
	top: 346px;
}

#hills .choose .choose_img02 {
	position: absolute;
	right: 35px;
	top: 379px;
}

#hills .choose .choose_img03 {
	position: absolute;
	left: -120px;
	bottom: 73px;
}

#hills .choose .choose_img04 {
	position: absolute;
	right: -73px;
	top: 108px;
}

#hills .healthy {
	text-align: center;
	position: relative;
}

#hills .healthy .healthy_img {
	position: absolute;
	top: 43px;
	left: 31px;
}

#hills .healthy .photo {
	margin-bottom: 27px;
}

#hills .healthy p {
	margin-bottom: 56px;
	font-size: 17px;
	line-height: 1.9;
}

#hills .healthy .title {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
}

#hills .healthy .photo02 {
	margin-bottom: 78px;
	position: relative;
}

#hills .healthy .photo02 .img01 {
	position: absolute;
	top: -76px;
	right: 28px;
}

#hills .healthy .photo02 .img02 {
	position: absolute;
	bottom: -51px;
	left: 71px;
}

#hills .healthy .text {
	font-size: 18px;
	font-weight: bold;
	padding-top: 8px;
}

#hills .inner04 {
	margin-bottom: 22px;
}

#hills .inner04 .text_box {
	margin-top: 30px;
}

#hills .js_text {
	font-size: 17px;
	line-height: 1.95;
	margin: 0 20px 77px 130px;
}

#hills .js_box .photo02 {
	position: relative;
}

#hills .js_box .photo02 .span01 {
	position: absolute;
	top: -36px;
	left: 59px;
}

#hills .js_box .photo02 .span02 {
	position: absolute;
	top: -54px;
	right: 22px;
}

#hills .js_box .photo02 .span03 {
	position: absolute;
	bottom: -70px;
	left: 70px;
}

#hills .js_text02 {
	margin: 0 20px 77px 110px;
}

#hills .js_box .inner02 {
	margin-bottom: 30px;
}

#hills .js_box .inner02 .text_box {
	margin-top: 30px;
}

#hills .optimal .ttl {
	text-align: center;
	margin: -9px 0 24px;
}

#hills .optimal .optimal_ul {
	margin: 0 0 -140px 60px;
}

#hills .optimal .optimal_ul li {
	margin-right: 15px;
	float: left;
	width: 280px;
	text-align: center;
}

#hills .optimal .optimal_ul li:last-child {
	margin-right: 0;
}

#hills .optimal .optimal_ul li .ttl_img {
	margin-bottom: -15px;
}

#hills .optimal .optimal_ul li .optimal_photo {
	margin-bottom: 8px;
}

#hills .optimal .optimal_ul li p {
	font-size: 20px;
	font-weight: bold;
}

#hills .optimal .optimal_ul .li_style {
	padding-top: 15px;
}

#hills .optimal .optimal_ul .li_style .ttl_img {
	margin-bottom: 4px;
}

#hills .optimal .optimal_ul .li_style02 {
	margin-top: -5px;
}

#hills .optimal .optimal_ul .li_style02 .ttl_img {
	margin-bottom: 10px;
}

#hills .js_box .inner05 .text_box {
	margin-top: 30px;
	width: 545px;
	margin-right: -70px;
	padding-right: 5px;
	letter-spacing: -0.5px;
}

#hills .question02 .js_box .box {
	padding-top: 20px;
}

#hills .question02 .js_box .inner_box {
	top: 29px;
}

#hills .question02 .js_box .btm_box {
	position: absolute;
	bottom: 50px;
	right: 20px;
	width: 245px;
	text-align: center;
}

#hills .question02 .js_box .btm_box p {
	margin-bottom: 20px;
}

#hills .img_box_left .photo {
	float: left;
	margin: -76px -50px -280px -2px;
	position: relative;
}

#hills .img_box_left .text_box {
	float: right;
	width: 400px;
	padding: 40px 60px 0 0;
}

#hills .img_box_left .text_box p {
	margin-bottom: 34px;
	font-size: 17px;
	line-height: 1.95;
}

#hills .img_box_left .text_box .text_img02 {
	text-align: center;
}

#hills .question02 .js_box .inner03 {
	margin: 15px auto 27px;
}

#hills .question02 .js_box .inner03 .text_box {
	width: 460px;
	margin-right: 9px;
}

#hills .js_text03 {
	margin: 0 auto 38px;
	width: 580px;
}

#hills .js_box {
	display: none;
	margin-bottom: -80px;
}

#hills .com_link {
	cursor: pointer;
}


@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}


@media all and (max-width: 767px) {
	.pc {
		display: none !important;
	}

	#hills {
		overflow: hidden;
		width: auto;
	}
	
	#hills .top_box {
		padding-top: 5px;
		background: url("../img/sp_bg01.jpg") no-repeat center bottom #ECECE4;
		background-size: 100% auto;
	}
	
	#hills .top_box h1 {
		margin: 0 13px 25px;
	}
	
	#hills .top_box p {
		margin-bottom: 34px;
		line-height: 1.65;
	}
	
	#hills .top_box .photo {
		margin:  0 -0;
	}
	
	#hills .love_box .inner_box {
		padding: 30px 35px;
		width: auto;
	}
	
	#hills .love_box h2 {
		margin: 0 32px 45px;
		font-size: 17px;
		position: relative;
	}
	
	#hills .love_box h2 span {
		padding: 18px 25px 17px;
		background: url("../img/line01.png") no-repeat center bottom, url("../img/line01.png") no-repeat center top;
		background-size: 100% 2px,100% 2px;
	}
	
	#hills .love_box .inner {
		margin: 0 0 45px;
	}
	
	#hills .love_box .inner .photo_box {
		float: none;
		width: 190px;
		margin: 0 auto 25px;
	}
	
	#hills .love_box .inner .photo_box span {
		width: 123px;
		top: -30px;
		left: -76px;
	}
	
	#hills .love_box .inner .text_box {
		float: none;
		width: auto;
		padding: 0;
	}
	
	#hills .love_box .inner .text_box .title {
		margin-bottom: 16px;
		letter-spacing: -0.5px;
		line-height: 1.7;
		position: relative;
	}
	
	#hills .love_box .inner .text_box p {
		line-height: 1.7;
	}
	
	#hills .love_box .img01 {
		width: 70px;
		top: 123px;
		right: 11px;
	}
	
	#hills .love_box .img02 {
		bottom: auto;
		top: 280px;
		width: 70px;
		left: 7px;
	}
	
	#hills .love_box .inner02 .photo_box span {
		right: -64px;
	}
	
	#hills .love_box .link {
		margin: 0 -5px;
	}
	
	#hills .link a:hover img {
		opacity: 1 !important;
	}
	
	#hills .question {
		margin-top: 0;
	}
	
	#hills .question {
		padding: 35px 0 24px;
	}
	
	#hills .question .que_img01 {
		width: 70px;
		top: 58px;
		right: 10px
	}
	
	#hills .question .que_img02 {
		width: 79px;
		top: 82px;
		left: 9px;
	}
	
	#hills .question h2 {
		width: 192px;
		margin: 0 auto 22px;
		position: relative;
	}
	
	#hills .comInner {
		margin-bottom: 18px;
		width: auto;
	}
	
	#hills .comInner .que_img03 {
		display: none;
	}
	
	#hills .comInner .text_box {
		margin: 0 auto;
		float: none;
		width: 268px;
		padding: 10px 10px 11px 23px;
	}
	
	#hills .comInner .text_box .img01 {
		width: 12px;
		height: 23px;
	}
	
	#hills .comInner .text_box .img02 {
		width: 12px;
		height: 24px;
	}
	
	#hills .comInner .text_box p {
		font-size: 20px;
		letter-spacing: -0.5px;
	}
	
	#hills .comInner .photo_box {
		text-align: center;
		float: none;
		padding-top: 0;
		margin: 0 auto;
		width: 93px;
	}
	
	#hills .comInner .photo_box span {
		left: auto;
		right: -24px;
		width: 16px;
		top: 0;
	}
	
	#hills .comInner .text_box .que_img04 {
		right: auto;
		left: -40px;
		width: 84px;
		top: 96px;
	}
	
	#hills .question .text_img {
		margin: 0 0 30px;
	}
	
	#hills .js_text {
		margin: 0 20px 140px;
		text-align: center;
		font-size: 15px;
		line-height: 1.7;
	}
	
	#hills .js_box .photo02 {
		margin: 0 -31px;
	}
	
	#hills .js_box .photo02 .span01 {
		width: 150px;
		top: -124px;
		left: 51px;
	}
	
	#hills .js_box .photo02 .span02 {
		width: 150px;
		top: -99px;
		right: 47px;
	}
	
	#hills .js_box .photo02 .span03 {
		width: 102px;
		bottom: -9px;
		left: 60px;
	}
	
	#hills .question .sub_box {
		margin-bottom: 103px;
		position: relative;
	}
	
	#hills .question .sub_box .sp_img01 {
		width: 70px;
		position: absolute;
		top: 23px;
		right: 10px;
	}
	
	#hills .question .inner02 .text_box {
		width: 315px;
		margin: 0 auto;
	}
	
	#hills .inner02 .que_img03 {
		display: block;
		width: 78px;
		right: auto;
		left: 10px;
		top: -62px;
	}
	
	#hills .js_box .inner02 {
		margin-bottom: 20px;
	}
	
	#hills .js_text02 {
		margin-bottom: 40px;
	}
	
	#hills .optimal {
		margin: 0 8px;
	}
	
	#hills .optimal .optimal_ul {
		margin: 0;
	}
	
	#hills .optimal .optimal_ul li {
		float: none;
		width: auto;
		padding: 0 !important;
		margin: 0 0 35px;
	}
	
	#hills .optimal .optimal_ul li:last-child {
		margin-bottom: 0;
	}
	
	#hills .optimal .ttl {
		margin-bottom: 30px;
	}
	
	#hills .optimal .optimal_ul li p {
		font-size: 18px;
	}
	
	#hills .optimal .optimal_ul li .ttl_img {
		margin-bottom: -8px;
	}
	
	#hills .optimal .optimal_ul li .ttl_img img {
		height: 25px;
		width: auto;
	}
	
	#hills .optimal .optimal_ul li .optimal_photo {
		margin: 0 82px;
	}
	
	#hills .optimal .optimal_ul .li_style02 .optimal_photo {
		margin: 0 120px;
	}
	
	#hills .balance .img_box {
		margin: 0;
	}
	
	#hills .balance .img_box .left_box {
		float: none;
		width: 281px;
		margin: 0 auto;
	}
	
	#hills .balance .img_box .left_box .photo > img {
		width: 127px;
	}
	
	#hills .balance .img_box .left_box span {
		width: 145px;
		top: -40px;
		right: 4px;
	}
	
	#hills .balance .sub_balance {
		padding: 65px 0 35px;
	}
	
	#hills .balance:after {
		height: 200px;
		top: 22px;
		background-image: url("../img/sp_bg02.jpg");
		background-size: 100% auto;
	}
	
	#hills .balance:before {
		height: 60px;
		background-image: url("../img/sp_bg04.jpg");
		background-size: 100% auto;
	}
	
	#hills .balance .img_box .left_box .photo {
		margin-bottom: 3px;
	}
	
	#hills .balance .img_box .left_box p {
		font-size: 13.5px;
		line-height: 1.4;
		margin: 0 30px;
	}
	
	#hills .balance .blance_img01 {
		width: 95px;
		top: 6px;
		left: 12px;
	}
	
	#hills .balance .blance_img02 {
		width: 79px;
		top: 157px;
		right: 18px;
	}
	
	#hills .balance .img_box .right_box {
		width: auto;
		float: none;
		margin: 0 30px;
	}
	
	#hills .balance .img_box .right_box .title {
		margin: 40px auto 15px;
		width: 265px;
		font-size: 20px;
		text-align: left;
	}
	
	#hills .balance .img_box .right_box .title span {
		background-size: 12px auto, 12px auto;
	}
	
	#hills .balance .img_box .right_box p {
		margin-bottom: 20px;
		font-size: 15px;
		line-height: 1.7;
		text-align: center;
	}
	
	#hills .balance .link {
		margin: 0 30px;
	}
	
	#hills .question02 {
		margin-top: 30px;
		padding: 89px 0 31px;
		position: relative;
	}
	
	#hills .question02 .js_box {
		margin-bottom: -30px;
	}
	
	#hills .question03 .js_box {
		margin-bottom: -150px;
	}
	
	#hills .question03 {
		padding-bottom: 180px;
	}
	
	#hills .question02 .sp_img02 {
		position: absolute;
		top: 18px;
		right: 44px;
		width: 70px;
	}
	
	#hills .question02 .sp_img03 {
		position: absolute;
		top: 45px;
		left: 14px;
		width: 79px;
	}
	
	#hills .question02 h2 {
		margin-bottom: 20px;
	}
	
	#hills .question02 h2 img {
		width: 196px;
	}
	
	#hills .question02 .inner_box {
		margin-bottom: -77px;
		position: relative;
		top: auto !important;
		left: auto;
	}
	
	#hills .question02 .comInner .text_box {
		width: 250px;
		margin: 0 auto;
	}
	
	#hills .question02 .box .photo {
		margin: 0 -75px 0 -25px;
	}
	
	#hills .question02 .text_img {
		width: auto;
		margin-top: 32px;
	}
	
	#hills .question02 .js_box .box {
		padding-top: 30px;
	}
	
	#hills .question02 .js_box .btm_box {
		display: none;
	}
	
	#hills .question02 .js_box .box .photo {
		margin: 0;
	}
	
	#hills .question02 .js_box .box .photo img {
		width: 100%;
	}
	
	#hills .question02 .inner05 .text_box {
		margin-bottom: 10px;
	}
	
	#hills .question02 .js_box .inner_box {
		margin-bottom: -160px;
	}
	
	#hills .question02 .inner05 .js_sp_text {
		margin: 0 auto;
		width: 175px;
	}
	
	#hills .img_box_left .photo {
		display: none;
	}
	
	#hills .img_box_left .text_box {
		float: none;
		width: auto;
		padding: 27px 0 0;
	}
	
	#hills .img_box_left .text_box p {
		font-size: 15px;
		text-align: center;
		line-height: 1.67;
	}
	
	#hills .img_box_left .sp_box {
		margin-top: -25px;
	}
	
	#hills .img_box_left .sp_box .sp_photo_box {
		float: left;
		width: 71%;
		margin: 0 -20% -40% 0;
	}
	
	#hills .img_box_left .sp_box .text_img02 {
		float: right;
		width: 42%;
		margin: 35px 6px 0 0;
	}
	
	#hills .question02 .inner03 .text_box {
		width: 283px;
		margin-bottom: 32px;
	}
	
	#hills .question02 .comInner .text_box .que_img04 {
		top: 85px;
		left: auto;
		right: -31px;
		width: 71px;
	}
	
	#hills .question02 .sp_img04 {
		position: absolute;
		top: 138px;
		left: 10px;
		width: 78px;
	}
	
	#hills .question02 .inner03 {
		margin-bottom: -15px;
	}
	
	#hills .question02 .js_box .inner03 {
		margin: 30px auto 18px;
	}
	
	#hills .question02 .js_box .inner03 .text_box {
		width: 295px;
		margin: 0 auto 3px;
	}
	
	#hills .js_text03 {
		width: auto;
		margin-bottom: 26px;
	}
	
	#hills .js_photo {
		margin: 0 -50px;
	}
	
	#hills .section {
		padding: 12% 0 13%;
		background-image: url("../img/sp_bg03.jpg");
		background-size: 100% auto;
		background-position: center top;
	}
	
	#hills .section .list li {
		width: auto;
		display: block;
		margin: 0 auto -70px;
		width: 300px;
		padding-left: 48px;
	}
	
	#hills .section .list .sub .text_box {
		width: 130px;
		padding-bottom: 40px;
	}
	
	#hills .section .list .sub .text_box p {
		margin: 0;
		font-size: 15px;
		line-height: 1.6;
	}
	
	#hills .section .list .sub .text_box .title {
		font-size: 17px;
		line-height: 1.3;
		margin-bottom: 10px !important;
	}
	
	#hills .section .list .sub .photo_box {
		width: auto;
	}
	
	#hills .section .list .sub .photo_box img {
		width: 166px;
	}
	
	#hills .section .list li:nth-child(2n) {
		padding-left: 16px;
	}
	
	#hills .section .list {
		margin-bottom: -8px;
	}
	
	#hills .section .list02 {
		margin: 0 0 50px;
	}
	
	#hills .section .list02 li {
		display: block;
		margin: 0 auto -75px;
		width: 300px;
		padding-left: 48px;
	}
	
	#hills .section .list02 li .sub {
		display: table;
		width: 100%;
	}
	
	#hills .section .list02 li .photo {
		margin: 0;
		display: table-cell;
		text-align: left;
		vertical-align: middle;
	}
	
	#hills .section .list02 li .photo img {
		width: 166px;
	}
	
	#hills .section .list02 li .text_box {
		display: table-cell;
		text-align: left;
		vertical-align: middle;
		width: 130px;
		padding-bottom: 25px;
	}
	
	#hills .section .list02 li p {
		line-height: 1.6;
		margin: 0;
	}
	
	#hills .section .list02 li:first-child p {
		margin: 0;
	}
	
	#hills .section .list02 li .title {
		font-size: 17px;
		line-height: 1.3;
		margin-bottom: 5px !important;
	}
	
	#hills .section .list02 li:nth-child(2n) {
		padding-left: 16px;
	}
	
	#hills .section .list02 li:nth-child(2n) p {
		margin: 0 15px 0 -18px;
	}
	
	#hills .time {
		width: 225px;
		margin: 0 auto;
	}
	
	#hills .time p {
		font-size: 15px;
	}
	
	#hills .time p > span {
		background-size: 15px auto;
	}
	
	#hills .time p > span span {
		padding: 10px 20px 12px;
		background-size: 15px auto;
	}
	
	#hills .time .photo {
		margin: 0 54px;
	}
	
	#hills .choose {
		margin: 23px 0 -37px 19px;
		background-size: 110% 100%;
	}
	
	#hills .choose .sub_box {
		width: auto;
		padding: 24% 40px 22%;
	}
	
	#hills .choose .title {
		font-size: 17.5px;
		margin: 0 19px 23px 0;
	}
	
	#hills .choose .text_list {
		margin: 0 17px;
	}
	
	#hills .choose .text_list li {
		padding: 0 0 12px 20px;
		font-size: 13.5px;
		line-height: 1.55;
		background-size: 17px auto;
	}
	
	#hills .choose .choose_img01 {
		left: 0;
		top: -63px;
		width: 95px;
	}
	
	#hills .choose .choose_img04 {
		width: 78px;
		top: -101px;
		right: 14px;
	}
	
	#hills .choose .choose_img02 {
		width: 27px;
		top: auto;
		bottom: -22px;
		right: 2px;
	}
	
	#hills .choose .choose_img03 {
		display: none;
	}
	
	#hills .healthy .photo {
		margin: 0 auto 16px;
		width: 92px;
	}
	
	#hills .healthy .title {
		margin-bottom: 26px;
		font-size: 20px;
	}
	
	#hills .healthy p {
		margin: 0 10px 122px;
		font-size: 15px;
		line-height: 1.7;
	}
	
	#hills .healthy .healthy_img {
		width: 78px;
		top: 51px;
		left: 15px;
	}
	
	#hills .healthy .photo02 .img01 {
		right: auto;
		left: 35px;
		top: -55px;
		width: 95px;
	}
	
	#hills .healthy .photo02 .img02 {
		display: none;
	}
	
	#hills .healthy .photo02 .img03 {
		position: absolute;
		left: 50%;
		width: 138px;
		margin-left: -58px;
		top: -113px;
	}
	
	#hills .healthy .link {
		margin: 0 20px;
	}
	
	#hills .healthy .photo02 {
		margin-bottom: 28px;
	}
	
	#hills .healthy .link {
		margin: 0 30px 5px;
	}
	
	#hills .healthy .text {
		margin-bottom: 0;
		padding: 0;
		font-size: 16px;
	}
	
	#hills .section:after {
		display: none;
	}
	
	
	
	
	
}

@media all and (max-width: 374px) {
	#hills .love_box .inner .photo_box {
		width: 150px;
	}
	
	#hills .comInner .text_box .que_img04{
		left: -20px;
	}
	
	#hills .js_text {
		font-size: 13px;
	}
	
	#hills .js_box .photo02 .span01 {
		width: 130px;
	}
	
	#hills .js_box .photo02 .span02 {
		width: 140px;
	}
	
	#hills .question .inner02 .text_box {
		width: 300px;
	}
	
	#hills .comInner .text_box p {
		font-size: 18px;
	}
	
	#hills .balance .img_box .right_box {
		margin: 0 20px;
	}
	
	#hills .balance .img_box .right_box p {
		font-size: 13px;
	}
	
	#hills .section .list li {
		width: 280px;
		padding-left: 30px;
	}
	
	#hills .section .list li:nth-child(2n){
		padding-left: 0;
	}
	
	#hills .section .list02 li {
		width: 280px;
		padding-left: 30px;
	}
	
	#hills .section .list02 li:nth-child(2n) {
		padding-left: 0;
	}
	
	#hills .choose .sub_box {
		padding-top: 30%;
	}
	
	#hills .choose .title {
		font-size: 16px;
	}
	
	#hills .choose .text_list {
		margin: 0 0 0 -10px;
	}
	
	#hills .healthy p {
		font-size: 13px;
	}
	
	#hills .love_box .inner .text_box .title {
		font-size: 14px;
	}
}