header .logo {
	top: 25%!important;
	left: 3%!important;
}

#sec1 {
  position: relative;
  background: url("../img/sweets/sec1_bg.png") no-repeat center top/cover;
  padding-bottom: 10%;
}
#sec1 .bg{
  background: url('../img/sweets/sec1_txt_bg.png') repeat center top;
}
#sec1 .txt {
  text-shadow: 0px 7px 7px rgba(0, 0, 0, 0.58);
  padding: 5% 5% 0;
}
#sec1 .note {
  text-shadow: 0px 7px 7px rgba(0, 0, 0, 0.58);
  padding: 5% 0 5%;
}
#sec2 {
  position: relative;
}
#sec2 .sl {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#sec2 .txt {
  padding: 0 5% 5%;
}
#sec2 .box {
  background: url("../img/shared/bg3.jpg") repeat center top;
  margin: 0 5%;
}
#sec2 .box .button {
  text-align: center;
  padding: 10px 0;
}
#sec2 .box .button:after {
  display: none;
}
#sec2 .box .button img {
  width: 40px;
}
#sec2 .box .list {
  overflow: hidden;
  padding: 0 0 20px 25px;
  margin-right: 15px;
}
#sec2 .box dl {
  position: relative;
  padding-bottom: 10px;
}
#sec2 .box dl:before {
  float: left;
  width: 0;
  white-space: nowrap;
  content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . ";
}
#sec2 .box dl:after {
  content: "." !important;
  clear: both !important;
  display: block !important;
  height: 0 !important;
  visibility: hidden !important;
}
#sec2 .box dl dt {
  float: left;
  position: relative;
  max-width: 70%;
  background: url("../img/shared/bg3.jpg") repeat center top;
}
#sec2 .box dl dt:before {
  content: url("../img/shared/pattern.png");
  position: absolute;
  top: 0px;
  left: -15px;
}
#sec2 .box dl dd {
  float: right;
  text-align: right;
  position: relative;
  background: url("../img/shared/bg3.jpg") repeat center top;
}
#sec2 .note {
  padding: 8% 5%;
}

#sec3 {
  background: url("../img/shared/ft_bg.jpg") no-repeat center top/cover;
  color: #fff;
	padding-top: 5%;
	margin-bottom: 8%;
}
#sec3 .sl {
  padding-bottom: 20%;
}

#sec3 .sl .txt  dl {
	width: 90%;
	line-height: 200%;
	margin: 0 auto 3% auto;
}
#sec3 .sl .txt  dl dt {
  font-size: 150%;
}
#sec3 .sl .txt  dl dd {
  font-size: 130%;
}
#sec3 .sl .txt p {
	width: 90%;
	margin: 0 auto;
}

#sec3 .sl .txt2 {
  width: 100%;
}
#sec3 .sl .txt2  dl {
	width: 90%;
	line-height: 200%;
	margin: 0 auto 3% auto;
}
#sec3 .sl .txt2  dl dt {
  font-size: 150%;
}
#sec3 .sl .txt2  dl dd {
  font-size: 130%;
}
#sec3 .sl .txt2 p {
	width: 90%;
	margin: 0 auto;
}

#sec3 .sl .bx-prev {
  background: url("../img/shared/prev_2.png") no-repeat;
  background-size: 100% 100%;
}
#sec3 .sl .bx-next {
  background: url("../img/shared/next_2.png") no-repeat;
  background-size: 100% 100%;
}
#sec3 .sl .bx-wrapper .bx-pager, #sec3 .sl .bx-wrapper .bx-controls-auto {
  bottom: -6%;
}
#sec3 .sl .bx-controls-direction {
  top: auto;
  bottom: -3%;
}
#sec3 .sl .bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #f3c893;
}
#sec3 .sl .bx-wrapper .bx-pager.bx-default-pager a:hover, #sec3 .sl .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #f3c893;
}
#sec3 .button {
  padding: 0 5% 15%;
}

#sec4 {
  position: relative;
}
#sec4 h2 {
  position: relative;
  z-index: 111;
}
#sec4 .sl {
  margin-top: -15%;
}
#sec4 .txt {
  padding: 15% 5% 10%;
}