@charset "UTF-8";
body{
  line-height: 1.8;
  overflow: hidden;
  color: var(--color-1);
}
@media (max-width: 768px){
  body{
    font-size: 1.4rem;
  }
}

.base {
  position: relative;
}
.wed_header {
  position: absolute;
  top: 0;
  left: 0;
}

.main{
  text-align: center;
}
.main_visual {
  height: 680px;
  text-align: center;
  background: url(/wed/plaza/list/images/main_visual.jpg) no-repeat center bottom / cover;
  .max-screen{
    height: inherit;
  }
}
@media (min-width: 769px) and (max-width: 1160px) {
  .main_visual {
    background-position: left -390px center;
    background-size: auto;
  }
}
@media (max-width: 768px){
  .main_visual {
    padding-top: 23vw;
    height: calc(1000 / 750* 100vw);
    background-image: url(/wed/plaza/list/images/main_visual-sp.jpg);
    background-size: 100%;
  }
  .section {
    padding: 50px 0;
  }
}

h1{
  color: var(--color-2);
  font-size: 5rem;
  font-family: var(--ff-yu_mincho);
  span{
    font-size: 0.592em;
  }
}
@media (max-width: 768px){
  h1{
    font-size: 2.7rem;
    span{
      font-size: 0.64em;
    }
  }
}

.contact{
  padding-top: 50px;
}
.contact-container{
  padding: 2px 0;
  border-top: 2px solid #dfd2c1;
  border-bottom: 2px solid #dfd2c1;
}
.contact-container::before, .contact-container::after{
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #dfd2c1;
}
.contact-body{
  width: fit-content;
  margin: auto;
  padding: 20px 0;
}
@media (max-width: 768px){
  .contact-body{
    line-height: 1.4;
  }
}

/* /wed/jtb-wedding-plaza/cssにも同じとこあり */
.store_list__heading{
  background-position: top 45px right 198px;
}

.before_visiting_process__item{
  padding-top: 40px;
  height: 352px;
  background: url(/wed/plaza/list/images/bg-step_item.png) no-repeat top center / auto;
  h3{
    span{
      display: block;
    }
  }
  .line-1, .line-2{
    color: var(--color-2);
  }
  .line-2{
    font-family: var(--ff-yu_mincho);
    font-weight: bold;
    font-style: italic;
    font-size: 2.875em;
    line-height: 1;
    text-indent: -0.3em;
  }
  .line-3{
    margin-top: 30px;
    font-size: 1.5em;
    font-weight: bold;
  }
  p{
    margin-top: 5px;
  }
}
@media (min-width: 769px){
  .before_visiting_process{
    padding-bottom: 90px;
  }
}
@media (max-width: 768px){
  .before_visiting_process__list {
    padding-left: calc(30 / 750* 100vw);
    padding-right: calc(30 / 750* 100vw);
  }
  .before_visiting_process__item{
    position: relative;
    height: auto;
    padding: 25px 0;
    background-image: none;
    background-color: #f8f3f0;
    outline: 1px solid var(--color-2);
    outline-offset: -10px;
    text-align: left;
    p, .line-3{
      width: calc( 440 / 750 * 100vw );
      margin-right: 0;
      margin-left: auto;
    }
    .order{
      position: absolute;
      left: calc( 40 / 750 * 100vw );
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: flex-end;
      justify-content: center;
      width: calc( 130 / 750 * 100vw );
    }
    .line-1{
      font-size: 0.857em;
    }
    .line-2{
      text-indent: 0em;
      font-size: 2.25em;
    }
    .line-3{
      margin-top: 0;
      font-size: 1.357em;
    }
  }
}
/* ココまで */

.campaign_and_fair {
  background: url(/wed/plaza/list/images/bg-campaign_and_fair.jpg) no-repeat top center / cover;
}
.campaign_and_fair__heading {
  background: url(/wed/common/images/module/text-campaign_and_fair-white.png) no-repeat top 40px left / auto;
}
@media (min-width: 769px){
  .campaign_and_fair {
    padding-bottom: 90px;
  }
}
@media (max-width: 768px){
  .campaign_and_fair {
    background-image: url(/wed/plaza/list/images/bg-campaign_and_fair-sp.jpg) ;
  }
}

.remote_consultation__heading{
  background: url(/wed/common/images/module/text-remote_consultation.png) no-repeat top 90px right / auto;
}
.remote_consultation{
  padding-bottom: 120px;
}
.remote_consultation-body p{
  text-align: left;
}
.remote_consultation__text{
  line-height: 2.4;
}
@media (max-width: 768px){
  .remote_consultation-body{
    padding-left: calc(30 / 750* 100vw);
    padding-right: calc(30 / 750* 100vw);
  }
  .remote_consultation__lead{
    line-height: 1.4;
  }
  .remote_consultation__text{
    line-height: 2;
  }
}