@charset "utf-8";

/* download */
.lp_download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 480px;
  margin-top: 42px;
  margin-right: auto;
  margin-left: auto;
}
.lp_download_item {
  max-width: 195px;
  margin: 0 auto;
}
.lp_download_item:last-child {
  max-width: 240px;
  margin-left: 5%;
}
.lp_download_note {
  margin-top: 50px;
  padding: 30px;
  line-height: 1.8;
  text-align: left;
  background-color: #fff;
  border: 1px solid #707070;
}
.lp_download_note ul {
  list-style-type: none;
}
@media(max-width:767px) {
  .lp_download {
    margin-top: 24px;
    /* width: 83%; */
    width: 92%;
  }
  .lp_download_note {
    margin-top: 30px;
    padding: 15px;
    font-size: 13px;
  }
}
.btn--primary {
 background-color:#fff;
 color: #333;
 border: solid 1px #333;
}
.btn--primary:hover {
  background-color:#fff;
  color: #333;
  border: solid 1px #333;
}
.lp_download a{
  background-color: #111111;
  color: #fff;
  font-size: 27px;
  line-height: 3;
  width: 100%;
  text-align: center;
  border-radius: 100vh;
  font-family: 'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', sans-serif;
}
.lp_download .lp_download--btn{
  background-color: inherit;
}
.lp_download2{
  margin-top: 18px;
}
.lp_download3{
  display: none;
}
@media(max-width:767px) {
  .lp_download2{
    margin-top: 10px;
  }
  .lp_download2 img,
  .lp_download3 img{
    width: 128px;
    height: auto;
    margin-inline: auto;
  }
  .lp_download a{
    font-size: 20px;
  }
  .lp_download3{
    display: flex;
  }
}

/* container */
.lp_container {
  width: 100%;
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 120px;
}
@media (max-width: 1160px) {
  .lp_container {
    padding-right: 4%;
    padding-left: 4%;
    margin-top: 70px;
  }
}
/* heading */
.lp_lv1heading {
  font-weight: 700;
  font-size: 38px;
}
@media (max-width: 767px) {
  .lp_lv1heading {
    font-size: 20px;
  }
}
/*section_top*/
.section_top {
  padding: 154px 0 105px;
  overflow: hidden;
}
.section_inner {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
  margin: auto;
  position: relative;
  z-index: 3;
}
.title_container img{
  display: block;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.section_top .title_container {
  width: 27.6vw;
  min-width: 400px;
  margin-bottom: 80px;
  position: relative;
  z-index: 999;
}
.title_sub {
  width: 74%;
  margin-bottom: 32px;
}
.main_image {
  position: relative;
  width: 20.8vw;
  min-width: 300px;
}

.app_icon_image {
  position: absolute;
  right: -23%;
  top: -11%;
  width: 10.7vw;
  min-width: 140px;
}
.decoration_image {
  position: absolute;
}
@media(max-width:1200px) {
  .section_inner {
    justify-content: space-around;
  }
}
@media(max-width:767px) {
  .section_inner {
    display: block;
  }
  .section_top .main_image {
    width: 75.9vw;
    min-width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .app_icon_image {
    right: 8%;
    top: -4%;
  }
  .section_top {
    margin-bottom: -150px;
    position: relative;

    padding-bottom: 0;
    padding-top: 58px;
  }
  .section_top .title_container {
    width: 79.2vw;
    min-width: auto;
    margin: 0 auto 50px;
  }
  .title_sub {
    margin-bottom: 17.6px;
  }
}
@media(max-width:600px) {
  .app_icon_image {
    right: -1%;
  }
}
@media(max-width:500px) {
  .app_icon_image {
    right: -12%;
    top: -5%;

  }
}
@media(max-width:400px) {
  .app_icon_image {
    right: -19%;
    top: -8%;
  }
}

/*top_decoration*/
.decoration_image {
  position: absolute;
  z-index: -1;
}
.decoration01 {
  top: 0;
  right: -190%;
  width: 165px;
  min-width:8.25vw;
}
.decoration02 {
  top: 25%;
  left: -68%;
  width: 12vw;
  min-width:172.5px;
}
.decoration03 {
  /* bottom: 15%; */
  bottom: 5%;
  right: -60%;
  width: 9.9vw;
  min-width:142px;
}
.decoration04 {
  top: 58%;
  right: -194%;
  width: 8vw;
  min-width:116px;
}
.decoration05 {
  top: -9%;
  left: -23%;
  width: 7vw;
  min-width:102px;
  transform: rotate(-45deg);
}
.decoration06 {
  left: -54%;
  bottom: 3%;
  width: 11.7vw;
  min-width:191px;
  display: block;
  transform: rotate(-36deg);
}
@media(max-width:767px) {
  .decoration01 {
    /* top: -45%; */
    top: -400px;
    right: -23%;
    /* width: 94px; */
    width: 24vw;
  }
  .decoration02 {
    /* top: -23%; */
    top: -270px;
    left: -24%;
    /* width: 99px; */
    width: 25.3vw;
    min-width: 0;
}
  .decoration03 {
    /* bottom: 47%; */
    bottom: 64%;
    right: -26%;
    /* width: 106px; */
    width: 27.2vw;
    min-width:0;
  }
  .decoration04 {
    /* top: 23%; */
    top: 5%;
    right: -23%;
    /* width: 87px; */
    width: 22.3vw;
    min-width: 0;
  }
  .decoration05 {
    /* top: -44%; */
    top: -395px;
    left: -12%;
    /* width: 60px; */
    width: 15.4vw;
    min-width: 0;
  }
  .decoration06 {
    /* bottom: 35%; */
    bottom: 48%;
    left: -24%;
    width: 37vw;
    /* width: 144px; */
    min-width: 0;
  }
}


/*section_common*/
.number_image {
  width: 126px;
  margin-bottom: 50px;
}
.explanation_text {
  font-size:max(1.25vw,17px);
  font-weight: 500;
  text-align: center;
  margin-top: 43px;
}
.explanation_text--note{
  font-size:max(0.8vw,14px);
}
.explanation_text--note-sec{
  font-size:max(0.8vw,14px);
  margin-top: 7px;
}
.explanation_text-sub{
  color: #fff;
  background-color: #CA0E01;
  margin-inline: 10px;
  text-align: center;
}
section:not(.section_top):not(.lp_section) {
  padding: 176px 0 ;
}

.title_container {
  width: 27.6vw;
  min-width: 400px;
}
@media(max-width:767px) {
  section:not(.section_top):not(.lp_section) {
    padding: 71px 0 ;
  }
  .number_image {
    width: 15.6vw;
    margin-bottom: 23.3px;
  }
  .main_image {
    width: 67vw;
    min-width: auto;
    max-width: 450px;
    margin: 0 auto 30px;
  }
  .section_heading {
    height: 6.4vw;
  }
  .section_heading--twoline{
    height: 16.5vw;
  }
  .title_container {
    width: fit-content;
    width: 80%;
    min-width: auto;
    margin: 0 auto 33px;
  }
  .explanation_text {
    margin-top: 0;
  }
  .explanation_text-sub{
    width: 340px;
    margin: 22px auto;
  }
  .explanation_text_sp {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
  }
}

/*section_stamp*/
.section_stamp {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back01.png");
  background-size: cover;
}
/*section_coupon*/
.section_coupon {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back02.png");
  background-size: cover;
}
/* section_status */
.section_status{
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back06.webp");
  background-size: cover;
}
/*section_reservation*/
.section_reservation {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back03.png");
  background-size: cover;
}
/*section_reservation*/
.section_menu {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back04.jpg");
  background-size: cover;
}
/*section_reservation*/
.section_info {
  background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back05.png");
  background-size: cover;
}

@media(max-width:767px) {
  .section_stamp {
    background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back01_sp.png");
    z-index: 3;
    position: relative;
  }
  .section_reservation {
    background-size: 300%;
    background-repeat: repeat;
  }
  .section_status{
    background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back06_sp.webp");
  }
  .section_menu {
    background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back04_sp.jpg");
  }
  .section_info {
    background-image: url("/wp-content/themes/mngtr_basic/img/lp/app/back05_sp.png");
  }
}

/*animation*/
.fadeInTrigger {
  opacity: 0;
}
/* Fading entrances  */
.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*animation*/
.delay-time02{
  animation-delay: 0.2s;
}
.delay-time04{
  animation-delay: 0.4s;
}
.delay-time06{
  animation-delay: 0.6s;
}
.delay-time08{
  animation-delay: 0.8s;
}
 
.delay-time12 {
  animation-delay: 1.2s;
}
@media(max-width:767px) {
  .delay-time12 {
    animation-delay: 0.3s;
  }
}


.change-time01{
  animation-duration: 1s;
}
.change-time02{
  animation-duration: 2s;
}