
/*FOR-MOBIL-START*/
@media screen and (max-width: 767px) {

.container {
	padding: 0 24px;
}

.timeline-item h4 {
	font-size: 12px;
}

.timeline-main-line {
	margin-top: 22px;
}

.cricle {
	font-size: 20px;
	width: 28px;
	height: 28px;
}

.timeline-line {
	height: 10px;
}

.timeline-area {
	padding: 32px 0;
}

.timeline-item h4 br {
  display: block;
}

.counts-main {
	grid-template-columns: 100%;
	row-gap: 24px;
	margin-top: 0;
}

.counts-title h2 {
	font-size: 28px;
}

.counts-right {
	/*! order: 1; */
}

.counts-left {
	/*! order: 2; */
}

.counts-area {
	padding: 32px 0;
}

.combinat-grid {
	grid-template-columns: 100%;
	margin-top: 36px;
	row-gap: 24px;
}

.improve-main h2 {
	font-size: 24px;
}

.improve-area {
	padding: 32px 0;
}

.improve-cnt-wrap {
  margin-top: 32px;

}

.improve-img img {
	margin-top: 32px;
}

.combinat-topper h2 {
	font-size: 24px;
	text-align: center;
}

.improve-line {
	margin-top: 32px;
}

.combinat-main {
	margin-top: 32px;
}

.combinat-img img {
	margin-top: 36px;
}

.combinat-btm h3 {
	margin-top: 36px;
}

.snacks-main {
	grid-template-columns: 100%;
}

.snacks-area {
	padding: 32px 0;
}

.snacks-title h2 {
	font-size: 24px;
}

.offer-cnt ul li:nth-of-type(1)::after {
	 background: url('../images/line2.png') no-repeat;
	 width: 50px;
  	 height: 16px;
}

.exclusive-title h2 {
	font-size: 24px;
}

.exclusive-title h2 img {
  max-width: 22px;
}

.exclusive-area {
	padding: 32px 0;
}

.time-unit span:nth-of-type(1) {
	font-size: 44px;
	line-height: 45px;
}

.time-dot span {
	font-size: 45px;
}

.exclus-cnt ul {
	display: grid;
	grid-template-columns: 100%;
	max-width: 240px;
	margin: auto;
	row-gap: 12px;
	text-align: center;
}

.exclus-cnt h3 {
	font-size: 28px;
}

.exclus-cnt a {
	font-size: 19px;
	padding: 16px 20px;
}

.moneyback-main {
	grid-template-columns: 100%;
	row-gap: 24px;
}

.moneyback-left img {
	width: 120px;
	display: block;
	margin: auto;
}

.moneyback-right h4 {
	font-size: 16px;
}

.moneyback-right {
	text-align: center;
}

.video-grid {
	grid-template-columns: 100%;
	padding: 24px 24px;
	row-gap: 20px;
}

.video-area {
	padding: 32px 0;
}

.ownerssay-title h2 {
	font-size: 24px;
}

.understand-area {
	padding-top: 32px;
}

.time-unit {
  width: 98px;
}

.saying-area {
	padding-bottom: 32px;
}

.saying-main {
	grid-template-columns: 100%;
	row-gap: 16px;
}

.saying-title h2 {
	font-size: 24px;
}

.new-main-box40 ul {
	display: initial;
	text-align: center;
}

.new-main-box40 ul li img {
	display: block;
	margin: auto;
}

.new-main-box40 {
	padding: 16px 15px;
}

.new-main-box40 ul li {
	margin-top: 10px;
}









/*=phone=*/
}




		
		         
