@charset "UTF-8";

@media (min-width: 769px){
  .fs-18{
    font-size: 1.125em;
  }
}

body {
  background-color: #ffffff;
  color: #34251e;
  font-family: var(--ff-yu_gothic);
  font-size: 1.6rem;
  line-height: 2;
  overflow-x: hidden;
}
.base{
  position: relative;
}
@media (max-width: 768px){
  body{
    font-size: 1.4em;
  }
  .base{
    img{
      width: 100%;
      max-width: 100%;
    }
  }
}


.wed_header{
  position: absolute;
  top: 0;
  left: 0;
}
.main_visual{
  width: 100%;
  overflow: hidden;
  position: relative;
}
.main_visual__image{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;

  opacity: 0;
  animation-name: fade;
  animation-duration: 16s;
  animation-iteration-count: infinite;
}
.main_visual__image:first-of-type{
  background-image: url(/wed/index/images/main_visual-01.jpg);
  background-position: bottom left;
}
.main_visual__image:nth-of-type(2){
  background-image: url(/wed/index/images/main_visual-02.jpg);
  animation-delay: 8s;
  background-position: bottom left;
}

.main_visual__text__container{
  position: relative;
  z-index: 3;
}
.main_visual__text{
  position: relative;
  /* top: 320px;
  left: 670px; */
    font-size: 2em;
    color: #7b6446;
    font-family: var(--ff-yu_mincho);
}
a.about_link{
  padding: 14px;
  .about_link-inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .first_line{
    font-size: 1.125em;
  }
  .second_line{
    font-size: 0.9375em;
  }
}
@media (min-width: 769px){
  .main_visual__text__container{
    width: 50%;
    margin: 140px 0 0 auto ;
    padding-left: 110px;
  }
}
@media (min-width: 1141px){
  .main_visual{
    height: calc( 1134 / 1920 * 100vw );
    .max-screen{
      display: flex;
      align-items: center;
      height: 100%;
    }
  }
}
@media (min-width: 1201px) and (max-width: 1300px){
  .main_visual__text__container{
    margin-top: 100px;
  }
}
@media (min-width: 769px) and (max-width: 1200px){
  .main_visual{
    height: 637px;
  }
  .main_visual__image{
    background-size: 1140px;
  }
  .main_visual__text__container{
    margin-top: 120px;
  }
  .main_visual__text{
    line-height: 1.6;
  }
  .main_visual__lead{
    line-height: 1.6;
  }
}
@media (max-width: 768px){
  .main_visual{
    height: calc( 100vw * 1000 / 750 );
    .max-screen{
      height: 100%;
    }
  }
  .main_visual__lead__container.-sp{
    padding: 45px 0;
    text-align: center;
    background-color: #f8f4e6;
  }
  .main_visual__image:first-of-type{
    background-image: url(/wed/index/images/main_visual-01-sp.jpg);
  }
  .main_visual__image:nth-of-type(2){
    background-image: url(/wed/index/images/main_visual-02-sp.jpg);
  }
  .main_visual__text{
    font-size: 1.43em;
  }
  .main_visual__text__container{
    position: absolute;
    top: auto;
    bottom: 13vw;
    left: auto;
    right: 1em;
    text-align: right;
  }
  a.about_link{
    padding-left: 5vw;
  }
}
@keyframes fade {
  0%{
    opacity: 0;
  }
  20%{
    opacity: 1;
  }
  80%{
    opacity: 0;
    transform: scale(1.05);
  }
  100%{
    opacity: 0;
    z-index: 0;
  }
}

/* SPナビ
 * TOPとresort-wedding-domesticで使用
----------------------------------------------- */
@media (min-width: 769px){
  .contents_nav{
    display: none;
  }
}
@media (max-width: 768px){
  .contents_nav{
    padding: 0 calc( 30 / 750 * 100vw );
    background-color: var(--color-4);
  }
  .contents_nav__list{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    height: 60px;
    padding: 5px 0;
    a{
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      color: #ffffff;
      font-size: 0.928em;
      line-height: 1.4;
      letter-spacing: -0.03em;
      text-align: center;
    }
  }
  .contents_nav__item{
    border-right: 1px solid #ffffff;
  }
  .contents_nav__item:last-of-type{
    border: none;
  }
}

.section{
  text-align: center;
  .max-screen{
    position: relative;
  }
}
@media (min-width: 769px){
  .section{
    padding: 0 0 90px;
  }
}
@media (max-width: 768px){
  .section{
    padding: 50px 0;
  }
  .section .max-screen::before, .section .max-screen::after{
    display: none;
  }
}


.campaign_and_fair .max-screen::before, .campaign_and_fair .max-screen::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 212px;
  background: url(/wed/index/images/bg-object.png) no-repeat top -43px left / auto;
}
.campaign_and_fair .max-screen::before{
  top: 0;
  left: -257px;
}
.campaign_and_fair .max-screen::after{
  bottom: -90px;
  right: -175px;
  transform: scale(-1, -1);
  background-position: top -51px left;
}

@media (min-width: 769px){
  .area__item{
    width: calc( (100% - 96px) / 4 );
  }
  .area__item.-main{
    width: calc( (100% - 64px) / 3 );
  }
  .area-item__heading{
    font-size: 1.125em;
  }
}
@media (max-width: 768px){
  .area__list{
    column-gap: 10px;
    row-gap: 25px;
  }
  .area-item__text{
    text-align: left;
  }
}

.photo_plan{
  background: url(/wed/index/images/bg-photo_plan.jpg) no-repeat top center / cover;
}
@media (max-width: 768px){
  .photo_plan{
    background-image: url(/wed/index/images/bg-photo_plan-sp.jpg);
  }
}

.plaza_and_desk .max-screen::before, .plaza_and_desk .max-screen::after{
  content: "";
  position: absolute;
  bottom: -90px;
  width: 100%;
  height: 212px;
  background: url(/wed/index/images/bg-object.png) no-repeat bottom 63px left / auto;
  z-index: -1;
}
.plaza_and_desk .max-screen::before{
  left: 0;
  transform: scale(1, -1);
}
.plaza_and_desk .max-screen::after{
  right: 0;
  transform: scale(-1, -1);
}

.honeymoon{
  background: url(/wed/index/images/bg-honeymoon.jpg) no-repeat top center / cover;
}
@media (max-width: 768px){
  .honeymoon{
    background-image: url(/wed/index/images/bg-honeymoon-sp.jpg);
  }
}