:root {
  --mainColor: #0e2f8d;
  --mainColorHover: #2059a2;
  --textColor: #595757;
  --footerBgColor: #e0e0e0;
  --contentMaxWidth: 1250px;
  --navColor: #2c2c2c;
  --frameColor: #e7e7e7;
  --leading-trim: calc((1em - 1lh) / 2);
}

/**
* MainVisual
*/
.p-mv {
  width: 100vw;
  min-height: 750px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-color: transparent;
  background-image: url("/wpmricf/wp-content/themes/maruichi/images/mv.jpg");
  background-repeat: no-repeat;
  background-position: right botom;
  background-size: cover;
}

.p-mv .l-inner {
  display: flex;
  flex-direction: column;
  justify-content: end;
  margin: 0 auto;
  min-height: 750px;
}

@media screen and (max-width: 1024px) {
  .p-mv {
    background-position: right -40vw top;
  }
}
@media screen and (max-width: 768px) {
  .p-mv {
    background-position: right top;
    background-image: url("/wpmricf/wp-content/themes/maruichi/images/mv_sp.jpg");
  }
  .p-mv .l-inner {
    padding-left: 20px;
    padding-right: 20px;
    justify-content: space-between;
  }
}
.p-mv__copyText {
  color: #fff;
  line-height: 1.25;
}

.p-mv__catchcopy {
  margin: 0;
  font-size: clamp(3rem, 4.97vw + 1.84rem, 5.63rem);
}

.p-mv__subcopy {
  margin: 0;
  font-size: clamp(1rem, 1.66vw + 0.61rem, 1.88rem);
}

.p-mv__lead {
  margin: 35px 0 132px;
}

@media screen and (max-width: 768px) {
  .p-mv__catchcopy {
    display: inline-block;
    text-align-last: justify;
  }
  .p-mv__copyText {
    margin-top: 57px;
    text-align: center;
  }
}
.p-mv__leadInner {
  display: inline-block;
  margin: 0 0 0 calc(50% - 50vw);
  padding: 1em calc(50vw - 50%);
  color: #fff;
  font-size: clamp(1rem, 0.36vw + 0.92rem, 1.19rem);
  font-weight: bold;
  background-color: #2059a2;
}

/*# sourceMappingURL=top.css.map */