:root {
  --color01: #164863;
  --color02: #E2E9EB;
  --color03: #E4EBED;
  --color04: #9BBEC8;
  --color05: #427D9D;
  --color06: #F0F3F4;
}

#container .contents-wrap #mv-contents.v02 {
  background-image: url(./../images/artmake_lp/mens/mv_bg_v02.webp);
}
@media screen and (min-width: 768px) {
  #container .contents-wrap #mv-contents.v02 .mv-inner .mv-title {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  #container .contents-wrap #mv-contents.v02 .mv-inner .mv-title .t01 {
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  #container .contents-wrap #mv-contents.v02 .mv-inner .mv-title .t02 {
    width: 8.2%;
    position: absolute;
    top: 55%;
    right: 14%;
    left: auto;
  }
}
@media screen and (max-width: 767px) {
  #container .contents-wrap #mv-contents.v02 .mv-inner .mv-title .t02 {
    display: block;
    width: 12vw;
    margin-left: auto;
    padding: 0;
    position: relative;
    right: 4vw;
    top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  #container .contents-wrap #mv-contents.v02 .mv-inner .m-img {
    padding-right: 25.75%;
  }
}
#container .contents-wrap #mv-contents.v02 .mv-inner .dec-v02 {
  background: #4B556C;
}
#container .contents-wrap .color {
  color: var(--color01) !important;
}
#container .contents-wrap .b-border {
  border-color: var(--color01) !important;
}
#container .contents-wrap .bg-color {
  background-color: var(--color02) !important;
}
#container .contents-wrap #art-reason {
  margin-bottom: 0 !important;
}
#container .contents-wrap #promise .title-lp .s {
  color: var(--color06) !important;
}
#container .contents-wrap #menu .menu-list ul li a .t01,
#container .contents-wrap #promise .promise-body ul li .in .front .num span::before,
#container .contents-wrap #promise .promise-body ul li .in .front .num span::after,
#container .contents-wrap #art-reason .reason-body ul li .in .front .num span::before,
#container .contents-wrap #art-reason .reason-body ul li .in .front .num span::after {
  color: var(--color02) !important;
}
#container .contents-wrap #decisive-factor {
  padding-top: 0 !important;
}
#container .contents-wrap #decisive-factor::before {
  background-image: url(./../images/artmake_lp/mens/decisive_factor_bg_v02.webp);
}
#container .contents-wrap #decisive-factor .mv-float {
  position: static;
}
@media screen and (max-width: 767px) {
  #container .contents-wrap #decisive-factor .mv-float {
    margin-bottom: 6.6666666667vw;
  }
}
#container .contents-wrap #decisive-factor .img-contents-block .back::after {
  background-color: var(--color04) !important;
}
#container .contents-wrap #technique .first-box::after {
  background-color: var(--color03) !important;
  opacity: 0.9;
}
#container .contents-wrap #technique .first-box .first-img {
  background-image: url(./../images/artmake_lp/mens/img_technique01.webp);
}
#container .contents-wrap #promise .promise-body ul li::after {
  background-color: var(--color06) !important;
  opacity: 0.9;
}
#container .contents-wrap #promise .promise-body ul li .in .front .ttl span::after {
  background-color: var(--color04) !important;
}
#container .contents-wrap #campaign .campaign-box .campaign-box-inner .campaign-box-in > .t01 .kaisuu {
  background-color: var(--color05) !important;
}
#container .contents-wrap #campaign .campaign-box .campaign-box-inner .campaign-box-in .center-box::after {
  background-image: url(./../images/artmake_lp/mens/icon_campaign01.webp);
}
#container .contents-wrap #expert .float-dec {
  background-image: url(./../images/artmake_lp/mens/dec_img01.webp);
}
#container .contents-wrap #expert::before {
  background-color: var(--color02);
}
#container .contents-wrap #expert .expert-box .expert-text::after {
  background-color: var(--color01);
}
#container .contents-wrap #expert .expert-box .expert-text .expert-text-inner ol li::after {
  background-color: var(--color04);
}
@media screen and (min-width: 768px) {
  #container .contents-wrap #select-design .design-list ul {
    max-width: 792px;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
  }
}
#container .contents-wrap #select-design .design-list ul li .ttl {
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
#container .contents-wrap #art-reason,
#container .contents-wrap #campaign {
  background-image: url(./../images/artmake_lp/mens/bg_campaign.webp);
}
#container .contents-wrap .arert_ttl {
  color: var(--color05) !important;
}
#container .contents-wrap .arert_ttl span::before, #container .contents-wrap .arert_ttl span::after {
  background-color: var(--color05);
}/*# sourceMappingURL=lp_mens.css.map */