@charset "UTF-8";
/*-----------------------------------------------------------------------
 modifier
----------------------------------------------------------------------- */
.is-inline_block_wrap {
  letter-spacing: -0.4em;
}
.is-br {
  display: block;
}
.is-split {
  display: inline-block;
}
.is-pc_br {
  display: block;
}
.is-sp_br {
/*  display: none; */ /* sp to pc */
}
.is-font_bold {
  font-weight: bold;
}
.is-sp_img {
  display: none;
}
.is-before_icon::before,
.is-after_icon::after {
  background-repeat: no-repeat;
  background-size: 100% auto;
  content: '';
  display: inline-block;
  vertical-align: middle;
}
.is-before_symbol::before,
.is-after_symbol::after {
  content: '';
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.is-disabled {
  display: none;
}
.is-bg_gray {
  background: #f0f5f9;
}
@media screen and (max-width: 583px) {
  .is-pc_img {
    display:none;
  }
  .is-sp_img {
    display: block;
    margin: 0 auto;
  }
}


/*-----------------------------------------------------------------------
 container
----------------------------------------------------------------------- */
/* content settings */
html {
  font-size: 100%;
}
body {
  background-color: transparent;
}
/*main :hover {
  opacity: 1.0;
}*/
main a {
  display: inline-block;
  text-decoration: none;
}
main {
  background: transparent;
  padding: 0
}
button:hover,
a:hover{
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.container {
  background: url(/campaign/imomarriage/img/content_bg.png);
  background-size: 41.7149% auto; /* 1726:720=100:x */
  margin: 0 auto;
}
.com-inner_wrap {
  margin: 0 auto;
  max-width: 1000px;
  width: 92%;
}
.com-inner {
  padding: 10% 0 7%;
}
@media screen and (max-width: 767px) {
  .container {
    padding: 0 0 3%;
  }
  .com-inner_wrap {
    max-width: none;
  }
  .com-inner {
  }
}
@media screen and (max-width: 583px) {
  /* .com-inner_wrap {
    max-width: 480px;
  } */
  .com-inner {
    padding: 10% 0 7%;
  }
}


/*-----------------------------------------------------------------------
 main_visual
----------------------------------------------------------------------- */
.main_visual {
  position: relative;
  z-index: 1;
}
.main_visual-inner_wrap {
  margin: 0 auto;
  /*max-width: 1440px;*/
}
.main_visual-inner {
  background: #fff;
  height: 600px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.main_visual-inner.is-after_icon::after {
  background: url(/campaign/imomarriage/img/lace.png) repeat-x;
  background-size: auto 100%; /* 1440:45=100:x */
  top: 100%;
  left: 0;
  margin: 0 auto 0;
  padding: 0 0 60px;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.main_visual-head {
  background: transparent;
  height: 600px; /* 1705:746=x:600 */
  margin: 0 0 3.4722% -686px;
  padding: 0;
  position: absolute;
  width: 1372px;
  z-index: 1;
  left: 50%;
}
.main_visual-text {
  bottom: 0;
  left: 50%;
  margin: 0 0 -66px -350px;
  position: absolute;
  width: 700px;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .main_visual-inner {
    height: auto;
  }
  .main_visual-head {
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: static;
    width: 100%;
  }
  .main_visual-head .is-pc_img {
    display: none;
  }
  .main_visual-head .is-sp_img {
    display: block;
  }
  .main_visual-inner.is-after_icon::after {
    padding: 0 0 7%;
  }
  .main_visual-text {
    margin: 0 0 -8.5% -46%;
    width: 92%;
  }
}
@media screen and (max-width: 583px) {
  .main_visual-wrap {
    background: none;
  }
  .main_visual-inner {
    width: 100%;
  }
  .main_visual-head,
  .main_visual_banner-wrap {
    width: 100%;
  }
}


/*-----------------------------------------------------------------------
 lead
*----------------------------------------------------------------------- */
.lead {
}
.lead .com-inner_wrap {
  max-width: 960px;
}

.lead .com-inner {
  background:#fff;
  border: 2px solid #ccc;
  border-radius: 8px;
  margin: 13% auto 6%;
  padding: 3% 10% 7%;
  position: relative;
}
.lead-head {
  left: 50%;
  margin: 45% 0 0 -42%;
  position: absolute;
  top: 0;
  width: 84%;
}
.lead-text {
  margin: 0 auto 20%;
  width: 72%
}
.lead-movie_wrap {
  height: 0;
  margin: 0 auto;
  padding: 0 0 56.25%; /* 560:315=100:x */
  position: relative;
  width: 100%;
}
.lead-movie_wrap iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .lead .com-inner {
    margin: 15% auto 9%;
    padding: 4.5% 4% 8%;
  }
  .lead-head {
    margin: 61% 0 0 -47%;
    width: 94%;
  }
  .lead-text {
    margin: 0 auto 22%;
    width: 82%;
  }
}
@media screen and (max-width: 583px) {
  .lead-movie_wrap {
    padding: 0 0 51.75%; /* 560:315=92:x */
    width: 92%;
  }
}
@media screen and (max-width: 479px) {
  .lead .com-inner {
    padding: 4.5% 4% 10%;
  }
  .lead-head {
    margin: 74% 0 0 -47%;
  }
  .lead-text {
    margin: 0 auto 24%;
    width: 100%;
  }
}