@charset "UTF-8";
/* =============================================
  メインビジュアル
=============================================*/
.mv2 {
  margin-bottom: 100px;
  height: 350px;
  position: relative;
}
@media (max-width: 1366px) {
  .mv2 {
    margin-bottom: 60px;
    height: 400px;
    overflow-y: visible;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2 {
    height: 300px;
  }
}
.mv2::before {
  background-image: url(../img/business/mv.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1366px) {
  .mv2::before {
    background-image: url(../img/business/mv_sp.png);
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2::before {
    background-image: url(../img/business/mv.png);
  }
}
.citizen .mv2::before, .info-humin .mv2::before {
  background-image: url(../img/citizen/mv.png);
}
@media (max-width: 1366px) {
  .citizen .mv2::before, .info-humin .mv2::before {
    background-image: url(../img/citizen/mv_sp.png);
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .citizen .mv2::before, .info-humin .mv2::before {
    background-image: url(../img/citizen/mv.png);
  }
}
.medical-worker .mv2::before, .info-kankei .mv2::before {
  background-image: url(../img/medical-worker/mv.png);
}
@media (max-width: 1366px) {
  .medical-worker .mv2::before, .info-kankei .mv2::before {
    background-image: url(../img/medical-worker/mv_sp.png);
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .medical-worker .mv2::before, .info-kankei .mv2::before {
    background-image: url(../img/medical-worker/mv.png);
  }
}
.mv2 .inner {
  padding: 130px 0 4em;
  position: relative;
}
@media (max-width: 1366px) {
  .mv2 .inner {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 130px 0 2em;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2 .inner {
    padding-bottom: 4em;
  }
}
.mv2 .inner .wow {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.5em;
}
@media (max-width: 1366px) {
  .mv2 .inner .wow {
    gap: 1em;
  }
}
.mv2:has(.information) {
  height: 400px;
}
@media (max-width: 1366px) {
  .mv2:has(.information) {
    height: 460px;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2:has(.information) {
    height: 350px;
  }
}
.mv2 .ttl {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 0.3em;
  font-size: clamp(22px, 2.5vw, 40px);
  font-weight: 500;
  letter-spacing: 0.2cap;
  line-height: 1.4;
  padding: 0.6em 1.2em 0.7em;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1366px) {
  .mv2 .ttl {
    white-space: initial;
  }
}
.mv2 .ttl::before {
  background: linear-gradient(144deg, rgb(236, 158, 153) 0%, rgb(243, 204, 222) 70%, rgb(241, 184, 193) 100%) border-box border-box;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.3em;
  border: 0.2em solid transparent;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.citizen .mv2 .ttl::before, .info-humin .mv2 .ttl::before {
  background: linear-gradient(144deg, #ee9c46 0%, #e9cf71 70%, #ebb65b 100%) border-box border-box;
}
.medical-worker .mv2 .ttl::before, .info-kankei .mv2 .ttl::before {
  background: linear-gradient(144deg, #6998df 0%, #86d5e6 70%, #77b7e2 100%) border-box border-box;
}
.mv2 .ttl span {
  display: inline-block;
  font-weight: 500;
  padding-left: 14px;
}
@media (max-width: 1366px) {
  .mv2 .ttl span {
    padding-left: 0;
  }
}
.mv2 .ttl--sub {
  font-size: 24px;
  font-weight: bold;
  color: #17323B;
}
@media (max-width: 1366px) {
  .mv2 .ttl--sub {
    font-size: 14px;
    top: 190px;
    width: 400px;
    text-align: center;
    max-width: 80%;
    line-height: 1.7142857143;
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2 .ttl--sub {
    text-align: center;
    top: 210px;
  }
}
.mv2 .right {
  position: absolute;
  top: 110px;
  right: calc(50% - 480px);
}
@media (max-width: 1366px) {
  .mv2 .right {
    width: 120px;
    height: 120px;
    text-align: center;
    position: static;
    transform: none;
  }
}
@media (min-width: 768px) and (max-width: 1366px) {
  .mv2 .right {
    position: absolute;
    top: 120px;
    right: calc(50% - 300px);
  }
}
.mv2 .right img {
  width: auto;
  height: 180px;
}
@media (max-width: 1366px) {
  .mv2 .right img {
    height: 120px;
  }
}/*# sourceMappingURL=mv.css.map */