@charset "UTF-8";
/* CSS Remedy */
*, ::after, ::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  line-sizing: normal; }

body {
  margin: 0; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.17rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: .83rem; }

h6 {
  font-size: .67rem; }

h1 {
  margin: .67em 0; }

pre {
  white-space: pre-wrap; }

hr {
  border-style: solid;
  border-width: 1px 0 0;
  color: inherit;
  height: 0;
  overflow: visible; }

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
  max-width: 100%; }

canvas, img, svg, video {
  height: auto; }

audio {
  width: 100%; }

img {
  border-style: none; }

svg {
  overflow: hidden; }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

.js-fadeup {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0; }

.js-faderight {
  -webkit-transform: translateX(40px);
          transform: translateX(40px);
  opacity: 0; }

.js-fadeleft {
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px);
  opacity: 0; }

.js-scaledown {
  -webkit-transform: scale(2.2);
          transform: scale(2.2);
  opacity: 0;
  -webkit-transition: all 1.0s ease;
  transition: all 1.0s ease; }

.js-popup {
  opacity: 0;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease; }

.js-flash {
  opacity: 0; }

.js-delay-05 {
  -webkit-transition-delay: 0.5s !important;
          transition-delay: 0.5s !important; }

.js-delay-10 {
  -webkit-transition-delay: 1s !important;
          transition-delay: 1s !important; }

.js-delay-15 {
  -webkit-transition-delay: 1.5s !important;
          transition-delay: 1.5s !important; }

.js-delay-20 {
  -webkit-transition-delay: 2s !important;
          transition-delay: 2s !important; }

.js-delay-25 {
  -webkit-transition-delay: 2.5s !important;
          transition-delay: 2.5s !important; }

/*
.js-line{
  position: relative;
  &.is-absolute{
    position: absolute;
  }
  &:before{
    position: absolute;
    left:-5px;
    bottom: 2px;
    content:"";
    width: 105%;
    display: block;
    background: $yellow;
    transform:scaleX(0);
    transform-origin:top left;
    transition: all .3s ease .8s;
  }
}
*/
.js-active.js-fadeup {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition: all 1.2s ease .1s;
  transition: all 1.2s ease .1s; }

.js-active.js-faderight {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 1.2s ease .1s;
  transition: all 1.2s ease .1s; }

.js-active.js-fadeleft {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 1.2s ease .1s;
  transition: all 1.2s ease .1s; }

.js-active.js-line:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: top left;
          transform-origin: top left; }

.js-active.js-popup {
  opacity: 1;
  -webkit-animation-name: popup;
          animation-name: popup;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; }

.js-active.js-flash {
  opacity: 1;
  -webkit-animation-name: flash;
          animation-name: flash;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease; }

.js-active.js-scaledown {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

/*光るアニメーション*/
@-webkit-keyframes reflection {
  0% {
    -webkit-transform: skewX(-20deg) translateX(-100%);
            transform: skewX(-20deg) translateX(-100%);
    opacity: 0; }
  15% {
    opacity: 0.8; }
  20% {
    -webkit-transform: skewX(-35deg) translateX(130%);
            transform: skewX(-35deg) translateX(130%);
    opacity: 0.1; }
  21% {
    -webkit-transform: skewX(-40deg) translateX(200%);
            transform: skewX(-40deg) translateX(200%);
    opacity: 0; }
  100% {
    -webkit-transform: skewX(-45deg) translateX(200%);
            transform: skewX(-45deg) translateX(200%);
    opacity: 0; } }
@keyframes reflection {
  0% {
    -webkit-transform: skewX(-20deg) translateX(-100%);
            transform: skewX(-20deg) translateX(-100%);
    opacity: 0; }
  15% {
    opacity: 0.8; }
  20% {
    -webkit-transform: skewX(-35deg) translateX(130%);
            transform: skewX(-35deg) translateX(130%);
    opacity: 0.1; }
  21% {
    -webkit-transform: skewX(-40deg) translateX(200%);
            transform: skewX(-40deg) translateX(200%);
    opacity: 0; }
  100% {
    -webkit-transform: skewX(-45deg) translateX(200%);
            transform: skewX(-45deg) translateX(200%);
    opacity: 0; } }

/*浮遊するアニメーション*/
@-webkit-keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@keyframes float {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    -webkit-transform: translate(0, -5px);
            transform: translate(0, -5px); }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/*浮遊するアニメーション*/
@-webkit-keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }
@keyframes flash {
  0%, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

/*スケールアップするアニメーション*/
@-webkit-keyframes scaleup {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    opacity: .5;
    -webkit-transform: scale(0.3, 0.3);
            transform: scale(0.3, 0.3); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); } }
@keyframes scaleup {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  30% {
    opacity: .5;
    -webkit-transform: scale(0.3, 0.3);
            transform: scale(0.3, 0.3); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5, 1.5);
            transform: scale(1.5, 1.5); } }

/*少し回転するアニメーション*/
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }
@keyframes rotate {
  0% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg); }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg); } }

/*左右に動くアニメーション*/
@-webkit-keyframes arr {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@keyframes arr {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  50% {
    opacity: 1;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/*上下に動くアニメーション*/
@-webkit-keyframes arr-v {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }
@keyframes arr-v {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  80% {
    opacity: 1;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% {
    opacity: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

/*バネアニメーション*/
@-webkit-keyframes popup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes popup {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  14% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  28% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  42% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3); }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

/*共通モジュール*/
.sp-visible {
  display: inherit; }

.pc-visible {
  display: none; }

.tab-br-visible {
  display: none; }

.sp-br-visible {
  display: inline; }

.pc-br-visible {
  display: none; }

p {
  margin: 0; }

sup {
  font-size: 75%; }

img {
  margin-right: auto;
  margin-left: auto; }

ul {
  list-style: none;
  padding-left: 0; }

ol {
  list-style: none;
  padding-left: 0; }

body {
  font-weight: 300;
  color: #333; }

:root {
  font-size: 10px; }

#wrapper {
  padding-bottom: 0; }

.tel {
  color: inherit;
  text-decoration: inherit; }

/* ==========================================================
!SPPC共通パーツ
========================================================== */
body {
  font-family: "Noto Sans JP","ヒラギノ角ゴシック", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

.cmn-ff-min {
  font-family: 'Noto Serif JP', serif; }

.cmn-ff-rmin {
  font-family: a-otf-ryumin-pr6n,'Noto Serif JP',"游明朝",YuMincho,"ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝", serif; }

.cmn-ff-he {
  font-family: "Helvetica Neue"; }

.cmn-fs-italic {
  font-style: italic; }

.cmn-cw {
  margin-left: 2.6vw;
  margin-right: 2.6vw; }

.cmn-tx-l {
  text-align: left; }

.cmn-tx-c {
  text-align: center; }

.cmn-tx-r {
  text-align: right; }

.text-note {
  font-size: 1rem;
  letter-spacing: 0em;
  line-height: 1.2;
  font-weight: 200;
  text-align: left; }

.text-purple {
  color: #a5769a; }

.text-bd {
  text-decoration: underline; }

.text-pink2 {
  color: #e98d92; }

.text.fw-light {
  font-weight: 300; }

.text.fw-reg {
  font-weight: 400; }

.text.fw-semib {
  font-weight: 500; }

.text-fw-semib {
  font-weight: 500; }

.aj-l {
  margin-left: -.5em; }

.aj-r {
  margin-right: -.5em; }

.mw-10 {
  min-width: 10em; }

.mw-11 {
  min-width: 11em; }

.mw-12 {
  min-width: 12em; }

.mw-13 {
  min-width: 13em; }

.mw-14 {
  min-width: 14em; }

.mw-15 {
  min-width: 15em; }

.mw-16 {
  min-width: 16em; }

.mw-17 {
  min-width: 17em; }

.mw-18 {
  min-width: 18em; }

.mw-19 {
  min-width: 19em; }

.mw-20 {
  min-width: 20em; }

/* ==========================================================
!footer
========================================================== */
.ft {
  background: #a5769a;
  text-align: center;
  padding: 9.3vw 0vw 5.3vw 0vw; }
  .ft-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 0vw;
    padding-bottom: 5.3vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .ft-heading-img {
      width: 100vw;
      margin-bottom: 5.3vw; }
      .ft-heading-img img {
        width: 20%; }
    .ft-heading-contents {
      width: 100%;
      margin-top: -2.7vw; }
      .ft-heading-contents__title {
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        line-height: 1.5;
        font-weight: 500;
        color: #fff;
        margin-bottom: 3.3vw; }
  .ft__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 0vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .ft__btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 82.6vw;
    margin-bottom: 3.3vw;
    width: 100%; }
    .ft__btn .btn {
      height: 13.3vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-decoration: none;
      border: 1px solid #fff;
      -webkit-transition: all .4s ease;
      transition: all .4s ease; }
      .ft__btn .btn .text {
        font-size: 1.6rem;
        letter-spacing: 0.025em;
        line-height: 1.4;
        font-weight: 500;
        color: #fff;
        position: relative; }
        .ft__btn .btn .text:after {
          position: absolute;
          right: -26%;
          top: calc(50% - 0.5vw);
          content: "";
          width: 2vw;
          height: 2vw;
          border-right: 1px solid #fff;
          border-top: 1px solid #fff;
          display: inline-block;
          -webkit-transform: rotate(45deg) skewY(-7deg);
                  transform: rotate(45deg) skewY(-7deg); }
  .ft__text01 {
    font-size: 1.2rem;
    letter-spacing: 0.04em;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4vw; }
  .ft__text02 {
    font-size: 2rem;
    letter-spacing: 0.04em;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    margin-bottom: 4vw; }
  .ft__text03 {
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    margin-bottom: 8vw; }
  .ft__logo {
    margin-left: auto;
    margin-right: auto;
    max-width: 44vw; }

/* ==========================================================
!common parts
========================================================== */
.mr-cmn-line-title {
  margin-top: 0;
  background-image: url(../img/mr-cmn-line-title_bg_sp.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding: 4vw 0vw 4vw 0vw;
  font-size: 1.9rem;
  letter-spacing: 0.045em;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .mr-cmn-line-title.is-mid {
    padding: 4vw 0vw 4vw 0vw; }

.mr-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #a5769a;
  z-index: 900;
  -webkit-transition: opacity .8s ease,height 0s ease .8s;
  transition: opacity .8s ease,height 0s ease .8s; }
  .mr-loading .mr-loading__logo {
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    opacity: 1; }
  body.loadstart .mr-loading .mr-loading__logo {
    opacity: 1; }
  body.loaded .mr-loading .mr-loading__logo {
    opacity: 0; }
  body.loaded.is-active .mr-loading {
    opacity: 0;
    height: 0;
    overflow: hidden; }
  .mr-loading__logo {
    width: 10.6vw;
    height: 12vw;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NC4zNiA2Mi4wMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIyLjE4IDQ1Ljc2di0yMi4zN2w5LjM5IDExLjUgOS4zNi0xMS40OXYyMi4zNmg0LjI1di0yOS41aC0zLjdsLTkuOSAxMi4xMS0xMC0xMi4xMWgtMy42NXYyOS41aDQuMjVtMjcuNDYgOC4yNGEzNS43IDM1LjcgMCAwIDEtMTYuNTcgMy43MnEtMTIuOTQgMC0yMC40OC03LjZjLTUuMDItNS4xMi03LjUyLTExLjQ1LTcuNTItMTkuMTJzMi41My0xNCA3LjYxLTE5YTI1Ljg5IDI1Ljg5IDAgMCAxIDE5LjA5LTcuNjcgNDMgNDMgMCAwIDEgMjEuNDIgNi4xdi01LjI4cS0xMS4xOS01LjE1LTIwLjczLTUuMTUtMTQgMC0yMy4yMiA4LjgxYTI5LjE5IDI5LjE5IDAgMCAwLTkuMjQgMjIuMDUgMjkuMzcgMjkuMzcgMCAwIDAgOS40MSAyMi4yNHE5LjQyIDguOSAyMy40OCA4LjlhNDkuMyA0OS4zIDAgMCAwIDIxLjQ3LTUuMTF2LTIzLjEzaC00LjcxeiIvPjwvc3ZnPg==) no-repeat center center;
    background-size: 10.6vw auto; }

/* ==========================================================
!cv
========================================================== */
.mr-cvline {
  background: rgba(165, 118, 154, 0.7);
  margin-top: -16vw;
  height: 16vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }
  .mr-cvline-fb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    .mr-cvline-fb__text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      color: #fff;
      font-size: 1.4rem;
      letter-spacing: 0.025em;
      line-height: 1.6;
      font-weight: 500;
      text-decoration: none; }
      .mr-cvline-fb__text .arr {
        -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
        display: inline-block;
        margin-left: 1.3vw; }
      .mr-cvline-fb__text:hover {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: .4; }
    .mr-cvline-fb__img {
      width: 8vw;
      margin-left: 28vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .mr-cvline-fb__img img {
        -webkit-transform: translateY(-5vw);
                transform: translateY(-5vw); }

/* ==========================================================
!cv
========================================================== */
.mr-cv {
  background: -webkit-gradient(linear, left top, left bottom, from(#e8d8e5), color-stop(76%, #fbf9fb));
  background: linear-gradient(to bottom, #e8d8e5 0%, #fbf9fb 76%);
  padding: 0vw 0vw 6vw 0vw;
  margin-top: 18.6vw; }
  .mr-cv-image {
    background: url(../img/mr-cv-bg_sp.png) no-repeat center;
    background-size: cover;
  }
  .mr-cv-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .mr-cv-inner-textarea {
      text-align: center; }
      .mr-cv-inner-textarea-heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .mr-cv-inner-textarea-heading__img {
          width: 10.6vw;
          margin-top: -2.7vw;
          margin-bottom: 2.6vw; }
        .mr-cv-inner-textarea-heading__text {
          margin-top: 2.6vw;
          margin-left: 5.3vw;
          margin-bottom: 2.6vw;
          font-size: 1.8rem;
          letter-spacing: 0.005em;
          line-height: 1.4;
          font-weight: 600;
          color: #a5769a;
          text-align: left; }
    .mr-cv-inner-img {
      margin-left: auto;
      margin-right: auto;
      max-width: 58.6vw;
      margin-left: auto;
      margin-right: auto; }
      .mr-cv-inner-img img {
        -webkit-transform: translateY(-13.4vw);
                transform: translateY(-13.4vw);
        margin-bottom: -9.4vw; }
    .mr-cv-inner-btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
    .mr-cv-inner-btn {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-left: auto;
      margin-right: auto;
      max-width: 88vw;
      background: #a5769a;
      text-decoration: none;
      height: 13.3vw;
      position: relative;
      margin-bottom: 4vw;
      -webkit-transition: all .3s ease;
      transition: all .3s ease; }
      .mr-cv-inner-btn:after {
        content: "";
        width: calc(100% - 9px);
        height: calc(100% - 9px);
        position: absolute;
        left: 5px;
        top: 5px;
        display: inline-block;
        border: 1px solid #fff; }
      .mr-cv-inner-btn:before {
        content: "";
        position: absolute;
        top: calc(50% - .5em);
        right: 8%;
        color: #fff;
        width: 2.6vw;
        height: 2.6vw;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        display: inline-block; }
      .mr-cv-inner-btn .text {
        font-size: 1.6rem;
        letter-spacing: 0.005em;
        line-height: 1.5;
        font-weight: 600;
        color: #fff;
        text-align: center; }
    .mr-cv-inner-text .text01 {
      font-size: 1.2rem;
      letter-spacing: 0.005em;
      line-height: 2;
      font-weight: 600;
      margin-bottom: 2.6vw;
      display: inline-block; }
    .mr-cv-inner-text .text03 {
      font-size: 2.2rem;
      letter-spacing: 0.005em;
      line-height: 1;
      font-weight: 600;
      position: relative;
      margin-bottom: 2vw;
      display: inline-block; }
    .mr-cv-inner-text .text04 {
      font-size: 1.4rem;
      letter-spacing: 0.005em;
      line-height: 1.7;
      font-weight: 600; }

/* ==========================================================
!kv
========================================================== */
.mr-kv {
  background: url(../img/mr_kv_04_sp.png) no-repeat center 20%;
  background-size: 100% auto;
  padding-top: 4.6vw;
  height: 165vw;
  text-align: center;
  position: relative; }
  .mr-kv__title {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 57.3vw;
    margin-bottom: 6.6vw; }
  .mr-kv__subtitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 80vw;
    margin-bottom: 3.3vw; }
  .mr-kv__text01 {
    font-feature-settings: "palt";
    font-size: 1.5rem;
    letter-spacing: 0.025em;
    line-height: 1.8;
    font-weight: 500;
    width: 70vw;
  margin: auto;}
  .mr-kv__text02 {
    /* font-family: "ヒラギノ角ゴシック","Noto Sans JP", "YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; */
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 1.2;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;
    width: 40vw; }
  .mr-kv__img {
    margin-top: 80vw;
    width: 12vw;
    margin-left: 18.3vw; }

/* ==========================================================
!lead
========================================================== */
.mr-lead {
  padding-top: 12.4vw;
  background: url(../img/mr-lead_bg-sp.jpg) no-repeat center top;
  background-size: 100% auto; }
  .mr-lead__text {
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 0.015em;
    line-height: 2.2;
    font-weight: 600;
    margin-bottom: 2.6vw; }
    .mr-lead__text.last {
      margin-bottom: 6.6vw; }
  .mr-lead__title {
    text-align: center;
    margin-bottom: 6.6vw; }
    .mr-lead__title .text01 {
      font-size: 2rem;
      letter-spacing: 0em;
      line-height: 1.5;
      font-weight: 600; }
    .mr-lead__title .text02 {
      font-size: 2rem;
      letter-spacing: 0em;
      line-height: 1.5;
      font-weight: 600; }
      .mr-lead__title .text02 sup {
        font-size: 60%; }
  .mr-lead__img01 {
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16vw; }
  .mr-lead__img02 {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12vw; }
  .mr-lead__img-movie {
    margin-bottom: 3.3vw; }
  .mr-lead .mr-note {
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1;
    font-weight: 300; }
  .mr-lead-cv {
    background-image: url(../img/mr-lead-cv_bg_sp.png);
    background-position: center center;
    background-repeat: repeat-y;
    background-size: 100% auto;
    text-align: center;
    padding: 9.3vw 0vw 10.6vw 0vw; }
    .mr-lead-cv__text {
      margin-bottom: 4vw; }
      .mr-lead-cv__text .text01 {
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        line-height: 2.2;
        font-weight: 500;
        color: #9f7395; }
      .mr-lead-cv__text .text02 {
        color: #9f7395;
        font-size: 2.3rem;
        letter-spacing: 0.025em;
        line-height: 1.4;
        font-weight: 600; }
    .mr-lead-cv__btn {
      background: #fff;
      margin-left: auto;
      margin-right: auto;
      max-width: 74.6vw;
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: all .4s ease;
      transition: all .4s ease; }
      .mr-lead-cv__btn .btn {
        text-decoration: none;
        color: #a5769a;
        font-size: 1.5rem;
        letter-spacing: 0.025em;
        line-height: 1;
        font-weight: 500;
        height: 12vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .mr-lead-cv__btn .btn:after {
          content: ">";
          display: inline-block;
          vertical-align: middle;
          margin-left: 2.6vw;
          -webkit-transform: rotate(90deg);
                  transform: rotate(90deg); }

/* ==========================================================
!serum
========================================================== */
.mr-serum {
  padding-top: 20.5vw; }
  .mr-serum__title {
    margin-bottom: 7.3vw; }
  .mr-serum__text01 {
    text-align: center;
    margin-top: 15.3vw;
    margin-bottom: 4.6vw;
    font-size: 2.2rem;
    letter-spacing: -0.01em;
    line-height: 1.5;
    font-weight: 600;
    color: #9f7395; }
  .mr-serum__img {
    overflow: hidden; }
    .mr-serum__img-items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
    .mr-serum__img-items {
      margin-left: -5.4vw;
      margin-right: -5.4vw; }
    .mr-serum__img-item:nth-child(1) {
      margin-right: 2.6vw; }
    .mr-serum__img > .mr-img {
      margin-left: auto;
      margin-right: auto;
      max-width: 28vw;
      margin-top: -10.4vw;
      margin-bottom: 10.4vw; }
  .mr-serum + .mr-cv {
    margin-top: 0; }

/* ==========================================================
!system
========================================================== */
.mr-system {
  background-image: url(../img/mr-system-bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  padding-top: 16.6vw; }
  .mr-system__title {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10.6vw; }
    .mr-system__title .text01 {
      font-size: 1.9rem;
      letter-spacing: 0.045em;
      line-height: 1.5;
      font-weight: 600;
      margin-bottom: 4vw;
      color: #fff;
      display: inline-block;
      text-shadow: #a4769a 1px 0 10px,#a4769a 1px 0 10px; }
    .mr-system__title .text02 {
      font-size: 2.2rem;
      letter-spacing: 0.025em;
      line-height: 1.5;
      font-weight: 600;
      color: #fff;
      text-shadow: #a4769a 1px 0 10px,#a4769a 1px 0 10px; }
  .mr-system-list {
    background: #fff;
    padding: 8.6vw 4vw 22.6vw 4vw;
    margin-bottom: 0; }
  .mr-system-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 4vw; }
    .mr-system-item__title .num {
      height: 10.2vw;
      display: inline-block;
      margin-right: 2.5vw; }
      .mr-system-item__title .num img {
        height: 100%;
        width: auto; }
    .mr-system-item__title .text {
      font-size: 2.1rem;
      letter-spacing: 0.025em;
      line-height: 1;
      font-weight: 600;
      color: #af0061;
      min-width: 57%; }
  .mr-system-item__text01 {
    margin-left: 0;
    margin-bottom: 1.3vw; }
    .mr-system-item__text01 .text01 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-bottom: 1.8vw;
      border-bottom: 1px solid #a5769a;
      width: 100%; }
      .mr-system-item__text01 .text01 .text {
        font-size: 1.7rem;
        letter-spacing: 0.025em;
        line-height: 1;
        font-weight: 600;
        color: #a5769a; }
        .mr-system-item__text01 .text01 .text.is-narrow {
          font-size: 1.7rem;
          letter-spacing: -0.06em;
          line-height: 1;
          font-weight: 600; }
      .mr-system-item__text01 .text01 .icon {
        display: inline-block;
        background: #a4769a;
        color: #fff;
        border-radius: 1vw;
        padding: 1.6vw 2.5vw;
        margin-left: 1.3vw;
        font-size: 1.4rem;
        letter-spacing: 0.015em;
        line-height: 1;
        font-weight: 600; }
  .mr-system-item__text02 {
    margin-left: 0;
    font-size: 1.5rem;
    letter-spacing: 0.015em;
    line-height: 1.6;
    font-weight: 300; }
  .mr-system-item-text {
    margin-bottom: 4vw; }
  .mr-system-item + .mr-system-item {
    margin-top: 5.3vw; }
  .mr-system-img {
    margin-left: auto;
    margin-right: auto;
    max-width: 64vw; }
    .mr-system-img.is-01 {
      margin-top: 0vw; }
    .mr-system-img.is-02 {
      margin-top: 0vw; }
  .mr-system-text {
    margin-bottom: 4vw; }
  .mr-system-use-img-list {
    margin-top: 9.3vw;
    margin-bottom: 19.7vw;
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw; }
  .mr-system-use-img-item {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    opacity: 0;
    -webkit-transition: all .75s ease .1s;
    transition: all .75s ease .1s; }
    .mr-system-use-img-item.js-active {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      opacity: 1; }
  .mr-system-mv-list {
    margin-top: 10.6vw;
    margin-bottom: 19.7vw; }
  .mr-system-mv-item {
    position: relative; }
    .mr-system-mv-item .arr {
      position: absolute;
      top: -20.7vw;
      left: calc(50% - 5.8vw); }
      .mr-system-mv-item .arr-item {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        display: inline-block;
        position: absolute;
        left: 0; }
      .mr-system-mv-item .arr-01 {
        content: "";
        width: 8vw;
        height: 8vw;
        border-right: 1px solid #dfcfdc;
        border-bottom: 1px solid #dfcfdc;
        top: -4vw; }
      .mr-system-mv-item .arr-02 {
        content: "";
        width: 8vw;
        height: 8vw;
        border-right: 2px solid #bf9fb8;
        border-bottom: 2px solid #bf9fb8;
        top: 0vw; }
      .mr-system-mv-item .arr-03 {
        content: "";
        width: 8vw;
        height: 8vw;
        border-right: 2px solid #a4769a;
        border-bottom: 2px solid #a4769a;
        top: 4vw; }
    .mr-system-mv-item .mr-img {
      margin-left: auto;
      margin-right: auto;
      max-width: 82.6vw;
      margin-bottom: 6vw; }
    .mr-system-mv-item__text {
      font-size: 1.6rem;
      letter-spacing: 0.025em;
      line-height: 1.5;
      font-weight: 500; }
      .mr-system-mv-item__text sup {
        font-size: 60%; }
    .mr-system-mv-item + .mr-system-mv-item {
      margin-top: 26.6vw; }
    .mr-system-mv-item__note {
      margin-left: auto;
      margin-right: auto;
      max-width: 82.6vw;
      margin-top: 0.6vw;
      font-size: 1rem;
      letter-spacing: 0.015em;
      line-height: 1;
      font-weight: 400; }

/* ==========================================================
!voice
========================================================== */
.mr-voice {
  background: #a47599;
  text-align: center;
  padding: 6vw 0vw 3.3vw 0vw; }
  .mr-voice__title {
    color: #fff;
    font-size: 2.1rem;
    letter-spacing: 0.04em;
    line-height: 1.4;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 5vw; }
  .mr-voice__img {
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.3vw; }
  .mr-voice__note {
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw;
    font-size: 1rem;
    letter-spacing: 0.015em;
    line-height: 1;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto; }

/* ==========================================================
!store
========================================================== */
.mr-store {
  padding-top: 22.6vw;
  text-align: center; }
  .mr-store__title {
    margin-bottom: 14.6vw; }
    .mr-store__title .text01 {
      font-size: 2.1rem;
      letter-spacing: 0.04em;
      line-height: 1.4;
      font-weight: 600;
      display: inline-block;
      margin-bottom: 18px; }
    .mr-store__title .text02 {
      font-size: 2.1rem;
      letter-spacing: 0.04em;
      line-height: 1.4;
      font-weight: 600; }
  .mr-store-item {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #f4f3f3), color-stop(76%, #ffffff));
    background: linear-gradient(to bottom, #f4f3f3 15%, #ffffff 76%); }
  .mr-store-box.is-01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-bottom: 13.3vw; }
  .mr-store-box.is-02 {
    padding-bottom: 12vw; }
  .mr-store-box.is-03 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-bottom: 12vw;
    padding-top: 8vw; }
  .mr-store-box.is-04 {
    padding-bottom: 12vw; }
  .mr-store-box__img {
    width: 54.6vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4vw; }
    .mr-store-box__img.is-01 img {
      -webkit-transform: translateY(-8vw);
              transform: translateY(-8vw);
      margin-bottom: -8vw; }
    .mr-store-box__img.is-02 {
      width: 41%; }
      .mr-store-box__img.is-02 img {
        -webkit-transform: translateY(-10.3vw);
                transform: translateY(-10.3vw);
        margin-bottom: -10.3vw; }
    .mr-store-box__img.is-04 {
      width: 38%; }
      .mr-store-box__img.is-04 img {
        width: 140px;
        -webkit-transform: translateY(-5.4vw);
                transform: translateY(-5.4vw);
        margin-bottom: -5.4vw; }
  .mr-store-box__textarea__title {
    font-size: 1.9rem;
    letter-spacing: 0.025em;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 4vw;
    display: inline-block; }
  .mr-store-box__textarea .text {
    font-size: 1.3rem;
    letter-spacing: 0.015em;
    line-height: 1.6;
    font-weight: 400; }
    .mr-store-box__textarea .text .small {
      font-size: 1rem;
      letter-spacing: 0.015em;
      line-height: 2.1;
      font-weight: 400; }

/* ==========================================================
!brand
========================================================== */
.mr-brand-lead {
  background: url(../img/mr-brand-img03-sp.png) no-repeat center bottom;
  background-size: 100% auto;
  text-align: center;
  padding: 20vw 0vw 33.3vw 0vw; }
  .mr-brand-lead__title {
    margin-left: auto;
    margin-right: auto;
    max-width: 57.3vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6vw; }
  .mr-brand-lead__text01 {
    font-size: 1.3rem;
    letter-spacing: 0.015em;
    line-height: 1.8;
    font-weight: 500;
    margin-bottom: 4.6vw; }
  .mr-brand-lead__text02 {
    font-size: 1.9rem;
    letter-spacing: 0.025em;
    line-height: 1.5;
    font-weight: 600;
    margin-bottom: 6vw; }
  .mr-brand-lead__img {
    margin-left: auto;
    margin-right: auto;
    max-width: 60vw;
    margin-left: auto;
    margin-right: auto; }

.mr-brand-detail {
  background: #c6d7e1;
  padding: 7.3vw 0vw 10.6vw 0vw; }
  .mr-brand-detail-box__img {
    width: 72vw;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6.6vw; }
  .mr-brand-detail-box__text {
    max-width: 74.6vw;
    margin-left: auto;
    margin-right: auto; }
    .mr-brand-detail-box__text .logo {
      max-width: 62.6vw;
      display: inline-block;
      margin-bottom: 4vw; }
    .mr-brand-detail-box__text .text01 {
      font-size: 1.8rem;
      letter-spacing: 0.015em;
      line-height: 1.4;
      font-weight: 600;
      margin-bottom: 4vw; }
    .mr-brand-detail-box__text .text02 {
      font-size: 1.3rem;
      letter-spacing: 0.025em;
      line-height: 1.6;
      font-weight: 400;
      margin-bottom: 4vw; }
  .mr-brand-detail-box__btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 78vw; }
    .mr-brand-detail-box__btn .btn {
      background: #fff;
      height: 13.3vw;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-decoration: none;
      position: relative;
      -webkit-transition: all .5s ease;
      transition: all .5s ease; }
      .mr-brand-detail-box__btn .btn:after {
        position: absolute;
        right: 6%;
        top: calc(50% - 0.5vw);
        content: "";
        width: 2vw;
        height: 2vw;
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        display: inline-block;
        -webkit-transform: rotate(45deg) skewY(-7deg);
                transform: rotate(45deg) skewY(-7deg); }
      .mr-brand-detail-box__btn .btn .text {
        font-size: 1.3rem;
        letter-spacing: 0.025em;
        line-height: 1;
        font-weight: 400;
        color: #000; }

/* ==========================================================
!support
========================================================== */
.mr-support {
  padding: 10.6vw 0vw 16vw 0vw; }
  .mr-support__title {
    text-align: center;
    margin-bottom: 0vw; }
    .mr-support__title .text {
      font-size: 1.9rem;
      letter-spacing: -0.01em;
      line-height: 1.5;
      font-weight: 600; }
  .mr-support-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 88vw; }
  .mr-support-item {
    width: 46%; }
    .mr-support-item:nth-child(2n) {
      margin-left: 8%; }
    .mr-support-item .mr-support-img {
      margin-left: auto;
      margin-right: auto; }
  .mr-support-img img {
    margin-bottom: 4vw; }
  .mr-support-img .text {
    font-size: 1.4rem;
    letter-spacing: 0.04em;
    line-height: 1.3;
    font-weight: 400; }

/* ==========================================================
!movie
========================================================== */
.mr-movie-kv {
  background: url(../img/movie/mr-movie-kv_sp.png) no-repeat center 20%;
  background-size: 100% auto;
  padding-top: 4.6vw;
  height: 152vw;
  text-align: center;
  position: relative;
  margin-bottom: -6.7vw; }
  .mr-movie-kv:after {
    content: "";
    z-index: 10;
    height: 24.5vw;
    width: 100%;
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, white), color-stop(75%, rgba(255, 255, 255, 0)));
    background: linear-gradient(0deg, white 10%, rgba(255, 255, 255, 0) 75%); }
  .mr-movie-kv__title {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 57.3vw;
    margin-bottom: 6.6vw;
    /*
      @media screen and (min-width:768px){
        position:absolute;
        top: 244px;
        left: calc(50% - 441px);
      }*/ }
  .mr-movie-kv__subtitle {
    margin-left: auto;
    margin-right: auto;
    max-width: 92vw;
    margin-bottom: 5.3vw; }
  .mr-movie-kv__text01 {
    font-size: 1.5rem;
    letter-spacing: 0.025em;
    line-height: 1.6;
    font-weight: 500; }
  .mr-movie-kv__text02 {
    font-size: 1.4rem;
    letter-spacing: 0.025em;
    line-height: 1.2;
    font-weight: 600;
    margin-left: 4vw;
    margin-right: auto;
    margin-top: 2vw;
    width: 26.3vw;
    color: #a5769a;
    z-index: 200;
    position: relative; }
  .mr-movie-kv__img {
    margin-top: 33.2vw;
    width: 12.3vw;
    margin-left: 18.4vw;
    z-index: 30; }

.mr-movie-contents {
  position: relative;
  z-index: 10; }
  .mr-movie-contents__title {
    text-align: center;
    font-size: 1.9rem;
    letter-spacing: 0.015em;
    line-height: 1.7;
    font-weight: 600;
    color: #a5769a;
    position: relative;
    padding: 0 0 7.7vw; }
    .mr-movie-contents__title:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 0.6vw;
      width: 100%;
      display: block;
      background: #a5769a url(../img/movie/mr-movie-line03.jpg) no-repeat right center;
      background-size: auto 100%; }
  .mr-movie-contents-list {
    margin-top: 10.6vw;
    margin-left: 5.3vw;
    margin-right: 5.3vw; }
  .mr-movie-contents-item__img {
    margin-bottom: 3.7vw; }
  .mr-movie-contents-item__text .text01 {
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    line-height: 1;
    font-weight: 600;
    color: #a5769a; }
  .mr-movie-contents-item__text .text02 {
    font-size: 1.7rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
    font-weight: 600;
    color: #333; }
  .mr-movie-contents-item + .mr-movie-contents-item {
    margin-top: 10vw; }
  .mr-movie-contents-bottom {
    height: 51.3vw;
    margin-bottom: 17.3vw; }
    .mr-movie-contents-bottom .cmn-cw {
      margin-right: auto;
      margin-left: auto;
      height: 100%; }
    .mr-movie-contents-bottom-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      position: relative;
      height: 100%; }
      .mr-movie-contents-bottom-item__img {
        width: 14vw;
        position: relative;
        z-index: 10;
        margin-bottom: 2.9vw; }
      .mr-movie-contents-bottom-item__text {
        text-align: right;
        z-index: 10;
        position: relative;
        margin-bottom: 15.8vw; }
        .mr-movie-contents-bottom-item__text .text01 {
          font-size: 1.5rem;
          letter-spacing: 0.045em;
          line-height: 1.3;
          font-weight: 400;
          margin-right: 2.6vw;
          display: inline-block; }
        .mr-movie-contents-bottom-item__text .text02 {
          font-size: 1.5rem;
          letter-spacing: 0.045em;
          line-height: 1.3;
          font-weight: 400; }
      .mr-movie-contents-bottom-item:after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 9.3vw;
        background-color: #a5769a;
        background: url(../img/movie/mr-movie-line02.jpg) no-repeat left center;
        background-size: auto 100%; }

/*動画ポップアップ*/
.cmn-parts-modal-frame {
  height: auto; }

.cmn-parts-modal-movie.remodal {
  padding: 17.3vw 4vw 4vw;
  border-radius: 2.6vw;
  background: transparent; }

.cmn-parts-modal-movie .remodal-close {
  width: 9.3vw;
  height: 9.3vw;
  /*
        border:1px solid #333;
        background: #fff;
        color:#333;
        @include ts(28,1,0,500);
        border-radius: v(8);
        */
  right: 4vw;
  left: auto;
  top: 4vw;
  background: transparent;
  border: none;
  left: auto; }
  .cmn-parts-modal-movie .remodal-close:before {
    content: "＋";
    font-size: 5rem;
    color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.cmn-parts-modal-movieIn {
  height: auto; }
  .cmn-parts-modal-movieIn iframe,
  .cmn-parts-modal-movieIn .eviry-baseplayer {
    width: 100%;
    margin-left: auto;
    margin-right: auto; }

.cmn-parts-modal-cp.remodal {
  padding: 17.3vw 4vw 4vw;
  border-radius: 2.6vw; }

.cmn-parts-modal-cp .remodal-close {
  width: 16vw;
  height: 9.3vw;
  border: 1px solid #333;
  /*background: #fff;*/
  background: transparent;
  color: #fff;
  right: 4vw;
  left: auto;
  top: 4vw; }
  .cmn-parts-modal-cp .remodal-close :before {
    content: "＋";
    font-size: 24rem;
    color: #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.cmn-parts-modal-cp-boxIn {
  height: auto; }
  .cmn-parts-modal-cp-boxIn iframe,
  .cmn-parts-modal-cp-boxIn .eviry-baseplayer {
    width: 100%; }

/* ==========================================================
!pagetop
========================================================== */
.float-btn {
  position: fixed;
  right: 0;
  bottom: 5%;
  z-index: 200;
  text-align: center;
  -webkit-transform: translateY(400px);
          transform: translateY(400px);
  -webkit-transition: all .4s ease;
  transition: all .4s ease; }
  .float-btn.is-movie {
    right: 2%; }
  .float-btn-pagetop {
    width: 12vw;
    height: 12vw;
    background: #a5769a;
    display: block;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative;
    margin-left: auto;
    right: 4%;
    margin-bottom: 12vw; }
    .float-btn-pagetop a {
      width: 100%;
      height: 100%;
      display: block; }
    .float-btn-pagetop.is-movie {
      margin-bottom: 0; }
    .float-btn-pagetop:hover {
      opacity: .5; }
    .float-btn-pagetop:after {
      content: "";
      width: 4vw;
      height: 4vw;
      position: absolute;
      top: calc(50% - 1vw);
      left: calc(50% - 2vw);
      border-top: 1px solid #fff;
      border-left: 1px solid #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .float-btn-ban {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-transform: opacity .4s ease;
            transform: opacity .4s ease; }
    .float-btn-ban .ban {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      color: #fff;
      height: 6.6vw; }
  .__scrolled .float-btn {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .__scroll_bottom .float-btn {
    -webkit-transform: translateY(24vw);
            transform: translateY(24vw); }
    .__scroll_bottom .float-btn .float-btn-ban {
      opacity: 0; }
    .__scroll_bottom .float-btn.is-movie {
      -webkit-transform: translateY(0vw);
              transform: translateY(0vw); }

.__scrolled .float-btn {
  height: auto;
  opacity: 1; }

/* ==========================================================
!animation
========================================================== */
.js-anim {
  position: relative;
  /*
  &:after{
    content:"";
    display: block;
    width: 100%;
    height: 100%;
    position:absolute;
    top:-12%;
    @media screen and (min-width: 768px) {
      top:0;
    }
    left:0;
    z-index: 1;
    background:url(../img/mr-store-img-01o.png)no-repeat center top;
    background-size: 99% auto;
    transition:opacity 1.2s ease .4s;
    opacity: 0;
    will-change: opacity;
  }*/ }
  .js-anim img {
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease; }
  .js-anim .step1 {
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
  .js-anim .step2 {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }

.js-anim01.js-step1 .step1 {
  opacity: 0; }

.js-anim01.js-step1 .step2 {
  opacity: 1; }

.js-anim02.js-step2 .step1 {
  opacity: 1; }

.js-anim02.js-step2 .step2 {
  opacity: 1; }

.js-kv-anim01 {
  opacity: 0;
  -webkit-transition: all .8s ease .8s;
  transition: all .8s ease .8s;
  -webkit-transform: translateY(40px);
          transform: translateY(40px); }

.js-kv-anim02 {
  opacity: 0;
  -webkit-transition: all .8s ease 1.6s;
  transition: all .8s ease 1.6s;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px); }

.js-kv-anim03 {
  opacity: 0;
  -webkit-transition: all .8s ease 2.4s;
  transition: all .8s ease 2.4s;
  -webkit-transform: translateX(-40px);
          transform: translateX(-40px); }

.js-kv-anim04 {
  opacity: 0;
  -webkit-transition: all .8s ease 3.2s;
  transition: all .8s ease 3.2s;
  -webkit-transform: translateY(40px);
          transform: translateY(40px); }

.js-kv-anim05 {
  opacity: 0;
  -webkit-transition: all .8s ease 4.0s;
  transition: all .8s ease 4.0s; }

.is-active .js-kv-anim01 {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

.is-active .js-kv-anim02 {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px); }

.is-active .js-kv-anim03 {
  opacity: 1;
  -webkit-transform: translateX(0px);
          transform: translateX(0px); }

.is-active .js-kv-anim04 {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

.is-active .js-kv-anim05 {
  opacity: 1; }

@media screen and (min-width: 769px) {
  /*浮遊するアニメーション*/
  @-webkit-keyframes float {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -10px);
              transform: translate(0, -10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } }
  @keyframes float {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, -10px);
              transform: translate(0, -10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } } }

@media screen and (min-width: 768px) {
  .sp-visible {
    display: none; }
  .pc-visible {
    display: inherit; }
  .sp-br-visible {
    display: none; }
  .pc-br-visible {
    display: inline; }
  .tab-br-visible {
    display: none; }
    .tel {
      pointer-events: none; }
    .cmn-cw {
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .ft-heading {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
          .ft-heading-img img {
            width: 100%; }
        .ft-heading-contents {
          margin-left: 4%;
          width: 100%; }
      .ft__btns {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
      .ft__btn {
        width: 48%; }
        .ft__btn .btn:hover {
          border: 1px solid #a5769a;
          background: #fff; }
          .ft__btn .btn:hover .text {
            color: #a5769a; }
            .ft__btn .btn:hover .text::after {
              border-color: #a5769a; }
            .ft__btn .btn .text:after {
              position: relative;
              right: inherit;
              -webkit-transform: rotate(45deg) skewY(-7deg) translateY(-4px);
                      transform: rotate(45deg) skewY(-7deg) translateY(-4px);
              vertical-align: middle; }
    .mr-cmn-line-title {
      background-color: #a4769a;
      background-image: url(../img/mr-cmn-line-title_bgl.png), url(../img/mr-cmn-line-title_bgr.png);
      background-position: left center,right center;
      background-repeat: no-repeat,no-repeat;
      background-size: auto 100%,auto 100%; }
      .mr-loading__logo {
        background-size: 70px auto; }
        .mr-cv-image {
          background: url(../img/mr-cv-bg_pc.png) no-repeat center;
          background-size: cover;
        }
      
    .mr-cvline {
      margin-top: -90px; }
      .mr-cvline-fb {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .mr-cvline-fb__img {
          margin-right: 50px;
          margin-left: -30px; }
          .mr-cvline-fb__img img {
            -webkit-transform: translateY(-20px);
                    transform: translateY(-20px); }
      .mr-cv-inner {
        max-width: 960px;
        margin-left: auto;
        margin-right: auto;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .mr-cv-inner-textarea {
          width: 70%;
          max-width: 770px;
          margin-right: auto;
          margin-left: 0%; }
          .mr-cv-inner-img img {
            -webkit-transform: translateY(0);
                    transform: translateY(0);
            margin-bottom: 0; }
        .mr-cv-inner-btns {
          margin-bottom: 10px;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
        .mr-cv-inner-btn:nth-child(n + 2) {
          margin-left: 2%; }
          .mr-cv-inner-btn:after {
            top: 9px;
            left: 9px;
            width: calc(100% - 18px);
            height: calc(100% - 18px); }
          .mr-cv-inner-btn .text {
            text-align: left; }
        .mr-cv-inner-btn:hover {
          background: #fff; }
          .mr-cv-inner-btn:hover .text {
            color: #a5769a; }
          .mr-cv-inner-btn:hover:before {
            border-color: #a5769a; }
          .mr-cv-inner-btn:hover:after {
            border-color: #a5769a; }
        .mr-cv-inner-btn {
          width: 110%; }
        .mr-cv-inner-text .text03 {
          padding-right: 30px;
          margin-right: 25px; }
          .mr-cv-inner-text .text03::after {
            top: 4%;
            position: absolute;
            right: 0;
            height: 40px;
            width: 2px;
            background: #000;
            content: "";
            display: inline-block;
            -webkit-transform: rotate(10deg);
                    transform: rotate(10deg); }
      .mr-cv-inner-img {
        max-width: 80px;
        margin-right: 4%; }
    .mr-kv {
      background: url(../img/mr_kv_04_pc.png) no-repeat center bottom;
      background-size: auto 100%;
      background-color: #dcd3e8;
      height: 885px;
      padding-top: 50px;
      text-align: left; }
      .mr-kv__subtitle {
        position: absolute;
        top: 246px;
        left: calc(50% - 462px);
        width: 442px; }
      .mr-kv__text01 {
        position: absolute;
        top: 390px;
        left: calc(50% - 465px);
      width: 482px; }
      .mr-kv__text02 {
        position: absolute;
        top: 525px;
        left: calc(50% - 470px);
        margin-left: auto; }
      .mr-kv__img {
        margin-top: 230px;
        margin-left: auto;
        margin-right: auto; }
        .mr-kv__img img{
          transform:translateX(45px);
        }
    .mr-lead {
      background: url(../img/mr-lead_bg.jpg) no-repeat center top;
      background-size: 100% auto; }
      .mr-lead-cv {
        background-color: #a4769a;
        background-image: url(../img/mr-lead-cv_bgl.png), url(../img/mr-lead-cv_bgr.png), url(../img/mr-lead-cv_bgc.png);
        background-position: left center,right center,center center;
        background-repeat: no-repeat,no-repeat,repeat-y;
        background-size: auto 100%,auto 100%,100% auto; }
        .mr-lead-cv__btn:hover {
          background: #a5769a; }
          .mr-lead-cv__btn:hover .text {
            color: #fff; }
          .mr-lead-cv__btn:hover .btn {
            color: #fff; }
        .mr-serum__img-item:nth-child(1) {
          margin-right: 60px; }
    .mr-system {
      background-image: url(../img/mr-system-bg_pc.jpg);
      background-position: center top;
      background-repeat: no-repeat;
      background-size: 100% auto; }
    .mr-system .cmn-cw {
      margin-bottom: 100px; }
    .mr-system-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .mr-system-item__text01 {
        width: 85%;
        margin-left: 14%; }
          .mr-system-item__text01 .text01 .icon {
            border-radius: 8px;
            padding: 6px 22px; }
      .mr-system-item__text02 {
        width: 85%;
        margin-left: 70px; }
      .mr-system-item-text {
        width: 60%; }
    .mr-system-item.is-wide .mr-system-item-text {
      width: 90%; }
      .mr-system-item.is-wide .mr-system-item-text .mr-system-item__text01 {
        margin-left: 70px; }
      .mr-system-item.is-wide .mr-system-item-text .mr-system-item__text02 {
        margin-left: 70px; }
      .mr-system-use-img-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .mr-system-use-img-item {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
        opacity: 0; }
        .mr-system-use-img-item.js-active {
          -webkit-transform: translateX(0);
                  transform: translateX(0);
          opacity: 1; }
      .mr-system-mv-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        max-width: 920px;
        margin-left: auto;
        margin-right: auto; }
        .mr-system-mv-item .arr {
          left: -70px;
          top: calc(50% - 63px);
          -webkit-animation-name: arr;
                  animation-name: arr;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-duration: 2s;
                  animation-duration: 2s;
          -webkit-animation-timing-function: ease;
                  animation-timing-function: ease; }
          .mr-system-mv-item .arr-item {
            -webkit-transform: rotate(-48deg) skewY(10deg);
                    transform: rotate(-48deg) skewY(10deg); }
          .mr-system-mv-item .arr-01 {
            left: -20px;
            top: 0; }
          .mr-system-mv-item .arr-02 {
            left: 0;
            top: 0; }
          .mr-system-mv-item .arr-03 {
            left: 20px;
            top: 0; }
        .mr-system-mv-item + .mr-system-mv-item {
          margin-left: 99px; }
    .mr-store-box {
      padding: 0px 0 10px;
      height: 460px;
      max-width: 960px;
      margin-left: auto;
      margin-right: auto; }
      .mr-store-box.is-03 .mr-store-box__textarea {
        margin-top: -70px; }
    .mr-store-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
        .mr-store-box__img.is-01 img {
          -webkit-transform: translateY(-14px);
                  transform: translateY(-14px);
          margin-bottom: -144px; }
      .mr-store-box__img.is-01 {
        width: 60%; }
          .mr-store-box__img.is-02 img {
            -webkit-transform: translate(-4%, 3%);
                    transform: translate(-4%, 3%);
            margin-bottom: 0; }
        .mr-store-box__img.is-02 {
          width: 79%;
          margin-bottom: -60px; }
      .mr-store-box__img.is-03 {
        width: 82%; }
        .mr-store-box__img.is-04 {
          width: 27%; }
          .mr-store-box__img.is-04 img {
            -webkit-transform: translate(96px, -41px);
                    transform: translate(96px, -41px);
            margin-bottom: 0; }
    .mr-store-box__textarea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .mr-store-box__textarea .text {
        width: 104%; }
    .mr-store + .mr-cv {
      margin-top: 0; }
    .mr-brand-lead {
      background: url(../img/mr-brand-img-03-pc.jpg) no-repeat center bottom;
      background-size: cover; }
    .mr-brand-detail-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      .mr-brand-detail-box__img {
        width: 300px; }
      .mr-brand-detail-box__text {
        width: 620px;
        margin-left: 25px; }
        .mr-brand-detail-box__text .logo {
          max-width: 380px;
          margin-bottom: 35px; }
      .mr-brand-detail-box__btn {
        margin-left: 0;
        margin-right: auto; }
        .mr-brand-detail-box__btn .btn:hover {
          opacity: .3; }
      .mr-support-list {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
      .mr-support-item {
        width: 25%; }
        .mr-support-item:nth-child(2n) {
          margin-left: 0; }
    .mr-movie-kv {
      background: url(../img/movie/mr-movie-kv_pc.jpg) no-repeat center bottom;
      background-size: auto 100%;
      height: 662px;
      padding-top: 50px;
      text-align: left; }
      .mr-movie-kv__subtitle {
        position: absolute;
        top: 240px;
        left: calc(50% - 444px);
        width: 689px; }
      .mr-movie-kv__text01 {
        position: absolute;
        top: 353px;
        left: calc(50% - 445px); }
      .mr-movie-kv__text02 {
        position: absolute;
        top: 445px;
        left: calc(50% - 440px);
        margin-left: auto; }
      .mr-movie-kv__img {
        position: absolute;
        margin-top: 350px;
        top: 60px;
        margin-left: auto;
        margin-right: auto;
        left: calc(50% - 28px); }
      .mr-movie-contents__title {
        margin-top: 0; }
      .mr-movie-contents-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        max-width: 850px; }
    .mr-movie-contents-item {
      width: 47%;
      margin-bottom: 45px; }
      .mr-movie-contents-item:nth-child(2n+1) {
        margin-right: 6%; }
        .mr-movie-contents-bottom-item {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; }
          .mr-movie-contents-bottom-item__img {
            width: 90px;
            margin-bottom: 23px; }
          .mr-movie-contents-bottom-item__text {
            margin-bottom: 90px;
            margin-right: 20px; }
          .mr-movie-contents-bottom-item:after {
            width: 100vw;
            margin-left: calc(50% - 50vw);
            margin-right: calc(50% - 50vw);
            background: #a5769a url(../img/movie/mr-movie-line02.jpg) no-repeat left center;
            background-size: auto 100%; }
  /*動画ポップアップ*/
  .cmn-parts-modal-frame {
    height: 100%; }
  .cmn-parts-modal-movie.remodal {
    padding: 50px 0 20px;
    border-radius: 10px;
    /* height: 59vh; */
    min-height: 510px;
    max-width: 900px; }
  .cmn-parts-modal-movie .remodal-close {
    width: 40px;
    height: 40px;
    right: 0px;
    left: auto;
    top: 10px;
    border: none;
    color: #fff; }
    .cmn-parts-modal-movie .remodal-close:before {
      content: "＋";
      font-size: 50px;
      color: #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .cmn-parts-modal-movie .remodal-close:hover {
      color: #fff; }
    .cmn-parts-modal-movie .remodal-close:focus {
      color: #fff; }
  .cmn-parts-modal-movieIn {
    height: 100%; }
    .cmn-parts-modal-movieIn iframe,
    .cmn-parts-modal-movieIn .eviry-baseplayer {
      width: 100%;
      height: 98%;
      opacity: 1;
      -webkit-transition: all .4s ease;
      transition: all .4s ease; }
      .cmn-parts-modal-movieIn iframe.is-active,
      .cmn-parts-modal-movieIn .eviry-baseplayer.is-active {
        opacity: 1; }
  .cmn-parts-modal-cp.remodal {
    padding: 20px 20px 20px;
    border-radius: 10px;
    height: auto;
    max-width: 780px; }
  .cmn-parts-modal-cp .remodal-close {
    width: 80px;
    height: 40px;
    /*
        border:1px solid #333;
        background: #fff;
        color:#333;
        */
    font-size: 16px;
    letter-spacing: 0em;
    line-height: 1;
    font-weight: 500;
    border-radius: 8px;
    right: 20px;
    left: auto;
    top: 30px;
    z-index: 200; }
    .cmn-parts-modal-cp .remodal-close :before {
      content: "＋";
      font-size: 12rem;
      color: #fff;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .cmn-parts-modal-cp-boxIn {
    height: 100%; }
    .cmn-parts-modal-cp-boxIn .cmn-parts-colorval-slideMain.is-lip {
      height: 240px; }
    .cmn-parts-modal-cp-boxIn .cmn-parts-colorval-slideMain.is-cream {
      height: 280px; }
    .cmn-parts-modal-cp-boxIn .cmn-parts-colorval-slideMain.is-fd-powder .slider-cp {
      margin-top: 100px; }
      .float-btn-pagetop {
        margin-bottom: 90px; }
        .float-btn-pagetop.is-movie {
          margin-bottom: 0;
          margin-right: 4%; }
        .float-btn-pagetop:after {
          top: calc(50% - 6px);
          left: 22px; }
      .float-btn-ban {
        width: 530px; }
      .__scroll_bottom .float-btn {
        -webkit-transform: translateY(165px);
                transform: translateY(165px); }
        .__scroll_bottom .float-btn.is-movie {
          -webkit-transform: translateY(0px);
                  transform: translateY(0px); } }

@media screen and (min-width: 767px) and (max-width: 900px) {
  .tab-br-visible {
    display: inline; }
        .mr-cvline-fb__text {
          font-size: 22px !important; }
        .mr-cvline-fb__img {
          margin-right: 30px;
          margin-left: 0px; }
      .mr-kv__subtitle {
        width: 42%;
        left: calc(50% - 46%); }
      .mr-kv__text01 {
        width: 42%;
        left: calc(50% - 46%);
        font-size: 20px; }
      .mr-kv__text02 {
        width: 42%;
        left: calc(50% - 46%);
        font-size: 24px; }
      .mr-kv__img {
        width: 11%; }
    .mr-lead__img {
      margin-left: 4%;
      margin-right: 4%;
      margin-bottom: 3.3vw; }
        .mr-system__title .text01 {
          font-size: 36px !important; }
        .mr-system__title .text02 {
          font-size: 38px !important; }
      .mr-system-list {
        padding-left: 45px !important;
        padding-right: 45px !important; }
    .mr-store {
      padding-top: 110px; }
      .mr-store-box__textarea__title {
        font-size: 38px !important; }
      .mr-movie-contents-list {
        margin-left: 4% !important;
        margin-right: 4% !important; }
          .mr-movie-contents-bottom-item__img {
            margin-right: 3%; }
          .mr-movie-contents-bottom-item__text {
            margin-right: 0px; } }

@media screen and (max-width: 320px) {
  :root {
    font-size: 8px; }
  body {
    font-size: .8rem; }
    .text-note {
      font-size: 1rem; }
          .ft-heading-contents__title {
            font-size: 1.1rem; }
          .ft__btn .btn .text {
            font-size: 1.2rem; }
      .ft__text01 {
        font-size: 1rem; }
      .ft__text02 {
        font-size: 1.5rem; }
      .ft__text03 {
        font-size: 1rem; }
    .mr-cmn-line-title {
      font-size: 1.4rem; }
        .mr-cvline-fb__text {
          font-size: 1rem; }
            .mr-cv-inner-textarea-heading__text {
              font-size: 1.4rem; }
          .mr-cv-inner-btn .text {
            font-size: 1.2rem; }
        .mr-cv-inner-text .text01 {
          font-size: 1rem; }
        .mr-cv-inner-text .text03 {
          font-size: 1.7rem; }
        .mr-cv-inner-text .text04 {
          font-size: 1rem; }
      .mr-kv__text01 {
        font-size: 1.1rem; }
      .mr-kv__text02 {
        font-size: 1rem; }
      .mr-lead__text {
        font-size: 1rem; }
        .mr-lead__title .text01 {
          font-size: 1.5rem; }
        .mr-lead__title .text02 {
          font-size: 1.5rem; }
      .mr-lead .mr-note {
        font-size: 1rem; }
          .mr-lead-cv__text .text01 {
            font-size: 1.1rem; }
          .mr-lead-cv__text .text02 {
            font-size: 1.7rem; }
          .mr-lead-cv__btn .btn {
            font-size: 1.1rem; }
      .mr-serum__text01 {
        font-size: 1.7rem; }
        .mr-system__title .text01 {
          font-size: 1.4rem; }
        .mr-system__title .text02 {
          font-size: 1.7rem; }
        .mr-system-item__title .text {
          font-size: 1.6rem; }
          .mr-system-item__text01 .text01 .text {
            font-size: 1.3rem; }
            .mr-system-item__text01 .text01 .text.is-narrow {
              font-size: 1.3rem; }
          .mr-system-item__text01 .text01 .icon {
            font-size: 1rem; }
      .mr-system-item__text02 {
        font-size: 1.1rem; }
        .mr-system-mv-item__text {
          font-size: 1.2rem; }
        .mr-system-mv-item__note {
          font-size: 1rem; }
      .mr-voice__title {
        font-size: 1.6rem; }
      .mr-voice__note {
        font-size: 1rem; }
        .mr-store__title .text01 {
          font-size: 1.6rem; }
        .mr-store__title .text02 {
          font-size: 1.6rem; }
      .mr-store-box__textarea__title {
        font-size: 1.4rem; }
      .mr-store-box__textarea .text {
        font-size: 1rem; }
        .mr-store-box__textarea .text .small {
          font-size: 1rem; }
      .mr-brand-lead__text01 {
        font-size: 1rem; }
      .mr-brand-lead__text02 {
        font-size: 1.4rem; }
        .mr-brand-detail-box__text .text01 {
          font-size: 1.4rem; }
        .mr-brand-detail-box__text .text02 {
          font-size: 1rem; }
          .mr-brand-detail-box__btn .btn .text {
            font-size: 1rem; }
        .mr-support__title .text {
          font-size: 1.5rem; }
      .mr-support-img .text {
        font-size: 1rem; }
      .mr-movie-kv__text01 {
        font-size: 1.1rem; }
      .mr-movie-kv__text02 {
        font-size: 1rem; }
      .mr-movie-contents__title {
        font-size: 1.4rem; }
      .mr-movie-contents-item__text .text01 {
        font-size: 1.3rem; }
      .mr-movie-contents-item__text .text02 {
        font-size: 1.3rem; }
            .mr-movie-contents-bottom-item__text .text01 {
              font-size: 1.1rem; }
            .mr-movie-contents-bottom-item__text .text02 {
              font-size: 1.1rem; } }

@media screen and (max-width: 848px) {
    .cmn-cw {
      margin-left: 20px;
      margin-right: 20px; }
  .mr-contents-box {
    overflow: hidden; } }

@media screen and (min-width: 430px) and (max-width: 767px) {
    .text-note {
      font-size: 3.4vw; }
          .ft-heading-contents__title {
            font-size: 3.4vw; }
          .ft__btn .btn .text {
            font-size: 3.4vw; }
      .ft__text01 {
        font-size: 3.4vw; }
      .ft__text02 {
        font-size: 3.4vw; }
      .ft__text03 {
        font-size: 3.4vw; }
    .mr-cmn-line-title {
      font-size: 3.4vw; }
        .mr-cvline-fb__text {
          font-size: 3.4vw; }
            .mr-cv-inner-textarea-heading__text {
              font-size: 3.4vw; }
          .mr-cv-inner-btn .text {
            font-size: 3.4vw; }
        .mr-cv-inner-text .text01 {
          font-size: 3.4vw; }
        .mr-cv-inner-text .text03 {
          font-size: 3.4vw; }
        .mr-cv-inner-text .text04 {
          font-size: 3.4vw; }
      .mr-kv__text01 {
        font-size: 3.4vw; }
      .mr-kv__text02 {
        font-size: 3.4vw; }
      .mr-lead__text {
        font-size: 3.4vw; }
        .mr-lead__title .text01 {
          font-size: 3.4vw; }
        .mr-lead__title .text02 {
          font-size: 3.4vw; }
      .mr-lead .mr-note {
        font-size: 3.4vw; }
          .mr-lead-cv__text .text01 {
            font-size: 3.4vw; }
          .mr-lead-cv__text .text02 {
            font-size: 3.4vw; }
          .mr-lead-cv__btn .btn {
            font-size: 3.4vw; }
      .mr-serum__text01 {
        font-size: 3.4vw; }
        .mr-system__title .text01 {
          font-size: 3.4vw; }
        .mr-system__title .text02 {
          font-size: 3.4vw; }
        .mr-system-item__title .text {
          font-size: 3.4vw; }
          .mr-system-item__text01 .text01 .text {
            font-size: 3.4vw; }
            .mr-system-item__text01 .text01 .text.is-narrow {
              font-size: 3.4vw; }
          .mr-system-item__text01 .text01 .icon {
            font-size: 3.4vw; }
      .mr-system-item__text02 {
        font-size: 3.4vw; }
        .mr-system-mv-item__text {
          font-size: 3.4vw; }
        .mr-system-mv-item__note {
          font-size: 3.4vw; }
      .mr-voice__title {
        font-size: 3.4vw; }
      .mr-voice__note {
        font-size: 3.4vw; }
        .mr-store__title .text01 {
          font-size: 3.4vw; }
        .mr-store__title .text02 {
          font-size: 3.4vw; }
      .mr-store-box__textarea__title {
        font-size: 3.4vw; }
      .mr-store-box__textarea .text {
        font-size: 3.4vw; }
        .mr-store-box__textarea .text .small {
          font-size: 3.4vw; }
      .mr-brand-lead__text01 {
        font-size: 3.4vw; }
      .mr-brand-lead__text02 {
        font-size: 3.4vw; }
        .mr-brand-detail-box__text .text01 {
          font-size: 3.4vw; }
        .mr-brand-detail-box__text .text02 {
          font-size: 3.4vw; }
          .mr-brand-detail-box__btn .btn .text {
            font-size: 3.4vw; }
        .mr-support__title .text {
          font-size: 3.4vw; }
      .mr-support-img .text {
        font-size: 3.4vw; }
      .mr-movie-kv__text01 {
        font-size: 3.4vw; }
      .mr-movie-kv__text02 {
        font-size: 3.4vw; }
      .mr-movie-contents__title {
        font-size: 3.4vw; }
      .mr-movie-contents-item__text .text01 {
        font-size: 3.4vw; }
      .mr-movie-contents-item__text .text02 {
        font-size: 3.4vw; }
            .mr-movie-contents-bottom-item__text .text01 {
              font-size: 3.4vw; }
            .mr-movie-contents-bottom-item__text .text02 {
              font-size: 3.4vw; } }

@media screen and (max-width: 375px) {
    .text-note {
      /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
      font-size: 0.8rem; }
          .ft-heading-contents__title {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.2rem; }
          .ft__btn .btn .text {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.3rem; }
      .ft__text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1rem; }
      .ft__text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.6rem; }
      .ft__text03 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1rem; }
    .mr-cmn-line-title {
      /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
      font-size: 1.5rem; }
        .mr-cvline-fb__text {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.1rem; }
            .mr-cv-inner-textarea-heading__text {
              /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
              font-size: 1.5rem; }
          .mr-cv-inner-btn .text {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.3rem; }
        .mr-cv-inner-text .text01 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1rem; }
        .mr-cv-inner-text .text03 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.8rem; }
        .mr-cv-inner-text .text04 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.1rem; }
      .mr-kv__text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.4rem; }
      .mr-kv__text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.1rem; }
      .mr-lead__text {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1rem; }
        .mr-lead__title .text01 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.6rem; }
        .mr-lead__title .text02 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.6rem; }
      .mr-lead .mr-note {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 0.8rem; }
          .mr-lead-cv__text .text01 {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.2rem; }
          .mr-lead-cv__text .text02 {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.9rem; }
          .mr-lead-cv__btn .btn {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.2rem; }
      .mr-serum__text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.8rem; }
        .mr-system__title .text01 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.5rem; }
        .mr-system__title .text02 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.8rem; }
        .mr-system-item__title .text {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.7rem; }
          .mr-system-item__text01 .text01 .text {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.4rem; }
            .mr-system-item__text01 .text01 .text.is-narrow {
              /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
              font-size: 1.4rem; }
          .mr-system-item__text01 .text01 .icon {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1.1rem; }
      .mr-system-item__text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.2rem; }
        .mr-system-mv-item__text {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.3rem; }
        .mr-system-mv-item__note {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 0.8rem; }
      .mr-voice__title {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.7rem; }
      .mr-voice__note {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 0.8rem; }
        .mr-store__title .text01 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.7rem; }
        .mr-store__title .text02 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.7rem; }
      .mr-store-box__textarea__title {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.5rem; }
      .mr-store-box__textarea .text {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1rem; }
        .mr-store-box__textarea .text .small {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 0.8rem; }
      .mr-brand-lead__text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1rem; }
      .mr-brand-lead__text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.5rem; }
        .mr-brand-detail-box__text .text01 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.5rem; }
        .mr-brand-detail-box__text .text02 {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1rem; }
          .mr-brand-detail-box__btn .btn .text {
            /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
            font-size: 1rem; }
        .mr-support__title .text {
          /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
          font-size: 1.6rem; }
      .mr-support-img .text {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.1rem; }
      .mr-movie-kv__text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.2rem; }
      .mr-movie-kv__text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.1rem; }
      .mr-movie-contents__title {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.5rem; }
      .mr-movie-contents-item__text .text01 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.4rem; }
      .mr-movie-contents-item__text .text02 {
        /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
        font-size: 1.4rem; }
            .mr-movie-contents-bottom-item__text .text01 {
              /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
              font-size: 1.2rem; }
            .mr-movie-contents-bottom-item__text .text02 {
              /*
      @if($tmp_size<10){
        $tmp_size:1.0;
      }*/
              font-size: 1.2rem; } }

@media only screen and (min-width: 768px) {
    .text-note {
      font-size: 14px;
      letter-spacing: 0.06em;
      line-height: 1.7;
      font-weight: 400; }
    .ft {
      padding: 55px 0px 55px 0px; }
      .ft-heading {
        margin-bottom: -20px; }
      .ft-heading {
        padding-bottom: 0px; }
        .ft-heading-img {
          width: 60px; }
        .ft-heading-img {
          margin-bottom: 0px; }
        .ft-heading-contents {
          margin-top: -20px; }
          .ft-heading-contents__title {
            font-size: 27px;
            letter-spacing: -0.04em;
            line-height: 1;
            font-weight: 500; }
          .ft-heading-contents__title {
            margin-bottom: 25px; }
      .ft__btns {
        margin-bottom: 25px; }
      .ft__btn {
        max-width: 1000px; }
      .ft__btn {
        margin-bottom: 25px; }
        .ft__btn .btn {
          height: 67px; }
          .ft__btn .btn .text {
            font-size: 22px;
            letter-spacing: 0.05em;
            line-height: 1;
            font-weight: 500; }
            .ft__btn .btn .text:after {
              width: 12px; }
            .ft__btn .btn .text:after {
              height: 12px; }
      .ft__text01 {
        font-size: 20px;
        letter-spacing: 0.02em;
        line-height: 1;
        font-weight: 400; }
      .ft__text01 {
        margin-bottom: 15px; }
      .ft__text02 {
        font-size: 40px;
        letter-spacing: 0.08em;
        line-height: 1;
        font-weight: 500; }
      .ft__text02 {
        margin-bottom: 15px; }
      .ft__text03 {
        font-size: 22px;
        letter-spacing: 0.08em;
        line-height: 1;
        font-weight: 500; }
      .ft__text03 {
        margin-bottom: 60px; }
      .ft__logo {
        max-width: 300px; }
    .mr-cmn-line-title {
      padding: 20px 0px 20px 0px; }
    .mr-cmn-line-title {
      font-size: 36px;
      letter-spacing: -0.02em;
      line-height: 1;
      font-weight: 500; }
      .mr-cmn-line-title.is-mid {
        padding: 30px 0px 30px 0px; }
      .mr-loading__logo {
        width: 70px; }
      .mr-loading__logo {
        height: 80px; }
    .mr-cvline {
      height: 90px; }
        .mr-cvline-fb__text {
          font-size: 27px;
          letter-spacing: -0.04em;
          line-height: 1;
          font-weight: 500; }
          .mr-cvline-fb__text .arr {
            margin-left: 10px; }
        .mr-cvline-fb__img {
          width: 55px; }
    .mr-cv {
      padding: 40px 0px 40px 0px; }
    .mr-cv {
      margin-top: 160px; }
            .mr-cv-inner-textarea-heading__img {
              width: 80px; }
            .mr-cv-inner-textarea-heading__img {
              margin-top: -20px; }
            .mr-cv-inner-textarea-heading__img {
              margin-bottom: 20px; }
            .mr-cv-inner-textarea-heading__text {
              margin-top: 20px; }
            .mr-cv-inner-textarea-heading__text {
              margin-left: 0px; }
            .mr-cv-inner-textarea-heading__text {
              margin-bottom: 20px; }
            .mr-cv-inner-textarea-heading__text {
              font-size: 24px;
              letter-spacing: 0.01em;
              line-height: 1.3;
              font-weight: 600; }
        .mr-cv-inner-img {
          width: 93px;
          max-width: 150px; }
        .mr-cv-inner-btn {
          max-width: 735px; }
        .mr-cv-inner-btn {
          height: 80px; }
          .mr-cv-inner-btn:before {
            width: 10px; }
          .mr-cv-inner-btn:before {
            height: 10px; }
          .mr-cv-inner-btn .text {
            font-size: 24px;
            letter-spacing: 0.01em;
            line-height: 1;
            font-weight: 600; }
        .mr-cv-inner-btn {
          margin-bottom: 25px; }
        .mr-cv-inner-text .text01 {
          font-size: 18px;
          letter-spacing: 0.01em;
          line-height: 1;
          font-weight: 400; }
        .mr-cv-inner-text .text01 {
          margin-bottom: 20px; }
        .mr-cv-inner-text .text03 {
          font-size: 32px;
          letter-spacing: 0.01em;
          line-height: 1;
          font-weight: 400; }
        .mr-cv-inner-text .text03 {
          margin-bottom: 15px; }
        .mr-cv-inner-text .text04 {
          font-size: 20px;
          letter-spacing: 0.01em;
          line-height: 1;
          font-weight: 400; }
      .mr-kv__title {
        max-width: 610px; }
      .mr-kv__title {
        margin-bottom: 85px; }
      .mr-kv__subtitle {
        max-width: 449px; }
      .mr-kv__subtitle {
        margin-bottom: 40px; }
      .mr-kv__text01 {
        font-size: 25px;
        letter-spacing: 0.02em;
        line-height: 1.7;
        font-weight: 700; }
      .mr-kv__text02 {
        font-size: 26px;
        letter-spacing: -0.05em;
        line-height: 1.1;
        font-weight: 700;
       }
      .mr-kv__text02 span {
        font-size: 18px;
        letter-spacing:normal;}
      .mr-kv__text02 {
        width: 291px; }
      .mr-kv__img {
        width: 105px; }
    .mr-lead {
      padding-top: 110px; }
      .mr-lead__text {
        font-size: 24px;
        letter-spacing: -0.02em;
        line-height: 2.1;
        font-weight: 600; }
      .mr-lead__text {
        margin-bottom: 20px; }
        .mr-lead__text.last {
          margin-bottom: 50px; }
      .mr-lead__title {
        margin-bottom: 70px; }
        .mr-lead__title .text01 {
          font-size: 34px;
          letter-spacing: -0.04em;
          line-height: 1.5;
          font-weight: 600; }
        .mr-lead__title .text02 {
          font-size: 34px;
          letter-spacing: -0.2em;
          line-height: 1.5;
          font-weight: 600; }
      .mr-lead__img01 {
        max-width: 760px; }
      .mr-lead__img01 {
        margin-bottom: 100px; }
      .mr-lead__img02 {
        margin-bottom: 83px; }
      .mr-lead__img-movie {
        margin-bottom: 8px; }
      .mr-lead .mr-note {
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1;
        font-weight: 300; }
      .mr-lead-cv {
        padding: 40px 0px 55px 0px; }
        .mr-lead-cv__text {
          margin-bottom: 34px; }
          .mr-lead-cv__text .text01 {
            font-size: 24px;
            letter-spacing: -0.04em;
            line-height: 2.8;
            font-weight: 600; }
          .mr-lead-cv__text .text02 {
            font-size: 42px;
            letter-spacing: -0.05em;
            line-height: 1.6;
            font-weight: 600; }
        .mr-lead-cv__btn {
          max-width: 500px; }
          .mr-lead-cv__btn .btn {
            font-size: 28px;
            letter-spacing: 0.02em;
            line-height: 1;
            font-weight: 500; }
          .mr-lead-cv__btn .btn {
            height: 70px; }
            .mr-lead-cv__btn .btn:after {
              margin-left: 25px; }
    .mr-serum {
      padding-top: 150px; }
      .mr-serum__title {
        margin-bottom: 60px; }
      .mr-serum__text01 {
        margin-top: 140px; }
      .mr-serum__text01 {
        margin-bottom: 30px; }
      .mr-serum__text01 {
        font-size: 46px;
        letter-spacing: -0.01em;
        line-height: 1.4;
        font-weight: 600; }
        .mr-serum__img > .mr-img {
          max-width: 210px; }
        .mr-serum__img > .mr-img {
          margin-top: -170px; }
        .mr-serum__img > .mr-img {
          margin-bottom: -10px; }
    .mr-system {
      padding-top: 108px; }
      .mr-system__title {
        margin-bottom: 55px; }
        .mr-system__title .text01 {
          font-size: 38px;
          letter-spacing: -0.06em;
          line-height: 1.5;
          font-weight: 600; }
        .mr-system__title .text01 {
          margin-bottom: 20px; }
        .mr-system__title .text02 {
          font-size: 41px;
          letter-spacing: -0.08em;
          line-height: 1.7;
          font-weight: 600; }
      .mr-system-list {
        padding: 65px 65px 70px 65px; }
      .mr-system-item__title {
        margin-bottom: 20px; }
        .mr-system-item__title .num {
          height: 66px; }
        .mr-system-item__title .num {
          margin-right: 15px; }
        .mr-system-item__title .text {
          font-size: 36px;
          letter-spacing: 0.05em;
          line-height: 1;
          font-weight: 600; }
      .mr-system-item__text01 {
        margin-bottom: 10px; }
        .mr-system-item__text01 .text01 {
          padding-bottom: 14px; }
          .mr-system-item__text01 .text01 .text {
            font-size: 24px;
            letter-spacing: -0.01em;
            line-height: 1;
            font-weight: 600; }
            .mr-system-item__text01 .text01 .text.is-narrow {
              font-size: 26px;
              letter-spacing: -0.02em;
              line-height: 1;
              font-weight: 600; }
          .mr-system-item__text01 .text01 .icon {
            margin-left: 10px; }
          .mr-system-item__text01 .text01 .icon {
            font-size: 18px;
            letter-spacing: -0.05em;
            line-height: 1;
            font-weight: 600; }
      .mr-system-item__text02 {
        font-size: 18px;
        letter-spacing: 0.03em;
        line-height: 1.7;
        font-weight: 300; }
      .mr-system-item-text {
        margin-bottom: 0px; }
      .mr-system-item + .mr-system-item {
        margin-top: 35px; }
      .mr-system-img {
        max-width: 290px; }
        .mr-system-img.is-01 {
          margin-top: 30px; }
        .mr-system-img.is-02 {
          margin-top: -23px; }
      .mr-system-text {
        margin-bottom: 0px; }
      .mr-system-use-img-list {
        margin-top: 60px; }
      .mr-system-use-img-list {
        margin-bottom: 150px; }
      .mr-system-use-img-list {
        max-width: 960px; }
      .mr-system-mv-list {
        margin-top: 72px; }
      .mr-system-mv-list {
        margin-bottom: 100px; }
          .mr-system-mv-item .arr-01 {
            width: 25px; }
          .mr-system-mv-item .arr-01 {
            height: 25px; }
          .mr-system-mv-item .arr-02 {
            width: 25px; }
          .mr-system-mv-item .arr-02 {
            height: 25px; }
          .mr-system-mv-item .arr-03 {
            width: 25px; }
          .mr-system-mv-item .arr-03 {
            height: 25px; }
        .mr-system-mv-item .mr-img {
          max-width: 420px; }
        .mr-system-mv-item .mr-img {
          margin-bottom: 30px; }
        .mr-system-mv-item__text {
          font-size: 22px;
          letter-spacing: 0.05em;
          line-height: 1.6;
          font-weight: 500; }
        .mr-system-mv-item + .mr-system-mv-item {
          margin-top: 0px; }
        .mr-system-mv-item__note {
          max-width: 420px; }
        .mr-system-mv-item__note {
          margin-top: 10px; }
        .mr-system-mv-item__note {
          font-size: 14px;
          letter-spacing: 0.05em;
          line-height: 2.5;
          font-weight: 500; }
    .mr-voice {
      padding: 40px 0px 50px 0px; }
      .mr-voice__title {
        font-size: 36px;
        letter-spacing: 0.09em;
        line-height: 1.6;
        font-weight: 600; }
      .mr-voice__title {
        margin-bottom: 30px; }
      .mr-voice__img {
        max-width: 960px; }
      .mr-voice__img {
        margin-bottom: 10px; }
      .mr-voice__note {
        max-width: 960px; }
      .mr-voice__note {
        font-size: 14px;
        letter-spacing: 0.03em;
        line-height: 1;
        font-weight: 400; }
    .mr-store {
      padding-top: 165px; }
      .mr-store__title {
        margin-bottom: 50px; }
        .mr-store__title .text01 {
          font-size: 40px;
          letter-spacing: -0.02em;
          line-height: 1;
          font-weight: 600; }
        .mr-store__title .text02 {
          font-size: 54px;
          letter-spacing: -0.03em;
          line-height: 1;
          font-weight: 600; }
      .mr-store-box.is-01 {
        padding-bottom: 0px; }
      .mr-store-box.is-02 {
        padding-bottom: 0px; }
      .mr-store-box.is-03 {
        padding-bottom: 0px; }
      .mr-store-box.is-03 {
        padding-top: 60px; }
      .mr-store-box.is-04 {
        padding-bottom: 0px; }
      .mr-store-box__img {
        margin-bottom: 0px; }
      .mr-store-box__textarea__title {
        font-size: 40px;
        letter-spacing: -0.06em;
        line-height: 1.5;
        font-weight: 500; }
      .mr-store-box__textarea__title {
        margin-bottom: 20px; }
      .mr-store-box__textarea .text {
        font-size: 18px;
        letter-spacing: -0.1em;
        line-height: 1.7;
        font-weight: 400; }
        .mr-store-box__textarea .text .small {
          font-size: 14px;
          letter-spacing: -0.1em;
          line-height: 2.2;
          font-weight: 400; }
    .mr-brand-lead {
      padding: 140px 0px 450px 0px; }
      .mr-brand-lead__title {
        max-width: 400px; }
      .mr-brand-lead__title {
        margin-bottom: 50px; }
      .mr-brand-lead__text01 {
        font-size: 16px;
        letter-spacing: 0.08em;
        line-height: 1.7;
        font-weight: 500; }
      .mr-brand-lead__text01 {
        margin-bottom: 30px; }
      .mr-brand-lead__text02 {
        font-size: 34px;
        letter-spacing: 0.05em;
        line-height: 1.1;
        font-weight: 600; }
      .mr-brand-lead__text02 {
        margin-bottom: 50px; }
      .mr-brand-lead__img {
        max-width: 400px; }
    .mr-brand-detail {
      padding: 50px 0px 45px 0px; }
      .mr-brand-detail-box__img {
        margin-bottom: 0px; }
        .mr-brand-detail-box__text .logo {
          margin-bottom: 30px; }
        .mr-brand-detail-box__text .text01 {
          font-size: 16px;
          letter-spacing: 0.08em;
          line-height: 1.5;
          font-weight: 600; }
        .mr-brand-detail-box__text .text01 {
          margin-bottom: 25px; }
        .mr-brand-detail-box__text .text02 {
          font-size: 14px;
          letter-spacing: 0.08em;
          line-height: 1.7;
          font-weight: 500; }
        .mr-brand-detail-box__text .text02 {
          margin-bottom: 25px; }
      .mr-brand-detail-box__btn {
        max-width: 380px; }
        .mr-brand-detail-box__btn .btn {
          height: 55px; }
          .mr-brand-detail-box__btn .btn:after {
            width: 10px; }
          .mr-brand-detail-box__btn .btn:after {
            height: 10px; }
          .mr-brand-detail-box__btn .btn .text {
            font-size: 14px;
            letter-spacing: 0.08em;
            line-height: 1;
            font-weight: 500; }
    .mr-support {
      padding: 30px 0px 35px 0px; }
      .mr-support__title {
        margin-bottom: 20px; }
        .mr-support__title .text {
          font-size: 23px;
          letter-spacing: 0.08em;
          line-height: 1.4;
          font-weight: 600; }
      .mr-support-list {
        max-width: 960px; }
      .mr-support-img img {
        margin-bottom: 20px; }
      .mr-support-img .text {
        font-size: 16px;
        letter-spacing: 0.08em;
        line-height: 1.5;
        font-weight: 400; }
    .mr-movie-kv {
      margin-bottom: -50px; }
      .mr-movie-kv__title {
        max-width: 423px; }
      .mr-movie-kv__title {
        margin-bottom: 85px; }
      .mr-movie-kv__subtitle {
        max-width: 589px; }
      .mr-movie-kv__subtitle {
        margin-bottom: 40px; }
      .mr-movie-kv__text01 {
        font-size: 22px;
        letter-spacing: -0.06em;
        line-height: 1.5;
        font-weight: 500; }
      .mr-movie-kv__text02 {
        font-size: 26px;
        letter-spacing: -0.09em;
        line-height: 1.4;
        font-weight: 700; }
      .mr-movie-kv__text02 {
        width: 355px; }
      .mr-movie-kv__img {
        width: 49px; }
      .mr-movie-contents__title {
        font-size: 34px;
        letter-spacing: -0.12em;
        line-height: 1.7;
        font-weight: 600; }
      .mr-movie-contents-list {
        margin-top: 55px; }
      .mr-movie-contents-list {
        margin-left: auto; }
      .mr-movie-contents-list {
        margin-right: auto; }
      .mr-movie-contents-item__img {
        margin-bottom: 15px; }
      .mr-movie-contents-item__text .text01 {
        font-size: 20px;
        letter-spacing: 0.1em;
        line-height: 1.7;
        font-weight: 600; }
      .mr-movie-contents-item__text .text02 {
        font-size: 20px;
        letter-spacing: -0.02em;
        line-height: 1.7;
        font-weight: 600; }
      .mr-movie-contents-item + .mr-movie-contents-item {
        margin-top: 0px; }
      .mr-movie-contents-bottom {
        height: 70px; }
      .mr-movie-contents-bottom {
        margin-bottom: 130px; }
            .mr-movie-contents-bottom-item__text .text01 {
              font-size: 20px;
              letter-spacing: 0.09em;
              line-height: 1.7;
              font-weight: 400; }
            .mr-movie-contents-bottom-item__text .text01 {
              margin-right: 20px; }
            .mr-movie-contents-bottom-item__text .text02 {
              font-size: 20px;
              letter-spacing: 0.09em;
              line-height: 1.7;
              font-weight: 400; }
          .mr-movie-contents-bottom-item:after {
            height: 70px; }
      .float-btn-pagetop {
        width: 70px; }
      .float-btn-pagetop {
        height: 70px; }
        .float-btn-pagetop:after {
          width: 25px; }
        .float-btn-pagetop:after {
          height: 25px; }
        .float-btn-ban .ban {
          height: 50px; } }

@media only screen and (min-width: 768px) and (min-width: 765px) and (max-width: 768px) {
    .text-note {
      font-size: 10.64px; }
    .ft-heading-contents__title {
      font-size: 20.52px; }
    .ft__btn .btn .text {
      font-size: 16.72px; }
    .ft__text01 {
      font-size: 15.2px; }
    .ft__text02 {
      font-size: 30.4px; }
    .ft__text03 {
      font-size: 16.72px; }
    .mr-cmn-line-title {
      font-size: 27.36px; }
    .mr-cvline-fb__text {
      font-size: 20.52px; }
    .mr-cv-inner-textarea-heading__text {
      font-size: 18.24px; }
    .mr-cv-inner-btn .text {
      font-size: 18.24px; }
    .mr-cv-inner-text .text01 {
      font-size: 13.68px; }
    .mr-cv-inner-text .text03 {
      font-size: 24.32px; }
    .mr-cv-inner-text .text04 {
      font-size: 15.2px; }
    .mr-kv__text01 {
      font-size: 16.72px; }
    .mr-kv__text02 {
      font-size: 19.76px; }
    .mr-lead__text {
      font-size: 18.24px; }
    .mr-lead__title .text01 {
      font-size: 25.84px; }
    .mr-lead__title .text02 {
      font-size: 25.84px; }
    .mr-lead .mr-note {
      font-size: 10.64px; }
    .mr-lead-cv__text .text01 {
      font-size: 18.24px; }
    .mr-lead-cv__text .text02 {
      font-size: 31.92px; }
    .mr-lead-cv__btn .btn {
      font-size: 21.28px; }
    .mr-serum__text01 {
      font-size: 34.96px; }
    .mr-system__title .text01 {
      font-size: 28.88px; }
    .mr-system__title .text02 {
      font-size: 31.16px; }
    .mr-system-item__title .text {
      font-size: 27.36px; }
    .mr-system-item__text01 .text01 .text {
      font-size: 18.24px; }
    .mr-system-item__text01 .text01 .text.is-narrow {
      font-size: 19.76px; }
    .mr-system-item__text01 .text01 .icon {
      font-size: 13.68px; }
    .mr-system-item__text02 {
      font-size: 13.68px; }
    .mr-system-mv-item__text {
      font-size: 16.72px; }
    .mr-system-mv-item__note {
      font-size: 10.64px; }
    .mr-voice__title {
      font-size: 27.36px; }
    .mr-voice__note {
      font-size: 10.64px; }
    .mr-store__title .text01 {
      font-size: 30.4px; }
    .mr-store__title .text02 {
      font-size: 41.04px; }
    .mr-store-box__textarea__title {
      font-size: 30.4px; }
    .mr-store-box__textarea .text {
      font-size: 13.68px; }
    .mr-store-box__textarea .text .small {
      font-size: 10.64px; }
    .mr-brand-lead__text01 {
      font-size: 12.16px; }
    .mr-brand-lead__text02 {
      font-size: 25.84px; }
    .mr-brand-detail-box__text .text01 {
      font-size: 12.16px; }
    .mr-brand-detail-box__text .text02 {
      font-size: 10.64px; }
    .mr-brand-detail-box__btn .btn .text {
      font-size: 10.64px; }
    .mr-support__title .text {
      font-size: 17.48px; }
    .mr-support-img .text {
      font-size: 12.16px; }
    .mr-movie-kv__text01 {
      font-size: 16.72px; }
    .mr-movie-kv__text02 {
      font-size: 19.76px; }
    .mr-movie-contents__title {
      font-size: 25.84px; }
    .mr-movie-contents-item__text .text01 {
      font-size: 15.2px; }
    .mr-movie-contents-item__text .text02 {
      font-size: 15.2px; }
    .mr-movie-contents-bottom-item__text .text01 {
      font-size: 15.2px; }
    .mr-movie-contents-bottom-item__text .text02 {
      font-size: 15.2px; } }

@media screen and (min-width: 765px) and (max-width: 900px) {
    .mr-cmn-line-title {
      background-image: url(../img/mr-cmn-line-title_bg_sp.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 100% auto;
      font-size: 32px;
      line-height: 1.6; } }

@media screen and (min-width: 765px) and (max-width: 768px) {
      .mr-cvline-fb .text {
        font-size: 19.5px;
        letter-spacing: -.08em; }
    .mr-kv {
      background: url(../img/mr_kv_04_pc.png) no-repeat 70% bottom; }
        .mr-serum__img > .mr-img {
          max-width: 180px; }
    .mr-movie-kv {
      background: url(../img/movie/mr-movie-kv_pc.jpg) no-repeat 70% bottom;
      background-size: auto 100%;
      height: 600px; }
      .mr-movie-kv__title {
        max-width: 280px; }
      .mr-movie-kv__subtitle {
        width: 430px;
        left: calc(50% - 344px); }
      .mr-movie-kv__text01 {
        width: 430px;
        left: calc(50% - 344px); }
      .mr-movie-kv__text02 {
        width: 430px;
        left: calc(50% - 344px); }
      .mr-movie-kv__img {
        width: 5%;
        top: 58px;
        left: calc(50% - 6%); } }

@media only screen and (min-width: 767px) and (max-width: 900px) and (min-width: 768px) {
    .mr-lead__img {
      margin-bottom: 8px; } }

@media screen and (max-width: 767px) {
        .mr-system-mv-item .arr {
          -webkit-animation-name: arr-v;
                  animation-name: arr-v;
          -webkit-animation-iteration-count: infinite;
                  animation-iteration-count: infinite;
          -webkit-animation-duration: 2s;
                  animation-duration: 2s;
          -webkit-animation-timing-function: ease;
                  animation-timing-function: ease; }
      .cmn-parts-modal-movieIn iframe,
      .cmn-parts-modal-movieIn .eviry-baseplayer {
        width: 100% !important; } }

@media screen and (min-width: 768px) and (max-width: 1000px) {
      .mr-support-item:nth-child(n + 2) {
        margin-left: 4%; } }

@media screen and (min-width: 768px) and (min-width: 765px) and (max-width: 768px) {
    .cmn-parts-modal-cp .remodal-close {
      font-size: 12.16px; } }

/*220801 追加対応*/
.mr-movie-kv__img-medal{
    position: absolute;
    margin-top: 53vw;
    top: auto;
    margin-left: auto;
    margin-right: auto;
    left: calc(50% - 47vw);
    z-index: 60;
    width: 14vw;
}
@media screen and (min-width: 768px){
.mr-movie-kv__img-medal{
  position: absolute;
  margin-top: 350px;
  top: 120px;
  left: calc(50% - 112px);
  width: 75px;
}
}

.mr-kv__img-medal{
  width: 14vw;
  position: absolute;
  top: 104.5vw;
  left: calc(50% - 47vw);
}
@media screen and (min-width: 768px){
  .mr-kv__img-medal{
    top: 536px;
    width: 140px;
    left: calc(50% - 142px);
  }
}