* {
  box-sizing: border-box;
}

html {
  font-size: 10px;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
}
@media (max-width: 1200px) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media (max-width: 719px) {
  html {
    font-size: 0.1333333333vw;
  }
}

body {
  letter-spacing: 0.1em;
  font-family: "Noto Sans JP", sans-serif;
  overflow-x: hidden;
}

section {
  position: relative;
}

img {
  width: 100%;
}

p {
  line-height: 1.875;
  margin: 0;
}

a {
  text-decoration: none;
  transition: 0.3s;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.inner {
  max-width: 1120px;
  margin: auto;
}
@media (max-width: 1200px) {
  .inner {
    max-width: 87.5%;
  }
}
@media (max-width: 719px) {
  .inner {
    max-width: calc(100vw - 140rem);
  }
}

a.link {
  position: relative;
  display: block;
  width: 456px;
  height: 60px;
  margin: auto;
  font-family: "Hiragino Kaku Gothic W5 JIS2004" !important;
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.06em;
  line-height: 60px;
  text-align: center;
  color: #ff4438;
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.85);
}
@media (max-width: 1200px) {
  a.link {
    width: 456rem;
    height: 60rem;
    font-size: 14rem;
    line-height: 60rem;
  }
}
@media (max-width: 719px) {
  a.link {
    width: 480rem;
    height: 100rem;
    font-size: 30rem;
    line-height: 100rem;
  }
}
a.link.square_btn {
  border: 1px solid #ff4438;
}

a.link::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right.svg);
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  transition: all ease 0.3s;
}
a.link:hover {
  color: #fff;
  background: #ff4438;
}
a.link:hover::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right-white.svg);
  right: 16px;
}
@media (max-width: 719px) {
  a.link:hover {
    color: #ff4438;
    background: #fff;
  }

  a.link:hover::after {
    content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right.svg);
    right: 16px;
  }
}
a.link.black {
  background: #000;
  color: #fff;
}
a.link.black::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right-white.svg);
}
a.link.black:hover {
  background: #ff4438;
}

@media (max-width: 719px) {
  a.link.black:hover {
    background: #000;
    color: #fff;
  }

  a.link.black:hover::after {
    content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right-white.svg);
  }
}

a.general_link {
  position: relative;
  display: block;
  width: -moz-max-content;
  width: max-content;
  font-family: "Hiragino Kaku Gothic W5 JIS2004";
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 24px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  a.general_link {
    font-size: 18rem;
    line-height: 24rem;
  }
}
@media (max-width: 719px) {
  a.general_link {
    font-size: 28rem;
    line-height: 50.4rem;
  }
}
a.general_link.white {
  color: #fff;
}
a.general_link.white::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right-white.svg);
}
a.general_link.green {
  color: #ff4438;
}
a.general_link.green::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right.svg);
}
a.general_link::after {
  position: absolute;
  right: -20px;
  transition: all ease 0.3s;
}
a.general_link:hover::after {
  right: -25px;
}

span.general_link {
  position: relative;
  display: block;
  width: -moz-max-content;
  width: max-content;
  font-family: "Hiragino Kaku Gothic W5 JIS2004";
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.04em;
  line-height: 24px;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1200px) {
  span.general_link {
    font-size: 18rem;
    line-height: 24rem;
  }
}
@media (max-width: 719px) {
  span.general_link {
    font-size: 28rem;
    line-height: 50.4rem;
  }
}
span.general_link.white {
  color: #fff;
}
span.general_link.white::after {
  content: url(https://d2w53g1q050m78.cloudfront.net/cosmeprostaffjpc/uploads/img/icon-arrow-right-white.svg);
}

.section_title .section_title_txt1 {
  font-family: "Hiragino Kaku Gothic W5 JIS2004";
  font-weight: 500;
  font-size: 35px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: center;
  color: #111;
}
@media (max-width: 1200px) {
  .section_title .section_title_txt1 {
    font-size: 35rem;
  }
}
@media (max-width: 719px) {
  .section_title .section_title_txt1 {
    font-size: 50rem;
  }
}
.section_title .section_title_txt2 {
  font-family: "Hiragino Kaku Gothic W4 JIS2004";
  font-weight: normal;
  font-size: 15px;
  letter-spacing: 0.02em;
  line-height: 24px;
  text-align: center;
  color: #ff4438;
}
@media (max-width: 1200px) {
  .section_title .section_title_txt2 {
    font-size: 15rem;
    line-height: 24rem;
  }
}
@media (max-width: 719px) {
  .section_title .section_title_txt2 {
    font-size: 24rem;
    line-height: 50rem;
  }
}

.lp_section_title .txt1 {
  font-family: "Hiragino Kaku Gothic W4 JIS2004";
  font-weight: normal;
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 28.8px;
  text-align: center;
  color: #fff;
}
@media (max-width: 1200px) {
  .lp_section_title .txt1 {
    font-size: 18rem;
    line-height: 28.8rem;
  }
}
@media (max-width: 719px) {
  .lp_section_title .txt1 {
    font-size: 34rem;
    line-height: 81rem;
  }
}
.lp_section_title .txt2 {
  font-family: "Hiragino Mincho W4 JIS2004" !important;
  font-weight: normal;
  font-size: 34px;
  line-height: 60px;
  text-align: center;
  color: #fff;
  margin-top: 15px;
}
@media (max-width: 1200px) {
  .lp_section_title .txt2 {
    font-size: 34rem;
    line-height: 60rem;
    margin-top: 15rem;
  }
}
@media (max-width: 719px) {
  .lp_section_title .txt2 {
    font-size: 48rem !important;
    line-height: 82rem;
    margin-top: 20rem;
  }
}
.lp_section_title .txt3 {
  font-family: "Hiragino Kaku Gothic W4 JIS2004";
  font-weight: normal;
  font-size: 16px;
  letter-spacing: 0.04em;
  line-height: 30px;
  text-align: center;
  color: #fff;
  margin-top: 5px;
}
@media (max-width: 1200px) {
  .lp_section_title .txt3 {
    font-size: 16rem;
    line-height: 30rem;
    margin-top: 15rem;
  }
}
@media (max-width: 719px) {
  .lp_section_title .txt3 {
    font-size: 26rem;
    line-height: 38rem;
    margin-top: 20rem;
  }
}
.lp_section_title.black .txt1 {
  color: #000;
}
.lp_section_title.black .txt2 {
  color: #000;
}
.lp_section_title.black .txt3 {
  color: #000;
}
.lp_section_title.black .txt3.red {
  color: #ff4438;
}

.other_page {
  padding-top: 140px;
}
@media (max-width: 1200px) {
  .other_page {
    padding-top: 140rem;
  }
}
@media (max-width: 719px) {
  .other_page {
    padding-top: 190rem;
  }
}

@media (max-width: 1050px) {
  .tab {
    display: block;
  }
}

@media (max-width: 1050px) {
  .pc-only {
    display: none !important;
  }
}

@media (max-width: 719px) {
  .pc-tab-only {
    display: none !important;
  }
}
@media (min-width: 719px) {
  .sp-only {
    display: none !important;
  }
}

@media (max-width: 719px) {
  .sp-only {
    display: flex !important;
  }
}

.slide-animation > img {
  animation: fadezoom 8s 0s forwards;
}

@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.effect-fade {
  opacity: 0;
  /*transform : translate(0, 60px);*/
  transition: all 1500ms;
}

.effect-fade.effect-scroll {
  opacity: 1;
  /*transform : translate(0, 0);*/
}

.zoom {
  transform: scale(0.95);
}

.zoom.effect-scroll {
  transform: scale(1);
}

.effect-slide {
  opacity: 0;
  transform: translate(0, 20px);
  transition: all 700ms ease 0.4s;
}

.effect-slide.effect-scroll {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-parent .fade1 {
  opacity: 0;
  transition: all 800ms;
  transform: translate(0, 40px);
}

.effect-parent.effect-scroll .fade1 {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-parent .fade2 {
  opacity: 0;
  transition: all 800ms ease-out 0.3s;
  transform: translate(0, 40px);
}

.effect-parent.effect-scroll .fade2 {
  opacity: 1;
  transform: translate(0, 0);
}

.effect-parent .fade3 {
  opacity: 0;
  transition: all 800ms ease-out 0.7s;
  transform: translate(0, 40px);
}

.effect-parent.effect-scroll .fade3 {
  opacity: 1;
  transform: translate(0, 0);
}

@keyframes fadeUp {
  0% {
    transform: translate(0px, 100px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@keyframes bright {
  0% {
    filter: brightness(0);
  }
  25% {
    filter: brightness(180%);
  }
  100% {
    filter: brightness(100%);
  }
}/*# sourceMappingURL=common.css.map */