@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap);

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
p {
    margin: 0
}

html {
    scroll-behavior: smooth
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

img,
picture {
    display: block;
    max-width: 100%
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

html {
    font-size: 62.5%
}

body {
    overflow-x: hidden;
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Yu Gothic', Meiryo, sans-serif;
    line-height: 1.5;
    color: #222;
    letter-spacing: .1em;
    word-wrap: break-word;
    word-wrap: break-word
}

iframe {
    border: none
}

a {
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: 0
}

:placeholder-shown {
    opacity: .7
}

body,
html {
    height: 100%
}

h1,
h2,
h3,
h4 {
    font-weight: 400;
    letter-spacing: .1em
}

dl,
ul {
    list-style: none
}

picture {
    display: block
}

body {
    letter-spacing: .1em
}

a {
    color: inherit;
    text-decoration: none
}

img,
svg {
    vertical-align: bottom
}

img {
    display: inline;
    max-width: 100%;
    height: auto
}

html {
    scroll-behavior: auto
}

.spOnly {
    display: block !important
}

.pcOnly {
    display: none !important
}

.l-container {
    position: relative;
    width: 100vw;
    background-color: transparent;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.l-container::-webkit-scrollbar {
    display: none
}

.l-footer__area {
    position: relative;
    background-color: #fff
}

.l-footer__pagetop {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    text-indent: -9999px;
    background-color: #acacac;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.l-footer__pagetop::before {
    position: absolute;
    top: .5em;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 1em;
    height: 1em;
    margin: auto;
    content: '';
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.l-footer__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2em 0;
    color: #fff;
    background-color: #272727;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.l-footer__share__heading {
    letter-spacing: .1em
}

.l-footer__share__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-footer__share__lists>.list>.btn {
    display: block;
    width: 2em
}

.l-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3em 0;
    background-color: #272727;
    border-top: solid 1px #333
}

.l-footer__nav__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    letter-spacing: .1em
}

.l-footer__copyright {
    padding: .5em 0;
    text-align: center;
    background-color: #000
}

.l-footer__copyright>p {
    color: #fff;
    letter-spacing: .1em
}

.l-header__inner {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #e8e8e8;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.l-header__upper__logo>img {
    width: 100%
}

.c-heading__primary {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    letter-spacing: .1em;
    letter-spacing: .05em
}

.c-heading__extra {
    display: block
}

.c-heading__secondary {
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: .1em;
    letter-spacing: .05em
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9);
    -ms-filter: 'alpha(opacity=90)';
    filter: 'alpha(opacity=90)'
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
    -ms-filter: 'alpha(opacity=90)';
    filter: 'alpha(opacity=90)';
    opacity: .9
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #777
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    -ms-filter: 'alpha(opacity=50)';
    filter: 'alpha(opacity=50)'
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    -ms-filter: 'alpha(opacity=50)';
    filter: 'alpha(opacity=50)'
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.p-hero {
    position: relative;
    z-index: -1;
    width: 100%;
    overflow: hidden
}

.p-hero::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #fff;
    opacity: 0;
    -webkit-transition: ease-in-out 1s;
    transition: ease-in-out 1s
}

.p-hero__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: calc(100vh - 54px);
    overflow: visible
}

.p-hero.is-fixed .p-hero__image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.p-hero__image>img {
    width: 100%;
    height: auto
}

.p-hero__imagein {
    position: absolute;
    top: 49%;
    left: 50%;
    z-index: 1;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-hero__imagein>img {
    width: 100%;
    height: auto
}

.p-hero.is-fixed {
    z-index: -1;
    width: 100%
}

.p-hero.is-fixed::after {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #fff;
    opacity: .9;
    -webkit-transition: ease-in-out 1s;
    transition: ease-in-out 1s
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: .5
    }
}

.p-leadblock {
    position: relative;
    z-index: 0;
    text-align: center;
    background-color: transparent
}

.p-leadblock__logo {
    background-color: transparent
}

.p-leadblock__body {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 2;
    letter-spacing: .1em;
    background-color: transparent
}

.p-product {
    position: relative;
    width: 100%;
    background: linear-gradient(170deg, #f1f4f6 0, #dee3e8 80%)
}

.p-product__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.p-product__heading__text {
    padding-top: .8em;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    letter-spacing: .1em
}

.p-product__content {
    text-align: center
}

.p-product__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-product__image img {
    width: 100%
}

.p-product__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    letter-spacing: .1em;
    letter-spacing: .05em
}

.p-product__lists>.list {
    flex-basis: 50%;
    max-width: 50%;
    -ms-flex-preferred-size: 50%
}

.p-product__under {
    text-align: center
}

.p-product__under__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    letter-spacing: .1em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-product__under__postage {
    margin-top: .7em;
    font-weight: 500;
    letter-spacing: .1em
}

.p-product__under__tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: .5em 1.5em;
    margin-top: 1.5em;
    font-weight: 400;
    letter-spacing: .1em;
    letter-spacing: .05em;
    border: solid 1px #222;
    -webkit-box-pack: center;
    -ms-flex-pack: center
}

.p-product__list__extra>img {
    opacity: .55
}

.p-product__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 1em 5em;
    color: #fff;
    letter-spacing: .1em;
    background-color: #222;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-product__copy {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: .1em
}

.p-feature {
    position: relative;
    width: 100%;
    background-color: #fff
}

.p-feature__upper {
    background-color: #f2f4f5
}

.p-feature__upper__head {
    text-align: center
}

.p-feature__upper__heading {
    padding-top: .5em;
    letter-spacing: .1em
}

.p-feature__upper__body {
    text-align: center
}

.p-feature__upper__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-feature__upper__lists>.list {
    flex-basis: 50%;
    max-width: 50%;
    -ms-flex-preferred-size: 50%
}

.p-feature__upper__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 1em 1em rgba(0, 0, 0, .16);
    box-shadow: 0 1em 1em rgba(0, 0, 0, .16);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.p-feature__upper__figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    height: 90%
}

.p-feature__upper__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-feature__upper__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-feature__upper__tag {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    color: #fff;
    text-align: center;
    letter-spacing: .1em;
    letter-spacing: 0;
    background-color: #222
}

.p-feature__upper__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-feature__upper__text>.is-en {
    letter-spacing: .1em
}

.p-feature__upper__text>.is-ja {
    padding-top: .7em;
    letter-spacing: .1em;
    letter-spacing: .05em
}

.p-feature__upper__more {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    font-weight: 700;
    letter-spacing: .1em
}

.p-feature__upper__more::before {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    content: '';
    background-image: url(/lashprogram/assets/img/icon_arrow_l.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain
}

.p-feature__item__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.is-shot .p-feature__item__image {
    background: linear-gradient(170deg, #fcf4da 0, #ead4ab 50%)
}

.is-approach .p-feature__item__image {
    background: linear-gradient(170deg, #f1f4f6 0, #d8dee3 50%)
}

.p-feature__item__brandname {
    display: block;
    font-weight: 700;
    color: rgba(34, 34, 34, .8);
    letter-spacing: .1em;
    letter-spacing: .2em
}

.p-feature__item__name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding-bottom: 2em;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-feature__item__name>.is-ja {
    letter-spacing: .1em
}

.p-feature__item__name::before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 2em;
    height: 1px;
    content: '';
    background-color: #222
}

.p-feature__item__heading {
    padding-top: 1em;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 1.6;
    letter-spacing: .1em;
    letter-spacing: .05em
}

.p-feature__item__point {
    padding: .2em 3em;
    color: #fff;
    letter-spacing: .1em
}

.p-feature__item__point.is-shot {
    background-color: #cbb07f
}

.p-feature__item__point.is-approach {
    background-color: #a2acb5
}

.p-feature__item__ex {
    position: relative
}

.p-feature__item__ex::after {
    display: block;
    clear: both;
    content: ''
}

.p-feature__item__ex-ano {
    position: relative;
    border-top: solid 1px #e8e8e8
}

.p-feature__item__ex__text {
    letter-spacing: .1em;
    letter-spacing: .05em
}

.p-feature__item__ex__image {
    float: right;
    text-align: right
}

.p-feature__item__ex__lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.p-feature__item__ex__lists>.list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5em;
    padding: 0 1em;
    margin: .2em;
    line-height: 1;
    color: #666;
    letter-spacing: .1em;
    letter-spacing: 0;
    border: solid 1px #c9c9c9;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-feature__item__ex__heading {
    display: block;
    font-weight: 700;
    color: #707070;
    letter-spacing: .1em
}

.p-feature__item__ex__caption {
    color: #707070;
    letter-spacing: .1em
}

*+.p-feature__item__ex__caption {
    margin-top: .2em
}

.p-feature__materialBtn {
    position: relative;
    display: inline-block;
    line-height: 2em;
    letter-spacing: .1em;
    cursor: pointer;
    background-image: url(/lashprogram/assets/img/icon_plus.svg);
    background-repeat: no-repeat;
    background-position: right;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-feature__materialBtn:hover {
    opacity: .6;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-feature__materialBtn.is-open {
    background-image: url(/lashprogram/assets/img/icon_minus.svg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-feature__materialText {
    display: none;
    line-height: 1.6em;
    color: #707070;
    letter-spacing: .1em;
    letter-spacing: .04em
}

.p-feature__materialText__careful {
    display: block;
    padding-top: 1em
}

.p-faq {
    position: relative;
    width: 100%;
    background-color: #f2f4f5
}

.p-faq__head {
    text-align: center
}

.p-faq__heading {
    padding-top: 2.5em;
    letter-spacing: .1em
}

.p-faq__body {
    text-align: center
}

.p-faq__about {
    font-weight: 600;
    color: #959aa0;
    letter-spacing: .1em
}

.p-faq__list__item {
    display: block
}

.p-faq__list__item:nth-last-child(1) {
    padding-bottom: 0
}

.p-faq__list__question {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    letter-spacing: .1em;
    vertical-align: middle;
    cursor: pointer;
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

.p-faq__plus {
    position: relative;
    display: block
}

.p-faq__plus::after,
.p-faq__plus::before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto;
    content: '';
    background-color: #222;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-faq__plus.is-open::after {
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-faq__list__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-faq__list__answer {
    display: none;
    color: #fff;
    text-align: left;
    vertical-align: top;
    background-color: #a9b1b4;
    -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, .16078);
    box-shadow: inset 0 3px 6px rgba(0, 0, 0, .16078)
}

.p-faq__list__answer .p-faq__list__inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-faq__alpha {
    margin-right: 30px;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    letter-spacing: .1em
}

.p-faq__textlink {
    border-bottom: solid 1px #fff
}

.p-faq__text {
    line-height: 1.8;
    letter-spacing: .1em
}

.p-faq__textInfo {
    letter-spacing: .1em
}

.p-faq__btn__area {
    text-align: center
}

.p-faq__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3.75em;
    padding: 0 2em;
    color: #222;
    letter-spacing: .1em;
    background-color: transparent;
    border: solid 1px #222;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.p-message {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
    background-color: #f2f4f5
}

.p-message .swiper-member {
    margin: 0 auto;
    overflow: visible
}

.p-message .swiper-scrollbar {
    position: static !important;
    position: initial !important;
    margin: 0 auto;
    background-color: #fff !important
}

.p-message .swiper-scrollbar-drag {
    height: 3px;
    background-color: #8b9ca5
}

.p-message__content {
    color: #fff;
    text-align: center;
    background-position: center center
}

.p-message__top {
    width: 100%
}

.p-message__top.is-fixed-message {
    position: relative;
    width: 100%;
    overflow: hidden
}

.p-message__topInner {
    width: 100vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.p-message__top.is-fixed-message .p-message__topInner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.p-message__text .c-heading__primary {
    letter-spacing: .1em
}

.p-message__heading {
    margin-top: 8em;
    line-height: 1.5em;
    letter-spacing: .1em
}

.p-message__video {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    cursor: pointer
}

.p-message__video::before {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    margin: auto;
    content: '';
    background-image: url(/lashprogram/assets/img/pattern.png);
    background-position: center center
}

.p-message__video:hover .p-message__btn {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-message__show {
    position: absolute;
    z-index: 2;
    overflow: hidden
}

.p-message__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    width: 100px;
    height: 100px;
    margin: auto;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-message__btn img {
    width: 100%
}

.p-message__member {
    position: relative;
    z-index: 1;
    width: 100%;
    background: #b6c4cb;
    background: linear-gradient(300deg, #b6c4cb 0, #eaf0eb 100%)
}

.p-message__memberArea {
    max-width: 1200px;
    margin: 0 auto
}

.p-message__personImage img {
    width: 100%
}

.p-message__text {
    margin-top: 1.5em
}

.p-message__pickup {
    display: block;
    font-weight: 500;
    letter-spacing: .1em
}

.p-message__position {
    display: block;
    letter-spacing: .1em
}

.p-message__name {
    display: block;
    letter-spacing: .1em
}

.p-message__eyelash {
    position: relative;
    z-index: 1;
    background-color: #fff
}

.p-message__eyelashInner {
    display: block;
    max-width: 800px;
    margin: 0 auto
}

.p-message__eyelashTitle {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    font-weight: 500;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: .1em
}

.p-message__eyelashSentence {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 2.3em;
    letter-spacing: .1em;
    letter-spacing: .01em
}

.p-message__eyelashBlock {
    display: block;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    line-height: 1.8em
}

.p-message__eyelashBlock__list {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif
}

.p-message__eyelashBlock__list li {
    margin-top: 1em
}

.p-message__eyelashBlock__list li:first-child {
    margin: 0
}

.p-message__eyelashImage img {
    width: 100%
}

.p-message__modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .8)
}

.p-message__modal.open {
    display: block;
    -webkit-animation: fade-in .7s ease-in-out;
    animation: fade-in .7s ease-in-out;
    -webkit-animation-duration: .7s;
    animation-duration: .7s
}

.p-message__modal.fadeout {
    -webkit-animation: fade-out .7s ease-in-out;
    animation: fade-out .7s ease-in-out
}

.p-message__modalcontent {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 100%;
    max-width: 980px;
    max-height: 552px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.p-message__modalBody {
    position: relative;
    width: 100%;
    height: 100%
}

.p-message__modalBody iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-message__modalclose {
    position: absolute;
    top: -2.5em;
    right: -4em;
    z-index: 10;
    width: 50px;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-message__modalclose:hover {
    opacity: .6;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-message__modalclose img {
    width: 100%
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    99% {
        display: block;
        opacity: 0
    }

    100% {
        display: none;
        opacity: 0
    }
}

.p-howto {
    width: 100%;
    background-color: #eaeef0
}

.p-howto__intro {
    position: relative;
    width: 100%;
    background-color: #fff;
    background-image: url(/lashprogram/assets/img/bg_watar.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.p-howto__item {
    position: relative;
    background-repeat: no-repeat
}

.p-howto__item.shot {
    background-color: #e2c389;
    background-image: url(/lashprogram/assets/img/text_shot_colum.svg)
}

.p-howto__item.approach {
    background-color: #b8c6d0;
    background-image: url(/lashprogram/assets/img/text_approach_colum.svg)
}

.p-howto__itemArea {
    background-color: #fff
}

.p-howto__changeItem,
.p-howto__changeItem-f {
    display: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    opacity: 0
}

@keyframes fadeIn {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: block;
        opacity: 0
    }

    100% {
        display: block;
        opacity: 1
    }
}

.p-howto__changeItem-f.is-show-f,
.p-howto__changeItem.is-show {
    display: block;
    opacity: 1;
    -webkit-animation: fadeIn 1s ease-in-out forwards;
    animation: fadeIn 1s ease-in-out forwards
}

.p-howto__image {
    width: 100%;
    height: auto;
    text-align: center
}

.p-howto__image img {
    width: 100%;
    height: auto
}

.p-howto__button,
.p-howto__button-f {
    display: inline-block;
    font-weight: 600;
    color: #ddd;
    text-align: center;
    letter-spacing: .1em;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-howto__button-f.is-active-f {
    color: #fff;
    background-color: #e2c389;
    border: 1px solid #e2c389
}

.p-howto__button.is-active {
    color: #fff;
    background-color: #b8c6d0;
    border: 1px solid #b8c6d0
}

.p-howto__head {
    text-align: center
}

.p-howto__subtitle {
    display: block;
    letter-spacing: .1em;
    letter-spacing: .03em
}

.p-howto__plus.is-open::after {
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-howto__research {
    position: relative;
    z-index: 3;
    background-color: #eaeef0
}

.p-howto__research .c-heading__primary {
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Yu Gothic', Meiryo, sans-serif;
    font-weight: 700;
    color: #222;
    letter-spacing: .1em
}

.p-howto__head {
    margin: 0 auto
}

.p-howto__researchRead {
    letter-spacing: .1em
}

.p-howto__graphFlex {
    margin: 0 auto
}

.p-howto__graphItem {
    overflow: hidden;
    background-color: #fff
}

.p-howto__graphTitle {
    color: #fff;
    text-align: center;
    background-color: #03a3de
}

.p-howto__graphContents {
    vertical-align: middle
}

.p-howto__graphText {
    line-height: 1.6;
    text-align: center;
    letter-spacing: .1em
}

.p-howto__researchGaiyou {
    line-height: 1.5;
    color: #707070;
    letter-spacing: .1em;
    letter-spacing: 0
}

.p-howto__comment {
    position: relative;
    z-index: 1;
    background-color: #eaeef0
}

.p-howto__comment .c-heading__primary {
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Yu Gothic', Meiryo, sans-serif;
    font-weight: 700;
    letter-spacing: .1em
}

.p-howto__comment_wrap {
    margin: 0 auto;
    background-color: #fff
}

.p-howto__commentImage img {
    width: 100%
}

.p-howto__commentWrapup {
    font-weight: 700;
    letter-spacing: .1em;
    letter-spacing: .02em
}

.p-howto__commentDetail {
    line-height: 1.8em;
    letter-spacing: .1em
}

.p-values {
    position: relative;
    width: 100%;
    background-color: #fff
}

.p-values .swiper {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 auto;
    overflow: visible
}

.p-values .swiper-scrollbar {
    position: static !important;
    position: initial !important;
    height: 3px !important;
    margin: 0 auto;
    overflow: visible !important;
    background-color: #ddd !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.p-values .swiper-scrollbar-drag {
    top: -1px !important;
    height: 3px;
    background-color: #8b9ca5;
    border: none
}

.p-values__body {
    overflow: hidden
}

.p-values__head {
    text-align: center
}

.p-values__text {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    text-align: center
}

.p-values__title {
    letter-spacing: .1em
}

.p-values__intro {
    line-height: 1.8;
    letter-spacing: .1em;
    letter-spacing: 0
}

.p-values__test {
    letter-spacing: .1em
}

.p-values__testItem {
    display: inline-block
}

.p-values__testImage img {
    width: 100%
}

.p-values__testName {
    letter-spacing: .1em
}

.p-values__readMore {
    display: block;
    font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Arial, 'Yu Gothic', Meiryo, sans-serif;
    text-align: center;
    letter-spacing: .1em;
    border-bottom: solid 1px #222;
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-values__readMore:hover {
    opacity: .6;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.p-sns {
    position: relative;
    background-color: #fff
}

.p-sns__container {
    text-align: center
}

.p-sns__title {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, '游明朝 Medium', 'Yu Mincho Medium', '游明朝', 'Yu Mincho', 'Noto Serif JP', serif;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: .1em;
    letter-spacing: .04em
}

.p-sns__subTitle {
    display: block;
    letter-spacing: .1em;
    letter-spacing: .03em
}

.p-sns__text {
    line-height: 1.8em;
    letter-spacing: .1em;
    letter-spacing: .03em
}

.p-sns__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: center
}

.p-sns__item {
    display: inline-block;
    opacity: 1;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

.p-sns__item:nth-child(1) {
    margin-left: 0
}

.p-sns__btn {
    display: inline-block;
    width: 100%;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1em;
    border: 1px solid #707070;
    -webkit-transition: ease-in-out .3s;
    transition: ease-in-out .3s
}

.p-sns__btnImage {
    margin: 0 auto
}

@media (prefers-color-scheme:light) {
    :root {
        --color-base: #ffffff;
        --color-bg: #3b3f43;
        --color-main: #032f40;
        --color-sub: #011c26;
        --color-point: #5c7073
    }
}

@media (prefers-color-scheme:dark) {
    :root {
        --color-base: #000;
        --color-bg: #3b3f43;
        --color-main: #287496;
        --color-sub: #37a1d0;
        --color-point: #d0b737
    }
}

@media only screen and (max-width:767px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    body {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .l-footer__pagetop {
        height: 15vw
    }

    .l-footer__share__heading {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .l-footer__share__lists {
        padding-left: 5vw
    }

    .l-footer__share__lists>.list+.list {
        padding-left: 5vw
    }

    .l-footer__nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .l-footer__nav__heading {
        width: 50vw
    }

    .l-footer__nav__heading img {
        width: 100%
    }

    .l-footer__nav__lists {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .l-footer__nav__lists {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 8vw
    }

    .l-footer__nav__lists>.list {
        flex-basis: 50%;
        max-width: 50%;
        text-align: center;
        -ms-flex-preferred-size: 50%
    }

    .l-footer__nav__lists>.list>a {
        display: block;
        padding: 3vw 0
    }

    .l-footer__copyright>p {
        font-size: 1rem;
        font-size: 2.66667vw
    }

    .l-header__inner {
        height: 14vw
    }

    .l-header__upper__logo {
        width: 38vw
    }

    .c-heading__primary {
        font-size: 2rem;
        font-size: 5.33333vw
    }

    .c-heading__primary {
        line-height: 1.6
    }

    .c-heading__primary {
        line-height: 1.5
    }

    .c-heading__secondary {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-hero {
        height: calc(100vh - 14vw)
    }

    .p-leadblock {
        height: calc(80vh - 14vw);
        padding: 15vw 0 15vw
    }

    .p-leadblock__logo {
        width: 74.7vw;
        padding: 0 5vw;
        margin: 0 auto
    }

    .p-leadblock__body {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-leadblock__body {
        letter-spacing: 0
    }

    *+.p-leadblock__body {
        margin-top: 5vw
    }

    .p-product {
        padding: 12.8vw 5vw 19vw
    }

    *+.p-product__heading {
        margin-top: 12vw
    }

    .p-product__heading__logo {
        padding: 0 5vw
    }

    .p-product__heading__text {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    *+.p-product__content {
        margin-top: 10vw
    }

    *+.p-product__body {
        margin-top: 12vw
    }

    .p-product__image {
        width: 57vw;
        height: auto;
        -webkit-box-shadow: 4vw 3vw 4vw rgba(0, 0, 0, .16);
        box-shadow: 4vw 3vw 4vw rgba(0, 0, 0, .16)
    }

    .p-product__lists {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-product__lists {
        padding: 0 2vw;
        margin-right: -5vw;
        margin-left: -5vw
    }

    *+.p-product__lists {
        margin-top: 7vw
    }

    *+.p-product__under {
        padding-top: 10vw;
        margin-top: 10vw;
        border-top: solid 1px #c4ced6
    }

    .p-product__under__body {
        font-size: 1.5rem;
        font-size: 4vw
    }

    *+.p-product__under__body {
        margin-top: 5vw
    }

    .p-product__under__postage {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-product__under__tag {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-product__list__extra>img {
        height: 1.1em
    }

    .p-product__list__text {
        padding-top: 2vw;
        font-size: 1.2rem;
        font-size: 3.2vw;
        line-height: 1.7;
        letter-spacing: .1em
    }

    *+.p-product__btn__area {
        margin-top: 1.5em
    }

    .p-product__btn__area{
        display: grid;
        gap: 20px;
    }

    .p-product__btn__area__title{
        margin-top: 2.5em;
        text-align: center;
        color: #222222;
        font-size: 1.4rem;
    }

    .p-product__btn {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-product__btn {
        width: 100%;
        height: 4.3em
    }

    .p-product__copy {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-product__copy {
        margin-top: 14vw
    }

    .p-feature__upper {
        padding: 12.8vw 5vw
    }

    *+.p-feature__upper__head {
        margin-top: 10vw
    }

    .p-feature__upper__heading {
        font-size: 1.5rem;
        font-size: 4vw
    }

    *+.p-feature__upper__body {
        margin-top: 7vw
    }

    .p-feature__upper__lists {
        padding-bottom: 20vw;
        margin: 0 -2vw
    }

    .p-feature__upper__lists>.list {
        padding: 0 2vw
    }

    .p-feature__upper__list {
        padding-bottom: 10vw
    }

    .p-feature__upper__image.is-shot {
        padding: 5vw 15vw
    }

    .p-feature__upper__image.is-approach {
        padding: 5vw 14vw
    }

    .p-feature__upper__tag {
        font-size: 1.5rem;
        font-size: 4vw
    }

    .p-feature__upper__tag {
        padding: 2vw 0
    }

    .p-feature__upper__text>.is-en {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .p-feature__upper__text>.is-ja {
        font-size: 1rem;
        font-size: 2.66667vw
    }

    .p-feature__upper__text {
        padding-top: 3vw
    }

    .p-feature__upper__text>.is-en>img {
        height: 5vw;
        padding-top: 1vw
    }

    .p-feature__upper__text>.is-ja {
        padding-top: 3vw
    }

    .p-feature__upper__more {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-feature__upper__more {
        bottom: -22vw
    }

    .p-feature__upper__more::before {
        bottom: 8vw;
        width: 4vw;
        height: 24vw
    }

    .p-feature__item__image {
        padding: 5vw 0
    }

    .p-feature__item__image__inner {
        width: 20vw
    }

    .p-feature__item__content {
        padding: 10vw 5vw 15vw
    }

    .p-feature__item__content__inner .p-feature__upper__tag {
        padding: 2vw 3vw
    }

    .p-feature__item__brandname {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-feature__item__name>.is-ja {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    *+.p-feature__item__name {
        margin-top: 2vw
    }

    .p-feature__item__name>.is-en>img {
        width: auto;
        height: 8vw
    }

    .p-feature__item__name>.is-ja {
        padding-left: 2vw
    }

    .p-feature__item__heading {
        font-size: 2rem;
        font-size: 5.33333vw
    }

    *+.p-feature__item__body {
        margin-top: 10vw
    }

    .p-feature__item__point {
        font-size: 1.5rem;
        font-size: 4vw
    }

    *+.p-feature__item__ex {
        margin-top: 5vw
    }

    .p-feature__item__ex+.p-feature__item__ex {
        margin-top: 12vw
    }

    *+.p-feature__item__ex-ano {
        padding-top: 8vw;
        margin-top: 12vw
    }

    .p-feature__item__ex-ano::before {
        width: 35vw
    }

    *+.p-feature__item__ex__dd {
        margin-top: 3vw
    }

    .p-feature__item__ex__dd+.p-feature__item__ex__dd {
        margin-top: 4vw
    }

    .p-feature__item__ex__text {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-feature__item__ex__text {
        width: 80%
    }

    .p-feature__item__ex__image {
        float: right;
        width: 25vw
    }

    .p-feature__item__ex__lists>.list {
        font-size: 1.1rem;
        font-size: 2.93333vw
    }

    *+.p-feature__item__ex__lists {
        margin-top: 5vw
    }

    .p-feature__item__ex__heading {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    *+.p-feature__item__ex__heading {
        margin-top: 7vw
    }

    *+.p-feature__item__ex__content {
        margin-top: 1vw
    }

    .p-feature__item__ex__caption {
        font-size: 1.1rem;
        font-size: 2.93333vw
    }

    .p-feature__material {
        margin-top: 8vw
    }

    .p-feature__materialBtn {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-feature__materialBtn {
        padding-right: 7.5vw;
        background-size: 4.8vw 4.8vw
    }

    .p-feature__materialText {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .p-feature__materialText {
        margin-top: 8vw
    }

    .p-faq {
        padding: 12.8vw 0 19vw
    }

    .p-faq__content {
        padding: 0 5vw
    }

    *+.p-faq__head {
        margin-top: 13vw
    }

    .p-faq__heading {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-faq__heading {
        padding-top: 8vw;
        line-height: 1.8;
        text-align: left;
        letter-spacing: .02em
    }

    *+.p-faq__body {
        padding: 0 0 18.7vw;
        margin-top: 18.7vw
    }

    .p-faq__about {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-faq__about {
        padding-bottom: 8vw
    }

    .p-faq__about.second {
        margin-top: 18.7vw
    }

    .p-faq__list__item {
        padding-bottom: 5.3vw
    }

    .p-faq__list__question {
        font-size: 1.5rem;
        font-size: 4vw
    }

    .p-faq__list__question {
        display: block;
        padding: 8vw 6.6vw
    }

    .p-faq__plus {
        position: absolute;
        top: 11vw;
        right: 6.6vw;
        width: 5.3vw;
        height: 5.3vw
    }

    .p-faq__plus::before {
        width: 5.3vw;
        height: 1px
    }

    .p-faq__plus::after {
        left: 2.65vw;
        width: 1px;
        height: 5.3vw
    }

    .p-faq__list__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .p-faq__list__answer {
        padding: 8vw 6.6vw
    }

    .p-faq__alpha {
        font-size: 2.6rem;
        font-size: 6.93333vw
    }

    .p-faq__alpha {
        padding-bottom: 5.3vw
    }

    .p-faq__text {
        font-size: 1.5rem;
        font-size: 4vw
    }

    .p-faq__textInfo {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-faq__textInfo {
        padding: 0 0 4.5vw
    }

    .p-faq__btn__area {
        padding: 0 5vw 0
    }

    .p-faq__btn {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-faq__btn {
        width: 100%;
        height: 4.3em
    }

    .p-message .swiper-member {
        width: 100%
    }

    .p-message .swiper-scrollbar {
        width: 100% !important;
        height: 1px !important;
        margin-top: 4em !important
    }

    .p-message__top.is-fixed-message {
        height: 80vw
    }

    .p-message__topInner {
        height: 80vw;
        padding: 13vw 5vw 17vw;
        background-image: url(/lashprogram/assets/img/img_message_sp.jpg)
    }

    .p-message__text .c-heading__primary {
        font-size: 3rem;
        font-size: 8vw
    }

    .p-message__heading {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-message__heading {
        margin-top: 15vw;
        line-height: 1.8em;
        letter-spacing: .02em
    }

    .p-message__video {
        height: 100vw
    }

    .p-message__show {
        top: 50%;
        left: 50%;
        width: auto;
        height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .p-message__member {
        padding: 18.7vw 5vw 18.75vw
    }

    .p-message__pickup {
        font-size: 1.5rem;
        font-size: 4vw
    }

    .p-message__pickup {
        margin-top: 5vw
    }

    .p-message__position {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .p-message__position {
        margin-top: 4.2vw
    }

    .p-message__name {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-message__name {
        margin-top: 1.1vw
    }

    .p-message__eyelash {
        padding: 18vw 5vw
    }

    .p-message__eyelashText {
        width: 100%
    }

    .p-message__eyelashTitle {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-message__eyelashTitle {
        padding-bottom: 10vw;
        letter-spacing: .06em
    }

    .p-message__eyelashSentence {
        font-size: 1.5rem;
        font-size: 4vw
    }

    .p-message__eyelashSentence {
        margin-top: 6.6vw
    }

    .p-message__eyelashBlock {
        padding-top: 1.8em
    }

    .p-message__modalcontent {
        height: 63vh
    }

    .p-howto__intro {
        padding: 15vw 5vw 19vw
    }

    .p-howto__content {
        margin: 10.7vw auto 0
    }

    .p-howto__item {
        width: 100%;
        max-width: none;
        padding: 2.7vw 2.7vw 2.7vw 15vw;
        background-position: 6vw 7vw;
        background-size: 2.7vw
    }

    .p-howto__item.approach {
        margin-top: 8vw
    }

    .p-howto__itemArea {
        padding: 0 0 4.5vw 0
    }

    .p-howto__buttonGroup {
        text-align: center
    }

    .p-howto__button,
    .p-howto__button-f {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-howto__button,
    .p-howto__button-f {
        width: 26.66667vw;
        height: 10.66667vw;
        margin: 0 1.06667vw;
        line-height: 10.66667vw
    }

    *+.p-howto__head {
        margin-top: 13vw
    }

    .p-howto__subtitle {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-howto__research {
        padding: 11vw 5vw 11vw
    }

    .p-howto__research .c-heading__primary {
        font-size: 2rem;
        font-size: 5.33333vw
    }

    .p-howto__head {
        width: 100%
    }

    .p-howto__researchRead {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-howto__researchRead {
        margin-top: 5vw;
        line-height: 1.7;
        text-align: left
    }

    .p-howto__graphFlex {
        margin-top: 11vw
    }

    .p-howto__graphItem {
        width: 100%;
        margin-bottom: 6.7vw;
        border-radius: 4vw
    }

    .p-howto__graphTitle {
        height: 21.9vw;
        padding: 5vw 0
    }

    .p-howto__graphTitle img {
        width: auto;
        height: 11.7vw
    }

    .p-howto__graphContents {
        padding: 5vw 4.5vw 6.1vw
    }

    .p-howto__graphText {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-howto__graphText {
        height: 10.7vw;
        margin-bottom: 5vw
    }

    .p-howto__researchGaiyou {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .p-howto__researchGaiyou {
        width: 100%;
        margin: 5vw auto 0
    }

    .p-howto__comment {
        padding: 15vw 5vw 11vw
    }

    .p-howto__comment .c-heading__primary {
        font-size: 2rem;
        font-size: 5.33333vw
    }

    .p-howto__comment_wrap {
        padding: 12vw 6.67vw;
        border-radius: 4vw
    }

    .p-howto__commentFlex {
        margin: 10vw auto 0
    }

    .p-howto__commentImage {
        width: 66.7vw;
        margin: 0 auto
    }

    .p-howto__commentText {
        width: 100%;
        margin-top: 8vw
    }

    .p-howto__commentWrapup {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-howto__commentDetail {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-howto__commentDetail {
        margin-top: 5vw;
        letter-spacing: .025em
    }

    .p-values {
        padding: 12.8vw 0 19vw
    }

    .p-values .swiper {
        width: 100%;
        padding: 0 5vw
    }

    .p-values .swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events {
        margin-left: 0
    }

    .p-values .swiper-scrollbar {
        width: 100% !important;
        margin-top: 8vw !important
    }

    .p-values__container {
        padding: 0 5vw 0
    }

    .p-values__body {
        margin-top: 10.7vw
    }

    .p-values__head {
        padding: 0 5vw 0;
        margin-top: 13vw
    }

    .p-values__text {
        margin-top: 13vw
    }

    .p-values__title {
        font-size: 1.8rem;
        font-size: 4.8vw
    }

    .p-values__intro {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-values__intro {
        padding: 0 5vw;
        margin-top: 7vw;
        text-align: left
    }

    .p-values__test {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-values__test {
        width: 100%;
        margin-top: 10vw
    }

    .p-values__testItem {
        margin: 0 3.7vw 3.4vw
    }

    .p-values__testItem:nth-child(1) {
        margin-left: 0
    }

    .p-values__testItem:nth-child(3) {
        margin-right: 0
    }

    .p-values__testItem img {
        width: 100%
    }

    .p-values__testImage {
        width: 24vw
    }

    .p-values__testName {
        font-size: 1.2rem;
        font-size: 3.2vw
    }

    .p-values__testName {
        margin-top: 3.4vw
    }

    .p-values__readMore {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-values__readMore {
        width: 22.4vw;
        margin: 6vw auto 0
    }

    .p-sns {
        padding: 18.7vw 5vw
    }

    .p-sns__title {
        font-size: 3rem;
        font-size: 8vw
    }

    .p-sns__title {
        padding-bottom: 6vw
    }

    .p-sns__subTitle {
        font-size: 1.4rem;
        font-size: 3.73333vw
    }

    .p-sns__text {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-sns__text {
        padding-bottom: 5vw
    }

    .p-sns__list {
        padding-bottom: 13vw
    }

    .p-sns__item {
        width: 12.8vw;
        height: auto;
        margin: 0 2vw
    }

    .p-sns__item img {
        width: 100%
    }

    .p-sns__btn {
        font-size: 1.3rem;
        font-size: 3.46667vw
    }

    .p-sns__btn {
        padding: 6vw
    }

    .p-sns__btnImage {
        width: 37vw
    }
}

@media all and (min-width:768px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    body {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    a {
        -webkit-transition: all .6s ease;
        transition: all .6s ease
    }

    .l-footer__area a:hover {
        opacity: .6
    }

    .l-footer__pagetop {
        height: 3em
    }

    .l-footer__share__heading {
        font-size: 1.2rem;
        font-size: 1.17188vw
    }

    .l-footer__share__lists {
        padding-left: 2em
    }

    .l-footer__share__lists>.list+.list {
        padding-left: 1em
    }

    .l-footer__nav {
        align-items: center;
        justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .l-footer__nav__heading {
        width: 9em
    }

    .l-footer__nav__heading>a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .l-footer__nav__lists {
        font-size: 1.2rem;
        font-size: 1.17188vw
    }

    .l-footer__nav__lists {
        padding-left: 4em
    }

    .l-footer__nav__lists>.list+.list {
        margin-left: 2.5em
    }

    .l-footer__copyright>p {
        font-size: 1rem;
        font-size: .97656vw
    }

    .l-header__inner {
        height: 4em
    }

    .l-header__inner a:hover {
        opacity: .5
    }

    .l-header__upper__logo {
        width: 10em
    }

    .c-heading__primary {
        font-size: 3.6rem;
        font-size: 3.51562vw
    }

    .c-heading__extra {
        position: absolute;
        top: 7em;
        left: 4em;
        z-index: 0;
        height: 1.1em;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .c-heading__extra>img {
        display: block;
        width: auto;
        height: 100%
    }

    .c-heading__secondary {
        font-size: 1.8rem;
        font-size: 1.75781vw
    }

    .p-hero {
        height: calc(100vh - 4em)
    }

    .p-leadblock {
        max-width: calc(980px + 8em);
        height: calc(100vh - 4em);
        padding: 6em 4em 8em;
        margin-right: auto;
        margin-left: auto
    }

    .p-leadblock__logo {
        width: 326px;
        margin: 0 auto
    }

    .p-leadblock__body {
        font-size: 1.8rem;
        font-size: 1.75781vw
    }

    .p-leadblock__body {
        letter-spacing: .012em
    }

    *+.p-leadblock__body {
        margin-top: 3em
    }

    .p-product {
        padding: 8em 0
    }

    *+.p-product__heading {
        padding-bottom: 4em;
        margin-top: 0
    }

    .p-product__heading__logo {
        width: 24.375em
    }

    .p-product__heading__text {
        font-size: 2rem;
        font-size: 1.95312vw
    }

    .p-product__content {
        max-width: calc(750px + 8em);
        padding: 0 4em;
        margin-right: auto;
        margin-left: auto
    }

    *+.p-product__body {
        margin-top: 3.5em
    }

    .p-product__image {
        width: 556px;
        height: 560px;
        -webkit-box-shadow: 30px 20px 30px rgba(0, 0, 0, .16);
        box-shadow: 30px 20px 30px rgba(0, 0, 0, .16)
    }

    .p-product__lists {
        font-size: 1.4rem;
        font-size: 1.36719vw
    }

    *+.p-product__lists {
        margin-top: 4em
    }

    *+.p-product__under {
        padding-top: 2em;
        margin-top: 4em;
        border-top: solid 1px #c4ced6
    }

    .p-product__under__body {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    *+.p-product__under__body {
        margin-top: 1.5em
    }

    .p-product__under__postage {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-product__under__tag {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-product__list__extra>img {
        height: 1em
    }

    .p-product__list__text {
        padding-top: .5em;
        line-height: 1.8
    }

    *+.p-product__btn__area {
        margin-top: 1.5em
    }

    .p-product__btn__area__title{
        margin-top: 2.5em;
        text-align: center;
        color: #222222;
        font-size: 1.4rem;
    }

    .p-product__btn__area{
        display: flex;
        gap: 20px;
    }

    .p-product__btn {
        min-width: 22.5em
    }

    .p-product__btn:hover {
        opacity: .8
    }

    .p-product__copy {
        font-size: 2.8rem;
        font-size: 2.73438vw
    }

    .p-product__copy {
        margin-top: 2.5em
    }

    .p-feature__upper {
        position: relative;
        padding: 8em 0
    }

    .p-feature__upper__heading {
        font-size: 1.8rem;
        font-size: 1.75781vw
    }

    .p-feature__upper__body {
        max-width: calc(750px + 8em);
        padding: 0 4em;
        margin-right: auto;
        margin-left: auto
    }

    *+.p-feature__upper__body {
        margin-top: 3em
    }

    .p-feature__upper__lists {
        padding-bottom: 7vw
    }

    .p-feature__upper__lists>.list {
        padding: 0 1em
    }

    .p-feature__upper__list {
        padding: 2.5em 2em 6em
    }

    .p-feature__upper__list:hover {
        -webkit-box-shadow: 0 .3em .3em rgba(0, 0, 0, .1);
        box-shadow: 0 .3em .3em rgba(0, 0, 0, .1);
        -webkit-transform: translate3d(0, .5em, 0);
        transform: translate3d(0, .5em, 0)
    }

    .p-feature__upper__image.is-shot {
        padding: 2em 6em
    }

    .p-feature__upper__image.is-approach {
        padding: 2em 5.5em
    }

    .p-feature__upper__tag {
        font-size: 1.8rem;
        font-size: 1.75781vw
    }

    .p-feature__upper__tag {
        padding: .3em 2em
    }

    .p-feature__upper__text>.is-en {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    .p-feature__upper__text>.is-ja {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-feature__upper__text>.is-en>img {
        height: 2.4em;
        padding-top: .4em
    }

    .p-feature__upper__text>.is-ja {
        padding-top: .8em
    }

    .p-feature__upper__more {
        font-size: 1.4rem;
        font-size: 1.36719vw
    }

    .p-feature__upper__more {
        bottom: -7em;
        -webkit-transition: all .4s ease .1s;
        transition: all .4s ease .1s
    }

    .p-feature__upper__more::before {
        bottom: 3em;
        width: 1.4em;
        height: 8em
    }

    .p-feature__upper__list:hover .p-feature__upper__more {
        -webkit-transform: translate3d(0, 2em, 0);
        transform: translate3d(0, 2em, 0)
    }

    .p-feature__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .p-feature__item.is-approach {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .p-feature__item__image {
        flex-basis: 50%;
        max-width: 50%;
        -ms-flex-preferred-size: 50%
    }

    .p-feature__item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-basis: 50%;
        max-width: 50%;
        padding: 8em 4em;
        -ms-flex-preferred-size: 50%
    }

    .is-approach .p-feature__item__content {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .p-feature__item__content__inner {
        width: 100%;
        max-width: calc(600px - 4em)
    }

    .p-feature__item__brandname {
        font-size: 2.4rem;
        font-size: 2.34375vw
    }

    .p-feature__item__name>.is-ja {
        font-size: 1.2rem;
        font-size: 1.17188vw
    }

    *+.p-feature__item__name {
        margin-top: .5em
    }

    .p-feature__item__heading {
        font-size: 3rem;
        font-size: 2.92969vw
    }

    *+.p-feature__item__body {
        margin-top: 3em
    }

    .p-feature__item__point {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    *+.p-feature__item__ex {
        margin-top: 1em
    }

    .p-feature__item__ex+.p-feature__item__ex {
        margin-top: 3em
    }

    *+.p-feature__item__ex-ano {
        padding-top: 2em;
        margin-top: 2.5em
    }

    .p-feature__item__ex-ano::before {
        width: 12em
    }

    *+.p-feature__item__ex__dd {
        margin-top: 1em
    }

    .p-feature__item__ex__dd+.p-feature__item__ex__dd {
        margin-top: 1.5em
    }

    .p-feature__item__ex__text {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-feature__item__ex__image {
        width: 8em;
        padding-left: 1em
    }

    .p-feature__item__ex__lists>.list {
        font-size: 1.1rem;
        font-size: 1.07422vw
    }

    *+.p-feature__item__ex__lists {
        margin-top: .8em
    }

    .p-feature__item__ex__heading {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    *+.p-feature__item__ex__heading {
        margin-top: 1.2em
    }

    *+.p-feature__item__ex__content {
        margin-top: .3em
    }

    .p-feature__item__ex__caption {
        font-size: 1.1rem;
        font-size: 1.07422vw
    }

    .p-feature__material {
        margin-top: 2em
    }

    .p-feature__materialBtn {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-feature__materialBtn {
        padding-right: 28px
    }

    .p-feature__materialText {
        font-size: 1.2rem;
        font-size: 1.17188vw
    }

    .p-feature__materialText {
        margin-top: 2em
    }

    .p-faq {
        padding: 8em 0
    }

    .p-faq__content {
        max-width: calc(980px + 8em);
        padding: 0 4em;
        margin-right: auto;
        margin-left: auto;
        text-align: center
    }

    .p-faq__heading {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-faq__body {
        max-width: calc(980px + 8em);
        padding: 0 4em;
        margin-right: auto;
        margin-left: auto
    }

    *+.p-faq__body {
        margin-top: 5em
    }

    .p-faq__about {
        font-size: 2rem;
        font-size: 1.95312vw
    }

    .p-faq__about {
        padding-bottom: 1.5em
    }

    .p-faq__about.second {
        margin-top: 4em
    }

    .p-faq__list__item {
        padding: 0 0 .78em
    }

    .p-faq__list__question {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-faq__list__question {
        padding: 2em
    }

    .p-faq__list__question:hover {
        opacity: .5;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }

    .p-faq__plus {
        width: 20px;
        height: 20px
    }

    .p-faq__plus::before {
        width: 20px;
        height: 1px
    }

    .p-faq__plus::after {
        left: 10px;
        width: 1px;
        height: 20px
    }

    .p-faq__list__answer {
        padding: 2em
    }

    .p-faq__alpha {
        font-size: 3rem;
        font-size: 2.92969vw
    }

    .p-faq__textlink {
        opacity: 1;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .p-faq__textlink:hover {
        opacity: .6;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .p-faq__text {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-faq__textInfo {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-faq__textInfo {
        padding-bottom: 1.25em
    }

    .p-faq__btn {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    .p-faq__btn {
        min-width: 22.5em
    }

    .p-faq__btn:hover {
        background-color: rgba(255, 255, 255, .8)
    }

    .p-message .swiper-member {
        max-width: 1200px
    }

    .p-message .swiper-scrollbar {
        width: 720px !important;
        height: 1px !important;
        margin-top: 4em !important
    }

    .p-message__top.is-fixed-message {
        height: 640px
    }

    .p-message__topInner {
        height: 640px;
        padding: 8em 0;
        background-image: url(/lashprogram/assets/img/img_message.jpg)
    }

    .p-message__text {
        margin-top: 0
    }

    .p-message__text .c-heading__primary {
        font-size: 4.8rem;
        font-size: 4.6875vw
    }

    .p-message__heading {
        font-size: 1.8rem;
        font-size: 1.75781vw
    }

    .p-message__video {
        height: 34.375vw
    }

    .p-message__show {
        width: 100%;
        height: auto
    }

    .p-message__member {
        padding: 6.25em 4em 8em
    }

    .p-message__memberArea .swiper-slide {
        width: 18%;
        margin-left: 20px
    }

    .p-message__pickup {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-message__pickup {
        margin-top: 1.4em
    }

    .p-message__position {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-message__position {
        margin-top: 1.25em
    }

    .p-message__name {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-message__name {
        margin-top: .25em
    }

    .p-message__eyelash {
        padding: 8em 4em
    }

    .p-message__eyelashInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-message__eyelashText {
        width: 33em
    }

    .p-message__eyelashTitle {
        font-size: 3.6rem;
        font-size: 3.51562vw
    }

    .p-message__eyelashTitle {
        padding-bottom: 1.6em
    }

    .p-message__eyelashSentence {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-message__eyelashBlock {
        padding-top: 2em
    }

    .p-message__eyelashImage {
        width: 70%
    }

    .p-message__modalcontent {
        height: 80%
    }

    .p-howto__intro {
        padding: 8em 4em
    }

    .p-howto__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        max-width: 980px;
        margin: 4em auto 0;
        text-align: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify
    }

    .p-howto__item {
        width: 48%;
        max-width: 48%;
        padding: 13px 13px 13px 80px;
        background-position: 30px 20px
    }

    .p-howto__itemArea {
        padding: 0 0 21px 0
    }

    .p-howto__button,
    .p-howto__button-f {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-howto__button,
    .p-howto__button-f {
        width: 129px;
        height: 40px;
        line-height: 40px
    }

    .p-howto__button-f.is-active-f:hover {
        opacity: .8
    }

    .p-howto__button-f:hover {
        color: #fff;
        background-color: rgba(226, 195, 137, .5);
        border: 1px solid rgba(226, 195, 137, .5);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .p-howto__button.is-active:hover {
        opacity: .8
    }

    .p-howto__button:hover {
        color: #fff;
        background-color: rgba(184, 198, 208, .5);
        border: 1px solid rgba(184, 198, 208, .5);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out
    }

    .p-howto__subtitle {
        font-size: 3rem;
        font-size: 2.92969vw
    }

    .p-howto__subtitle {
        padding-top: .2em
    }

    .p-howto__research {
        padding: 4em 4em 8em
    }

    .p-howto__research .c-heading__primary {
        font-size: 3.6rem;
        font-size: 3.51562vw
    }

    .p-howto__head {
        max-width: 980px
    }

    .p-howto__researchRead {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-howto__researchRead {
        margin-top: 1.25em;
        line-height: 2;
        text-align: center
    }

    .p-howto__graphFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 980px;
        margin-top: 3.75em
    }

    .p-howto__graphItem {
        width: 48%;
        max-width: 470px;
        height: 81%;
        max-height: 519px;
        border-radius: 15px
    }

    .p-howto__graphItem:nth-child(1) {
        margin-bottom: 2.5em
    }

    .p-howto__graphItem:nth-child(2) {
        margin-top: 8em;
        margin-bottom: 2.5em
    }

    .p-howto__graphItem:nth-child(3) {
        margin-top: -8em
    }

    .p-howto__graphTitle {
        padding: 1.68em 1em
    }

    .p-howto__graphContents {
        padding: 1.68em 3em 3em
    }

    .p-howto__graphText {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-howto__graphText {
        height: 3.1em;
        margin-bottom: 1.7em
    }

    .p-howto__researchGaiyou {
        font-size: 1.2rem;
        font-size: 1.17188vw
    }

    .p-howto__researchGaiyou {
        max-width: 980px;
        margin: 6em auto 0
    }

    .p-howto__comment {
        padding: 8em 4em 4em
    }

    .p-howto__comment .c-heading__primary {
        font-size: 3.6rem;
        font-size: 3.51562vw
    }

    .p-howto__comment_wrap {
        max-width: 980px;
        padding: 5em 4.375em;
        border-radius: 1.25em
    }

    .p-howto__commentFlex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        max-width: 980px;
        margin: 4em auto 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify
    }

    .p-howto__commentImage {
        width: 29.8%;
        max-width: 250px
    }

    .p-howto__commentText {
        width: 61.4%
    }

    .p-howto__commentWrapup {
        font-size: 2.4rem;
        font-size: 2.34375vw
    }

    .p-howto__commentDetail {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-howto__commentDetail {
        margin-top: 1.56em;
        letter-spacing: 0
    }

    .p-values {
        padding: 8em 0
    }

    .p-values .swiper {
        max-width: calc(1200px + 8em);
        padding: 0 4em;
        margin-top: 4.5em
    }

    .p-values .swiper-slide {
        width: 49%
    }

    .p-values .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .p-values .swiper-scrollbar {
        width: 100% !important;
        margin-top: 4em !important
    }

    .p-values__head {
        padding: 0 4em
    }

    .p-values__text {
        margin-top: 5em
    }

    .p-values__title {
        font-size: 2.8rem;
        font-size: 2.73438vw
    }

    .p-values__intro {
        font-size: 1.5rem;
        font-size: 1.46484vw
    }

    .p-values__intro {
        margin-top: 1.8em
    }

    .p-values__test {
        font-size: 1.4rem;
        font-size: 1.36719vw
    }

    .p-values__test {
        width: 720px;
        margin: 1.8em auto 0
    }

    .p-values__testItem {
        margin: 0 1.6em
    }

    .p-values__testItem:nth-child(1) {
        margin-left: 0
    }

    .p-values__testItem:nth-child(5) {
        margin-right: 0
    }

    .p-values__testImage {
        width: 100px
    }

    .p-values__testName {
        font-size: 1.4rem;
        font-size: 1.36719vw
    }

    .p-values__testName {
        margin-top: .9em
    }

    .p-values__readMore {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    .p-values__readMore {
        width: 6em;
        margin: 4.2em auto 0
    }

    .p-sns {
        padding: 8em 0
    }

    .p-sns__container {
        max-width: calc(980px + 8em);
        padding: 0 4em;
        margin-right: auto;
        margin-left: auto
    }

    .p-sns__title {
        font-size: 3.6rem;
        font-size: 3.51562vw
    }

    .p-sns__title {
        padding-bottom: .8em
    }

    .p-sns__subTitle {
        font-size: 1.6rem;
        font-size: 1.5625vw
    }

    .p-sns__text {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-sns__text {
        padding-bottom: 2em
    }

    .p-sns__list {
        padding-bottom: 5em
    }

    .p-sns__item {
        margin: 0 .6em
    }

    .p-sns__item:hover {
        opacity: .6;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }

    .p-sns__btn {
        font-size: 1.3rem;
        font-size: 1.26953vw
    }

    .p-sns__btn {
        padding: 1.875em
    }

    .p-sns__btn:hover {
        opacity: .6;
        -webkit-transition: ease-in-out .3s;
        transition: ease-in-out .3s
    }
}

@media only screen and (min-width:1024px) {

    h1,
    h2,
    h3,
    h4 {
        font-size: 1.6rem
    }

    body {
        font-size: 1.6rem
    }

    .l-footer__share__heading {
        font-size: 1.2rem
    }

    .l-footer__nav__lists {
        font-size: 1.2rem
    }

    .l-footer__copyright>p {
        font-size: 1rem
    }

    .c-heading__primary {
        font-size: 3.6rem
    }

    .c-heading__secondary {
        font-size: 1.8rem
    }

    .p-leadblock__body {
        font-size: 1.8rem
    }

    .p-product__heading__text {
        font-size: 2rem
    }

    .p-product__lists {
        font-size: 1.4rem
    }

    .p-product__under__body {
        font-size: 1.5rem
    }

    .p-product__under__postage {
        font-size: 1.3rem
    }

    .p-product__under__tag {
        font-size: 1.3rem
    }

    .p-product__btn {
        font-size: 1.6rem
    }

    .p-product__copy {
        font-size: 2.8rem
    }

    .p-feature__upper__heading {
        font-size: 1.8rem
    }

    .p-feature__upper__tag {
        font-size: 1.8rem
    }

    .p-feature__upper__text>.is-en {
        font-size: 1.6rem
    }

    .p-feature__upper__text>.is-ja {
        font-size: 1.3rem
    }

    .p-feature__upper__more {
        font-size: 1.4rem
    }

    .p-feature__item__brandname {
        font-size: 2.4rem
    }

    .p-feature__item__name>.is-ja {
        font-size: 1.2rem
    }

    .p-feature__item__heading {
        font-size: 3rem
    }

    .p-feature__item__point {
        font-size: 1.5rem
    }

    .p-feature__item__ex__text {
        font-size: 1.3rem
    }

    .p-feature__item__ex__lists>.list {
        font-size: 1.1rem
    }

    .p-feature__item__ex__heading {
        font-size: 1.3rem
    }

    .p-feature__item__ex__caption {
        font-size: 1.1rem
    }

    .p-feature__materialBtn {
        font-size: 1.3rem
    }

    .p-feature__materialText {
        font-size: 1.2rem
    }

    .p-faq__heading {
        font-size: 1.5rem
    }

    .p-faq__about {
        font-size: 2rem
    }

    .p-faq__list__question {
        font-size: 1.5rem
    }

    .p-faq__alpha {
        font-size: 3rem
    }

    .p-faq__text {
        font-size: 1.5rem
    }

    .p-faq__textInfo {
        font-size: 1.3rem
    }

    .p-faq__btn {
        font-size: 1.6rem
    }

    .p-message__text .c-heading__primary {
        font-size: 4.8rem
    }

    .p-message__heading {
        font-size: 1.8rem
    }

    .p-message__pickup {
        font-size: 1.5rem
    }

    .p-message__position {
        font-size: 1.3rem
    }

    .p-message__name {
        font-size: 1.5rem
    }

    .p-message__eyelashTitle {
        font-size: 3.6rem
    }

    .p-message__eyelashSentence {
        font-size: 1.5rem
    }

    .p-howto__button,
    .p-howto__button-f {
        font-size: 1.5rem
    }

    .p-howto__subtitle {
        font-size: 3rem
    }

    .p-howto__research .c-heading__primary {
        font-size: 3.6rem
    }

    .p-howto__researchRead {
        font-size: 1.5rem
    }

    .p-howto__graphText {
        font-size: 1.5rem
    }

    .p-howto__researchGaiyou {
        font-size: 1.2rem
    }

    .p-howto__comment .c-heading__primary {
        font-size: 3.6rem
    }

    .p-howto__commentWrapup {
        font-size: 2.4rem
    }

    .p-howto__commentDetail {
        font-size: 1.5rem
    }

    .p-values__title {
        font-size: 2.8rem
    }

    .p-values__intro {
        font-size: 1.5rem
    }

    .p-values__test {
        font-size: 1.4rem
    }

    .p-values__testName {
        font-size: 1.4rem
    }

    .p-values__readMore {
        font-size: 1.6rem
    }

    .p-sns__title {
        font-size: 3.6rem
    }

    .p-sns__subTitle {
        font-size: 1.6rem
    }

    .p-sns__text {
        font-size: 1.3rem
    }

    .p-sns__btn {
        font-size: 1.3rem
    }
}

@media only screen and (min-width:768px) {
    .spOnly {
        display: none !important
    }

    .pcOnly {
        display: block !important
    }
}

@media all and (-ms-high-contrast:none) {
    .p-leadblock__logo {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .p-product__heading__logo {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .p-feature__upper__image {
        min-height: 1px
    }
}

@media (max-width:1110px) {
    .p-message__modalclose {
        top: -4em;
        right: 1em
    }
}