@charset "utf-8";
/***********************
2020.03.02 kari
wedding detail page layout
************************/
 #hero .hero-img {
 width: 100%;
 height: 100vh;
 background:rgba(0, 0, 0, .2) url(../img/iledele/hero/hero.jpg) 40% 50%;
 -webkit-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
 background-blend-mode: multiply;
 position: relative;
 }
#hero .txt {
    width: 393px;
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%)translateX(-50%);
    -ms-transform: translateY(-50%)translateX(-50%);
    transform: translateY(-50%)translateX(-50%);
}
#hero::before {
    background: none;
}
 @media screen and (max-width: 768px) {
 #hero {padding-bottom: 0;}
 #hero .hero-img {
  width: 100%;
  height: calc(100vh - 44px);
  padding-top: 0;
  background:rgba(0, 0, 0, .2)  url(../img/iledele/hero/hero-sp.jpg) 50% 50%;
  -webkit-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
 }
#hero .txt {
  width: 100%;
  max-width: 320px;
  max-height: 100px;
  background: none;
  top: 44%;
}
}

 #access .box .half .pht {
 width: 100%;
 height: 0;
 padding-top: 66.666%;
 background: url(../img/iledele/access/01.jpg) center bottom no-repeat;
 -webkit-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}



#plan::before {
 background: #cee7f1;
}
#plan img {
  background:#6698ae;
}
#feature .swiper-container .swiper-slide {
    background: #cee7f1;
}
#schedule .schedule-list li .txt-wrap span {
    color: #6698ae;
}
#schedule .schedule-list li::after {
    background: #cee7f1;
}

#faq dt:before {
    color: #6698ae;
}
.accordion_icon span{
  background-color: #6698ae;
}