#sec1 {
  position: relative;
  background: url("../img/shared/mat_perple.jpg") repeat center top;
}
#sec1 .txt {
  padding: 10% 5% 5%;
}
#sec1 .txt p + p {
  padding-top: 15px;
}
#sec1 .photo {
  padding: 0 5%;
}
#sec1 .box {
  position: relative;
  padding: 0 0 10%;
}
#sec1 .box h3 {
  padding: 0 0 5%;
}
#sec1 .box .toggle {
  margin: 0 5%;
  background: rgba(255, 255, 255, 0.3);
  padding: 5% 0;
}
#sec1 .box .toggle h4:before {
  content: '';
  background: url("../img/shared/toggle_arrow.png") no-repeat center top/100% 100%;
  width: 4vw;
  height: 3.4vw;
  position: absolute;
  top: 50%;
  right: 3%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#sec1 .box .toggle h4:after {
  display: none;
}
#sec1 .box .toggle .txt2 {
  padding: 0 5%;
}
#sec1 .box .toggle.active h4:before {
  content: '';
  background: url("../img/shared/toggle_arrow_on.png") no-repeat center top/100% 100%;
}
#sec1 .box .toggle .toggle_txt {
  padding-top: 5%;
}
#sec1 .box .toggle + .toggle {
  margin-top: 10%;
}

#sec2 {
  position: relative;
  background: url("../img/shared/mat02.jpg") repeat center top;
  padding: 0 0 5%;
}
#sec2 h2 {
  padding: 5% 0 2%;
}
#sec2 .sl {
  padding: 0 0 20%;
}
#sec2 .sl .note {
  color: #C60;
  text-align: center;
  padding: 0 5%;
}
#sec2 .sl .slick-dotted.slick-slider {
  margin: 0;
}
#sec2 .sl .slick-arrow {
  width: 10vw;
  height: 10vw;
  text-indent: -9999px;
  z-index: 111;
  top: auto;
  bottom: -11%;
}
#sec2 .sl .slick-prev {
  background: url("../img/shared/prev.png") no-repeat center top/100% 100%;
  left: 5%;
}
#sec2 .sl .slick-next {
  background: url("../img/shared/next.png") no-repeat center top/100% 100%;
  right: 5%;
}
#sec2 .sl .slick-dots {
  bottom: -7%;
}
#sec2 .sl .slick-dots li {
  font-size: 20px;
  font-family: 'Noto Serif JP', serif;
}
#sec2 .sl .slick-dots li.slick-active {
  color: #fff;
}

#sec3 {
  position: relative;
  background: url("../img/shared/mat_green.jpg") repeat center top;
  padding: 0 0 10%;
}
#sec3 h2 {
  padding: 8% 0 5%;
}
#sec3 .sl {
  padding: 0 0 0;
}
#sec3 .sl .slick-arrow {
  bottom: auto;
  top: 33%;
}
#sec3 .sl .slick-prev {
  left: 10%;
  background: url("../img/ceremony/arrowbtn_l.png") no-repeat center top/100% 100% !important;
}
#sec3 .sl .slick-next {
  right: 10%;
  background: url("../img/ceremony/arrowbtn_r.png") no-repeat center top/100% 100% !important;
}
#sec3 .note {
  text-align: center;
  padding: 0 5% 5%;
}

#sec4 {
  position: relative;
  padding: 0 0 15%;
}
#sec4 .sl .slick-dots {
  bottom: -25%;
}
#sec4 .sl .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 10px;
}
#sec4 .sl .slick-dots li button {
  padding: 0;
  border-radius: 50%;
  text-indent: -9999px;
  background: #432;
  width: 10px;
  height: 10px;
}
#sec4 .sl .slick-dots li.slick-active button {
  background: #ad7951;
}
#sec4 .sl_scroll {
  padding-top: 25%;
}
#sec4 .sl_scroll .slider-scroll1 li {
  padding: 0 5px;
}
#sec4 .button {
  padding: 10% 5% 0;
}

#bnr {
  position: relative;
  padding: 5% 5%;
}