.c-doctor-modal {
    z-index: 500;
    height: 100%;
    overflow: hidden;
    transition: visibility 1s cubic-bezier(.25, .25, .75, .75), height 1s cubic-bezier(.19, 1, .22, 1);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-doctor-modal,
.c-doctor-modal-inner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

.c-doctor-modal-inner {
    overflow: auto
}

.c-doctor-modal.is-hide {
    height: 0%;
    pointer-events: none;
    visibility: hidden
}

.c-doctor-modal.is-hide .c-doctor-modal-item {
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: 0ms
}

.c-doctor-modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d45b41
}

.c-doctor-modal-btn {
    position: absolute;
    z-index: 510;
    pointer-events: auto
}

.c-doctor-modal-btn:after,
.c-doctor-modal-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    content: "";
    background-color: #fff;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

.c-doctor-modal-btn:before {
    transform: rotate(30deg)
}

.c-doctor-modal-btn:after {
    transform: rotate(-30deg)
}

.c-doctor-modal-body {
    position: relative
}

.c-doctor-modal-item {
    background-color: #fff
}

.c-doctor-modal-item:first-of-type,
.c-doctor-modal-item:nth-of-type(2) {
    transition: opacity .8s cubic-bezier(.25, .25, .75, .75) .45s, transform 1.5s cubic-bezier(.19, 1, .22, 1) .45s
}

.c-doctor-modal-item-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start
}

.c-doctor-modal-item-profile-img {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.c-doctor-modal-item-profile-img.img-1 {
    background-image: url(../images/common/doctor/doctor_profile_img01.jpg)
}

.c-doctor-modal-item-profile-img.img-2 {
    background-image: url(../images/common/doctor/doctor_profile_img02.jpg)
}

.c-doctor-modal-item-profile-name {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.2
}

.c-doctor-modal-item-profile-name span {
    color: #d45b41
}

.c-doctor-modal-item-profile-name strong {
    letter-spacing: .2em
}

.c-doctor-modal-item-profile-txt {
    width: 100%;
    text-align: justify
}

.c-doctor-modal-item-specialty {
    border-color: #d0d0d0;
    border-style: solid
}

.c-doctor-modal-item-specialty-ttl {
    color: #d45b41
}

.c-doctor-modal-item-specialty-txt {
    text-align: justify
}

.c-youtube-modal {
    z-index: 500;
    height: 100%;
    overflow: hidden;
    transition: visibility 1s cubic-bezier(.25, .25, .75, .75), height 1s cubic-bezier(.19, 1, .22, 1);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.c-youtube-modal,
.c-youtube-modal-inner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%
}

.c-youtube-modal-inner {
    overflow: auto
}

.c-youtube-modal.is-hide {
    height: 0%;
    pointer-events: none;
    visibility: hidden
}

.c-youtube-modal.is-hide .c-doctor-modal-item {
    opacity: 0;
    transition-delay: 0ms;
    transition-duration: 0ms
}

.c-youtube-modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4993ba
}

.c-youtube-modal-btn {
    position: absolute;
    z-index: 510;
    pointer-events: auto
}

.c-youtube-modal-btn:after,
.c-youtube-modal-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    content: "";
    background-color: #fff;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

.c-youtube-modal-btn:before {
    transform: rotate(30deg)
}

.c-youtube-modal-btn:after {
    transform: rotate(-30deg)
}

.c-youtube-modal-body {
    position: relative
}

.c-slider-list {
    width: 100%;
    overflow: hidden
}

.c-slider-list-slide {
    display: flex;
    align-items: stretch;
    width: 100%
}

.c-slider-list-item {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
    background-color: #fff
}

.c-slider-ui-icon {
    display: flex;
    align-items: center;
    justify-content: center
}

.c-slider-ui-icon li {
    position: relative;
    cursor: pointer
}

.c-slider-ui-icon li:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75), transform .5s cubic-bezier(.19, 1, .22, 1);
    transform: scale(.5)
}

.c-slider-ui-icon li.is-active:before {
    background-color: transparent;
    transform: scale(1)
}

.c-slider-ui-icon.gray li:before {
    background-color: #9d9d9d;
    border: .4rem solid #9d9d9d
}

.c-slider-ui-icon.gray li.is-active:before {
    background-color: transparent;
    transform: scale(1)
}

.c-slider-ui-pager-navi li {
    margin: 0 1.8rem
}

.c-slider-ui-pager-navi-btn {
    font-size: 1.6rem;
    color: #fff;
    letter-spacing: .13em;
    opacity: .5;
    transition: opacity .15s cubic-bezier(.25, .25, .75, .75)
}

.c-slider-ui-pager-navi-btn.is-active {
    opacity: 1
}

.gray .c-slider-ui-pager-navi-btn {
    color: #9d9d9d
}

.c-slider-ui-pager-next,
.c-slider-ui-pager-prev {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.c-slider-ui-pager-next.is-disabled,
.c-slider-ui-pager-prev.is-disabled {
    pointer-events: none;
    opacity: 0
}

.c-slider-ui-pager-next i,
.c-slider-ui-pager-prev i {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden
}

.c-slider-ui-pager-next svg,
.c-slider-ui-pager-prev svg {
    fill: #fff;
    transition: fill .1s cubic-bezier(.25, .25, .75, .75)
}

.gray .c-slider-ui-pager-next svg,
.gray .c-slider-ui-pager-prev svg {
    fill: #9d9d9d
}

.c-slider-ui-pager-next span,
.c-slider-ui-pager-prev span {
    letter-spacing: .12em;
    transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.c-slider-ui-pager-next i {
    justify-content: flex-end
}

.c-important {
    position: relative;
    background-color: #f6f7f7
}

.c-important.is-faq {
    border: 1px solid #000
}

.c-important-header {
    position: relative;
    line-height: 1.6;
    letter-spacing: .15em;
    cursor: pointer;
    background-color: #f6f7f7;
    transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.c-important-header i,
.c-important-header i:after,
.c-important-header i:before {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    margin: auto
}

.c-important-header i:after,
.c-important-header i:before {
    right: 0;
    left: 0;
    width: 100%;
    content: "";
    background-color: #000;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75), transform 1s cubic-bezier(.19, 1, .22, 1)
}

.c-important-header i:after {
    transform: rotate(90deg)
}

.c-important-header.is-show i:before {
    transform: rotate(0deg)
}

.c-important-header.is-show i:after {
    transform: rotate(180deg)
}

.c-important-body {
    height: 0;
    overflow: hidden;
    line-height: 1.6;
    letter-spacing: .12em;
    background-color: #ececec;
    transition: height .6s cubic-bezier(.19, 1, .22, 1)
}

.c-important-body-inner {
    position: relative
}

.c-important-body-ttl {
    text-align: center
}

.c-important-body-group p.note {
    color: #9d9d9d
}

.c-important-body-group p small.sanko {
    letter-spacing: 0
}

.c-important-body-group p a {
    text-decoration: underline
}

.p-visual {
    position: relative;
    width: 100%;
    overflow: hidden
}

.p-visual-ttl {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    width: 100%
}

.p-visual-ttl-txt {
    margin: 0 auto
}

.p-visual-ttl-txt svg {
    width: 100%;
    height: auto;
    fill: #e8e2d5
}

.p-visual-ttl-logo {
    margin: 0 auto
}

.p-visual-ttl-logo svg {
    width: 100%;
    height: auto;
    fill: #e8e2d5
}

.p-visual-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.p-visual-bg-panels {
    display: flex;
    width: 100%;
    height: 100%;
}
.p-visual-bg-panel {
    flex: 1;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.p-visual-bg-panel:nth-child(odd) {
    background-color: #4993ba
}
.p-visual-bg-panel:nth-child(even) {
    background-color: #d45b41
}

@media not all and (min-width: 834px) {
    .p-visual-bg-panel:not(:first-child) {
        display: none;
    }
}

.p-visual-bg-panel-image {
    transition: opacity .8s cubic-bezier(.25, .25, .75, .75)
}

.is-ready .p-visual-bg-panel-image {
    opacity: 0
}

.p-visual-bg-panel-image {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
}

.p-visual-bg-panel-image picture,
.p-visual-bg-panel-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.p-visual-bg-panel-image.new-image {
    z-index: 2;
    clip-path: inset(0 0 0 100%);
    /*transition: clip-path 1s cubic-bezier(0.85, 0, 0.15, 1);*/
    transition: clip-path 1s cubic-bezier(.48, -.05, .05, .95);
    /*transition: clip-path .8s cubic-bezier(.48,0,.05,1);*/
}

.p-visual-bg-panel-image.new-image.reveal {
    clip-path: inset(0 0 0 0);
}

.p-concept {
    position: relative;
    overflow: hidden;
    background-color: #f6f7f7
}

.p-concept-desc {
    position: relative;
    z-index: 10
}

.p-concept-desc-title {
    white-space: nowrap
}

.p-concept-lead {
    position: relative;
    z-index: 10
}

.p-concept-lead-txt {
    font-family: AvenirLTPro-Black;
    line-height: 1
}

.p-concept-step {
    position: relative;
    z-index: 10
}

.p-concept-step-item-img {
    position: relative
}

.p-concept-step-item-img,
.p-concept-step-item-img-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-concept-step-item-img-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.p-concept-step-item-img-img.img_1_1 {
    background-image: url(../images/top/concept/img_1_1_pc.jpg?v=02);
    opacity: 1
}

.p-concept-step-item-img-img.img_1_2 {
    background-image: url(../images/top/concept/img_1_2_pc.jpg?v=02);
    animation: conceptChangeImage2_2 3s step-start infinite
}

.p-concept-step-item-img-img.img_2_1 {
    background-image: url(../images/top/concept/img_2_1_pc.jpg?v=02);
    opacity: 1
}

.p-concept-step-item-img-img.img_2_2 {
    background-image: url(../images/top/concept/img_2_2_pc.jpg?v=02);
    animation: conceptChangeImage3_2 4s step-start infinite
}

.p-concept-step-item-img-img.img_2_3 {
    background-image: url(../images/top/concept/img_2_3_pc.jpg?v=02);
    animation: conceptChangeImage3_3 4s step-start infinite
}

.p-concept-step-item-img-img.img_3_1 {
    background-image: url(../images/top/concept/img_3_1_pc.jpg);
    opacity: 1
}

.p-concept-step-item-img-img.img_3_2 {
    background-image: url(../images/top/concept/img_3_2_pc.jpg);
    animation: conceptChangeImage2_2 3s step-start infinite
}

.p-concept-step-item-info-lead {
    display: flex;
    align-content: center;
    align-items: center;
    color: #d45b41
}

.p-concept-step-item-info-lead path {
    fill: #d45b41
}

.p-concept-step-item-info-txt {
    white-space: nowrap
}

.p-concept-obj {
    position: absolute;
    top: 0;
    left: 50%
}

.p-concept-obj-item {
    position: absolute;
    display: block;
    background-image: url(../images/common/parts/drug_pc.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@keyframes conceptChangeImage2_2 {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes conceptChangeImage4_2 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes conceptChangeImage4_3 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    75% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes conceptChangeImage4_4 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes conceptChangeImage3_2 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes conceptChangeImage3_3 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 0
    }

    66% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

.p-feature-point-item-img {
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.item1 .p-feature-point-item-img {
    background-image: url(../images/top/feature/img_1_pc.jpg)
}

.item2 .p-feature-point-item-img {
    background-image: url(../images/top/feature/img_2_pc.jpg)
}

.item3 .p-feature-point-item-img {
    background-image: url(../images/top/feature/img_3_pc.jpg)
}

.p-feature-point-item-inner {
    position: relative
}

.p-feature-point-item-num {
    line-height: 1
}

.p-feature-point-item-ttl {
    line-height: 1.7;
    letter-spacing: .18em;
    white-space: nowrap
}

.p-feature-point-item-ttl .small-spacing {
    letter-spacing: .1em
}

.p-feature-point-item-txt {
    line-height: 2;
    letter-spacing: .21em
}

.p-feature-point-item-txt strong {
    color: #4993ba
}

.p-feature-point-item-link {
    line-height: 1;
    text-decoration: none
}

.p-feature-point-item-note li {
    line-height: 1.7;
    color: #9d9d9d
}

.p-movie {
    background-color: #e8e2d5
}

.p-movie-youtube {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    background-color: #b6b6b6
}

.p-movie-youtube-img {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-movie-youtube-btn {
    position: absolute;
    z-index: 10
}

.p-movie-youtube-btn svg {
    width: 100%;
    height: auto
}

.p-movie-youtube-btn svg circle {
    transition: fill .2s
}

.p-movie-youtube-cover {
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    background-color: hsla(0, 0%, 100%, .2)
}

.p-movie-youtube-cover:after,
.p-movie-youtube-cover:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 1px solid #000
}

.p-movie-youtube-cover:after {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}

.p-movie-youtube:hover .p-movie-youtube-cover {
    background-color: hsla(0, 0%, 100%, 0)
}

.p-movie-youtube:hover svg circle {
    fill: #d45b41
}

.p-about {
    background-color: #d45b41
}

.p-about-list-item {
    background-color: #e8e2d5
}

.p-about-list-item-inner {
    position: relative
}

.p-about-list-item-ttl {
    position: relative;
    z-index: 2;
    line-height: 1;
    color: #d45b41;
    letter-spacing: .18em;
    white-space: nowrap
}

.p-about-list-item-ttl span {
    position: relative;
    display: inline-block
}

.p-about-list-item-ttl span:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    content: "";
    background-color: #d45b41
}

.p-about-list-item-lead {
    position: relative;
    z-index: 2;
    letter-spacing: .2em;
    white-space: nowrap
}

.p-about-list-item-lead strong {
    color: #d45b41
}

.p-about-list-item-alopecia {
    position: relative;
    z-index: 2;
    letter-spacing: .12rem
}

.p-about-list-item-alopecia strong {
    color: #d45b41
}

.p-about-list-item-txt {
    position: relative;
    z-index: 2;
    text-align: justify;
    letter-spacing: .2em;
    white-space: nowrap
}

.p-about-list-item-txt strong {
    color: #d45b41
}

.p-about-list-item-txt small {
    color: #9d9d9d
}

.p-about-list-item1-img1,
.p-about-list-item1-img2 {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-about-list-item1-img1 {
    top: 4.5rem;
    left: 38rem;
    background-image: url(../images/top/about/item1_img1_pc.png)
}

.p-about-list-item1-img2 {
    top: 4.5rem;
    right: 9rem;
    background-image: url(../images/top/about/item1_img2_pc.png)
}

.p-about-list-item2-img1 {
    background-image: url(../images/top/about/item2_img1_pc.png)
}

.p-about-list-item2-img1,
.p-about-list-item3-img1,
.p-about-list-item4-img1 {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-about-list-item4-img1 {
    background-image: url(../images/top/about/item4_img1_pc.png);
    border: 1px solid #9d9d9d
}

.p-about-list-item5-img1 {
    background-image: url(../images/top/about/item5_img1_pc.png)
}

.p-about-list-item5-img1,
.p-about-list-item6-img1 {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-about-list-item6-img1 {
    background-image: url(../images/top/about/item6_img1_pc.jpg)
}

.p-start {
    background-color: #4993ba
}

.p-start-desc {
    position: relative
}

.p-start-list-item {
    background-color: #e8e2d5
}

.p-start-list-item-head {
    color: #fff;
    background-color: #d45b41
}

.p-start-list-item-head-ttl {
    display: flex;
    align-items: center;
    line-height: 1;
    letter-spacing: .8rem
}

.p-start-list-item-head-ttl .num {
    position: relative;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-start-list-item-main-inner {
    position: relative
}

.p-start-list-item-main-lead {
    position: relative;
    z-index: 2;
    letter-spacing: .15em
}

.p-start-list-item-main-lead strong {
    color: #d45b41
}

.p-start-list-item-main-txt {
    position: relative;
    z-index: 2;
    text-align: justify;
    letter-spacing: .15em
}

.p-start-list-item-main-txt strong {
    color: #d45b41
}

.p-start-list-item-main-item1-img1,
.p-start-list-item-main-item2-img1,
.p-start-list-item-main-item3-img1 {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-products {
    position: relative;
    z-index: 10;
    background-color: #fff
}

.p-products-detail {
    margin: 0 auto
}

.p-products-detail-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.price-tab-notes {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 2.6rem;
}

.price-tab-notes strong {
  color: #d45b41;
}

.product1 .p-products-detail-img {
    background-image: url(../images/top/products/img_1_pc.jpg)
}

.product2 .p-products-detail-img {
    background-image: url(../images/top/products/img_2_pc.jpg)
}

.product3 .p-products-detail-img {
    background-image: url(../images/top/products/img_3_pc.jpg)
}

.p-products-detail-info-nm,
.p-products-detail-info-ttl {
    text-align: center;
    white-space: nowrap
}

.p-products-detail-info-nm {
    letter-spacing: .6rem
}

.p-products-detail-info-feature-item-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 auto
}

.p-products-detail-info-feature-item-img.img1 {
    background-image: url(../images/top/products/img_illust_1_pc.png)
}

.p-products-detail-info-feature-item-img.img2 {
    background-image: url(../images/top/products/img_illust_2_pc.png)
}

.p-products-detail-info-feature-item-img.img3 {
    background-image: url(../images/top/products/img_illust_3_pc.png)
}

.p-products-detail-info-progress-ttl {
    text-align: center;
    white-space: nowrap
}

.p-products-detail-info-progress-ttl strong {
    color: #d45b41
}

.p-products-detail-info-progress-note {
    color: #9d9d9d;
    text-align: center
}

.p-products-detail-info-progress-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.product1 .p-products-detail-info-progress-img {
    background-image: url(../images/top/products/img_progress_1_pc.png)
}

.product2 .p-products-detail-info-progress-img {
    background-image: url(../images/top/products/img_progress_2_pc.png)
}

.product3 .p-products-detail-info-progress-img {
    background-image: url(../images/top/products/img_progress_3_pc.png)
}

.p-products-detail-info-delivery {
    position: relative
}

.p-products-detail-info-delivery-off {
    color: #fff;
    background-color: #d45b41;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.p-products-detail-info-delivery-ttl {
    color: #d45b41;
    text-align: center
}

.p-products-detail-info-delivery-subttl {
    text-align: center
}

.p-products-detail-info-delivery-data {
    display: flex;
    align-items: baseline;
    justify-content: center
}

.p-products-detail-info-delivery-hr {
    height: 1px;
    background-color: #000;
    border: none
}

.p-products-detail-info-delivery-note {
    text-align: center
}

.p-products-detail-info-delivery-note strong {
    color: #4993ba
}

.p-products-detail-info-price {
    background-color: #ececec
}

.p-products-detail-info-price-subttl,
.p-products-detail-info-price-ttl {
    text-align: center
}

.p-products-detail-info-price-data {
    display: flex;
    align-items: baseline;
    justify-content: center
}

.p-products-detail-info-desc {
    text-align: center
}

.p-products-detail-info-desc strong {
    color: #d45b41
}

.p-products-detail-info-btnbox-btn {
    width: 100%
}

.p-products-diff-ttl {
    text-align: center;
    letter-spacing: .6rem;
    white-space: nowrap
}

.p-products-diff-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain
}

.p-case {
    background-color: #e8e2d5
}

.page-products .p-case .t-ttl-1 strong {
    display: none
}

.page-products .p-case .t-ttl-1 small {
    color: #000
}

.page-products .p-case .t-ttl-1 small:after,
.page-products .p-case .t-ttl-1 small:before {
    display: none
}

.p-case-list-item {
    position: relative;
    background-color: #f6f7f7
}

.p-case-list-item-top {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff
}

.p-case-list-item-top-bg {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.p-case-list-item-top-inner {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%;
    color: #d45b41;
    text-align: center;
    background-color: #fff
}

.p-case-list-item-top-sub {
    line-height: 1.5;
    letter-spacing: .3rem
}

.p-case-list-item-top-ttl {
    line-height: 1.5;
    letter-spacing: .7rem
}

.p-case-list-item-data-inner {
    position: relative;
    z-index: 2
}

.p-case-list-item-data-profile {
    position: relative
}

.p-case-list-item-data-profile-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/top/case/img_man_pc.png)
}

.p-case-list-item-data-profile-nm {
    color: #4993ba;
    letter-spacing: .4rem
}

.p-case-list-item-data-profile-txt {
    letter-spacing: .4rem;
    white-space: nowrap
}

.p-case-list-item-data-main-effect {
    position: relative;
    display: flex;
    justify-content: space-between
}

.p-case-list-item-data-main-effect:after {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent #4993ba;
    border-style: solid
}

.p-case-list-item-data-main-effect-item-img {
    background-color: #d0d0d0;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-case-list-item-data-main-effect-item-img img {
    display: block;
    width: 100%;
    height: auto
}

.p-case-list-item-data-main-effect-item-txt {
    color: #4993ba;
    text-align: center
}

.p-question {
    background-color: #4993ba
}

.p-question-list-item {
    position: relative;
    overflow: visible;
    background-color: #f6f7f7
}

.p-question-list-item-shape {
    position: absolute;
    z-index: 10;
    background-image: url(../images/top/question/img_shape_pc.png);
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-question-list-item-a {
    position: relative
}

.p-question-list-item-a-ttl {
    color: #4993ba;
    letter-spacing: .3rem
}

.p-question-list-item-a-profile-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-question-list-item-a-profile-img.sato {
    background-image: url(../images/top/question/img_sato_pc.jpg)
}

.p-question-list-item-a-profile-img.yanagisawa {
    background-image: url(../images/top/question/img_yanagisawa_pc.jpg)
}

.p-question-list-item-a-profile-nm {
    text-align: center;
    letter-spacing: .3rem;
    white-space: nowrap
}

.p-question-list-item-a-txt {
    letter-spacing: .3rem
}

.p-question-list-item-a-txt strong {
    text-decoration: underline
}

.c-howtouse {
    overflow: hidden;
    background-color: #e8e2d5
}

.c-howtouse-step-item {
    position: relative
}

.c-howtouse-step-item-img {
    overflow: hidden;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.c-howtouse-step-item-ttl {
    line-height: 1.4;
    color: #4993ba;
    white-space: nowrap
}

.c-howtouse-step-item-txt {
    line-height: 2;
    letter-spacing: .2em
}

.c-howtouse-step-item-txt sup {
    vertical-align: super
}

.c-howtouse-close {
    position: absolute;
    z-index: 510;
    pointer-events: auto
}

.c-howtouse-close:after,
.c-howtouse-close:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    content: "";
    background-color: #000;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

.c-howtouse-close:before {
    transform: rotate(30deg)
}

.c-howtouse-close:after {
    transform: rotate(-30deg)
}

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

.p-magazine-inner {
    position: relative
}

.p-magazine-article {
    position: relative;
    width: 100%
}

.p-magazine-article-item {
    flex: 0 0 auto
}

.p-magazine-article-item-img {
    overflow: hidden
}

.p-magazine-article-item-date {
    line-height: 1;
    color: #9d9d9d;
    transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.p-magazine-article-item-txt {
    text-align: justify;
    transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.p-magazine-article-pager {
    position: absolute;
    top: 4.7rem;
    right: 2.4rem;
    display: flex;
    align-items: flex-end;
    cursor: default;
    transition: opacity .1s cubic-bezier(.25, .25, .75, .75), visibility .1s cubic-bezier(.25, .25, .75, .75)
}

.p-magazine-article-pager.is-hide {
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.p-magazine-article-pager li+li {
    margin-left: 1.6rem
}

.p-magazine-article-pager i {
    display: flex;
    align-items: flex-end;
    width: 3.2rem;
    height: 2rem;
    overflow: hidden;
    cursor: pointer
}

.p-magazine-article-pager svg {
    flex: 0 0 auto;
    width: auto;
    height: .8rem;
    fill: #9d9d9d;
    transition: fill .1s cubic-bezier(.25, .25, .75, .75)
}

.p-magazine-article-pager-prev i {
    justify-content: flex-start
}

.p-magazine-article-pager-next i {
    justify-content: flex-end
}

.p-magazine-article-pager .is-disabled {
    pointer-events: none
}

.p-magazine-article-pager .is-disabled svg {
    fill: #d0d0d0
}

.p-magazine-more {
    padding-top: 6rem;
    text-align: center
}

.p-magazine-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .2em;
    margin: 0 auto;
    color: #fff;
    background-color: #4993ba
}

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

.p-voice-article,
.p-voice-inner {
    position: relative
}

.p-voice-article {
    width: 100%
}

.p-voice-article-list {
    display: flex;
    align-items: stretch
}

.p-voice-article-item {
    flex: 0 0 auto
}

.p-voice-article-item-img {
    overflow: hidden
}

.p-voice-article-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5.8rem
}

.p-voice-article-icon li {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1rem;
    cursor: pointer;
    border-radius: 1.2rem
}

.p-voice-article-icon li:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #9d9d9d;
    border: .4rem solid #9d9d9d;
    border-radius: 50%;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75), transform .5s cubic-bezier(.19, 1, .22, 1);
    transform: scale(.5)
}

.p-voice-article-icon li.is-active:before {
    background-color: transparent;
    transform: scale(1)
}

.p-voice-article-pager {
    position: absolute;
    top: 4.7rem;
    right: 3.2rem;
    display: flex;
    align-items: flex-end;
    cursor: default;
    transition: opacity .1s cubic-bezier(.25, .25, .75, .75), visibility .1s cubic-bezier(.25, .25, .75, .75)
}

.p-voice-article-pager.is-hide {
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.p-voice-article-pager li+li {
    margin-left: 1.6rem
}

.p-voice-article-pager i {
    display: flex;
    align-items: flex-end;
    width: 3.2rem;
    height: 2rem;
    overflow: hidden;
    cursor: pointer
}

.p-voice-article-pager svg {
    flex: 0 0 auto;
    width: auto;
    height: .8rem;
    fill: #9d9d9d;
    transition: fill .1s cubic-bezier(.25, .25, .75, .75)
}

.p-voice-article-pager-prev i {
    justify-content: flex-start
}

.p-voice-article-pager-next i {
    justify-content: flex-end
}

.p-voice-article-pager .is-disabled {
    pointer-events: none
}

.p-voice-article-pager .is-disabled svg {
    fill: #d0d0d0
}

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

.p-sns-gallery-bottom,
.p-sns-gallery-top {
    overflow: hidden
}

.p-sns-gallery-bottom-slider,
.p-sns-gallery-top-slider {
    display: flex;
    opacity: 1;
    transition: opacity .3s linear
}

.p-sns-gallery-bottom-slider.is-hide,
.p-sns-gallery-top-slider.is-hide {
    opacity: 0
}

.p-sns-gallery-bottom-slider.is-move,
.p-sns-gallery-top-slider.is-move {
    will-change: transform
}

.p-sns-gallery-bottom-list,
.p-sns-gallery-top-list {
    display: flex;
    flex: 0 0 auto
}

.p-sns-gallery-bottom-item,
.p-sns-gallery-top-item {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.p-sns-gallery-bottom-item.img1,
.p-sns-gallery-top-item.img1 {
    background-image: url(../images/top/sns/gallery_img_1.png)
}

.p-sns-gallery-bottom-item.img2,
.p-sns-gallery-top-item.img2 {
    background-image: url(../images/top/sns/gallery_img_2.jpg)
}

.p-sns-gallery-bottom-item.img3,
.p-sns-gallery-top-item.img3 {
    background-image: url(../images/top/sns/gallery_img_3.jpg)
}

.p-sns-gallery-bottom-item.img4,
.p-sns-gallery-top-item.img4 {
    background-image: url(../images/top/sns/gallery_img_4.png)
}

.p-sns-gallery-bottom-item.img5,
.p-sns-gallery-top-item.img5 {
    background-image: url(../images/top/sns/gallery_img_5.jpg)
}

.p-sns-gallery-bottom-item.img6,
.p-sns-gallery-top-item.img6 {
    background-image: url(../images/top/sns/gallery_img_6.jpg)
}

.p-sns-gallery-bottom-item.img7,
.p-sns-gallery-top-item.img7 {
    background-image: url(../images/top/sns/gallery_img_7.png)
}

.p-sns-gallery-bottom-item.img8,
.p-sns-gallery-top-item.img8 {
    background-image: url(../images/top/sns/gallery_img_8.png)
}

.p-sns-gallery-bottom-item.img9,
.p-sns-gallery-top-item.img9 {
    background-image: url(../images/top/sns/gallery_img_9.jpg)
}

.p-sns-gallery-bottom-item.img10,
.p-sns-gallery-top-item.img10 {
    background-image: url(../images/top/sns/gallery_img_10.jpg)
}

.p-sns-gallery-bottom-item.img11,
.p-sns-gallery-top-item.img11 {
    background-image: url(../images/top/sns/gallery_img_11.jpg)
}

.p-sns-gallery-bottom-item.img12,
.p-sns-gallery-top-item.img12 {
    background-image: url(../images/top/sns/gallery_img_12.png)
}

.p-sns-gallery-bottom-item.img13,
.p-sns-gallery-top-item.img13 {
    background-image: url(../images/top/sns/gallery_img_13.jpg)
}

.p-sns-gallery-bottom-item.img14,
.p-sns-gallery-top-item.img14 {
    background-image: url(../images/top/sns/gallery_img_14.png)
}

.p-sns-gallery-bottom-item.img15,
.p-sns-gallery-top-item.img15 {
    background-image: url(../images/top/sns/gallery_img_15.jpg)
}

.p-sns-gallery-bottom-item.img16,
.p-sns-gallery-top-item.img16 {
    background-image: url(../images/top/sns/gallery_img_16.jpg)
}

.p-sns-gallery-bottom-item.img17,
.p-sns-gallery-top-item.img17 {
    background-image: url(../images/top/sns/gallery_img_17.jpg)
}

.p-sns-gallery-bottom-item.img18,
.p-sns-gallery-top-item.img18 {
    background-image: url(../images/top/sns/gallery_img_18.jpg)
}

.p-sns-gallery-bottom-item.img19,
.p-sns-gallery-top-item.img19 {
    background-image: url(../images/top/sns/gallery_img_19.jpg)
}

.p-sns-gallery-bottom-item.img20,
.p-sns-gallery-top-item.img20 {
    background-image: url(../images/top/sns/gallery_img_20.jpg)
}

.p-sns-gallery-bottom-item.img21,
.p-sns-gallery-top-item.img21 {
    background-image: url(../images/top/sns/gallery_img_21.jpg)
}

.p-sns-gallery-bottom-item.img22,
.p-sns-gallery-top-item.img22 {
    background-image: url(../images/top/sns/gallery_img_22.png)
}

.p-sns-gallery-bottom-item.img23,
.p-sns-gallery-top-item.img23 {
    background-image: url(../images/top/sns/gallery_img_23.png)
}

.p-sns-link,
.p-sns-link a {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-sns-link a {
    line-height: 1
}

.p-sns-link a svg {
    transition: fill .1s cubic-bezier(.25, .25, .75, .75)
}

.p-sns-link a span {
    transition: color .1s cubic-bezier(.25, .25, .75, .75)
}

.p-faq {
    overflow: hidden;
    background-color: #f6f7f7
}

.p-faq-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: .2em;
    margin: 0 auto;
    color: #fff;
    background-color: #4993ba;
    transition: background-color .1s cubic-bezier(.25, .25, .75, .75)
}

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

.p-banner-item {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden
}

.p-banner-item-img {
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width:834px) {
    .c-doctor-modal-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        pointer-events: none
    }

    .c-doctor-modal.is-hide .c-doctor-modal-item {
        transform: translate3d(0, 10%, 0)
    }

    .c-doctor-modal-btn {
        top: 5rem;
        right: 5rem;
        width: 5.2rem;
        height: 4.6rem
    }

    .c-doctor-modal-btn:after,
    .c-doctor-modal-btn:before {
        width: 3.4rem;
        height: 2px
    }

    .c-doctor-modal-body {
        display: flex;
        align-items: stretch;
        justify-content: center;
        pointer-events: auto
    }

    .c-doctor-modal-item {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 49.6rem;
        padding: 4rem;
        margin: 0 3.2rem;
        border-radius: 1.6rem
    }

    .c-doctor-modal-item-profile-img {
        width: 20rem;
        height: 24rem;
        border-radius: 1.6rem
    }

    .c-doctor-modal-item-profile-name {
        padding-left: 4rem
    }

    .c-doctor-modal-item-profile-name span {
        font-size: 1.4rem
    }

    .c-doctor-modal-item-profile-name strong {
        padding-top: 1.2rem;
        font-size: 2.4rem
    }

    .c-doctor-modal-item-profile-txt {
        min-height: 16rem;
        margin-top: 3.5rem;
        font-size: 1.6rem;
        letter-spacing: .11rem
    }

    .c-doctor-modal-item-specialty {
        padding-top: 3rem;
        margin-top: 3rem;
        border-top-width: 1px
    }

    .c-doctor-modal-item-specialty-ttl {
        font-size: 1.4rem
    }

    .c-doctor-modal-item-specialty-txt {
        padding-top: 1rem;
        font-size: 1.3rem
    }

    .c-youtube-modal-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        pointer-events: none
    }

    .c-youtube-modal.is-hide .c-doctor-modal-item {
        transform: translate3d(0, 10%, 0)
    }

    .c-youtube-modal-btn {
        top: 5rem;
        right: 5rem;
        width: 5.2rem;
        height: 4.6rem
    }

    .c-youtube-modal-btn:after,
    .c-youtube-modal-btn:before {
        width: 3.4rem;
        height: 2px
    }

    .c-youtube-modal-body {
        display: flex;
        align-items: stretch;
        justify-content: center;
        pointer-events: auto
    }

    .c-youtube-modal-youtube {
        width: 123.2rem;
        height: 69.3rem
    }

    .c-slider-list-item {
        border-radius: 1.6rem;
        width: 92.8rem;
        margin: 0 3.2rem
    }

    .c-slider-ui-icon {
        display: none
    }

    .c-slider-ui-icon.show-pc-ui {
        display: flex
    }

    .c-slider-ui-icon {
        padding-top: 5.8rem
    }

    .c-slider-ui-icon li {
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 1rem;
        border-radius: 1.2rem
    }

    .c-slider-ui-icon li:before {
        border: .4rem solid #fff
    }

    .c-slider-ui-pager {
        display: flex;
        align-items: stretch;
        justify-content: center;
        padding-top: 8.8rem
    }

    .c-slider-ui-pager.show-pc-ui {
        justify-content: space-between;
        width: 67rem;
        margin: 0 auto
    }

    .c-slider-ui-pager-navi {
        display: flex
    }

    .c-slider-ui-pager-navi.show-pc-ui {
        display: none
    }

    .c-slider-ui-pager-next,
    .c-slider-ui-pager-prev {
        top: -.2rem;
        transition: opacity .15s cubic-bezier(.25, .25, .75, .75), transform .1s
    }

    .c-slider-ui-pager-next svg,
    .c-slider-ui-pager-prev svg {
        width: 5.6rem
    }

    .c-slider-ui-pager-next span,
    .c-slider-ui-pager-prev span {
        display: none;
        font-size: 2rem;
        color: #fff
    }

    .c-slider-ui-pager-next span.show-pc-ui,
    .c-slider-ui-pager-prev span.show-pc-ui {
        display: block
    }

    .gray .c-slider-ui-pager-next span,
    .gray .c-slider-ui-pager-prev span {
        color: #9d9d9d
    }

    .c-slider-ui-pager-prev {
        margin-right: 2.8rem
    }

    .c-slider-ui-pager-prev span {
        margin-left: 2rem
    }

    .c-slider-ui-pager-next {
        margin-left: 2.8rem
    }

    .c-slider-ui-pager-next span {
        margin-right: 2rem
    }

    .c-important {
        margin-top: 6rem
    }

    .c-important+.c-important {
        margin-top: .8rem
    }

    .c-important-header {
        height: 7.5rem;
        padding: 2.4rem 6.4rem 2.2rem 3rem;
        font-size: 2rem
    }

    .c-important-header i {
        right: 3.2rem;
        width: 1.6rem;
        height: 1.6rem
    }

    .c-important-header i:after,
    .c-important-header i:before {
        height: 2px
    }

    .c-important-body {
        font-size: 2rem
    }

    .c-important-body-inner {
        padding: 2.6rem 3.2rem 2.6rem 3rem
    }

    .c-important-body-ttl {
        font-size: 1.8rem
    }

    .c-important-body-group {
        margin-top: 2.4rem
    }

    .c-important-body-group h5 {
        font-size: 1.8rem
    }

    .c-important-body-group p {
        margin-top: .5rem;
        font-size: 1.4rem
    }

    .c-important-body-group p small {
        font-size: 1.2rem
    }

    .p-visual {
        height: 100vh
    }

    .p-visual-ttl {
        margin-top: -32rem
    }

    .p-visual-ttl-txt {
        width: 52.46rem
    }

    .p-visual-ttl-logo {
        width: 41.724rem;
        margin-top: 3.3rem
    }

    .p-visual-btn {
        display: none
    }

    .p-concept {
        padding-top: 22rem;
        padding-bottom: 22rem
    }

    .p-concept-desc {
        display: flex;
        width: 106rem;
        margin: 0 auto
    }

    .p-concept-desc-title {
        width: 53rem;
        padding-left: 12rem;
        font-size: 4.8rem;
        line-height: 1.75;
        letter-spacing: 1.05rem
    }

    .p-concept-desc-copy {
        width: 53rem
    }

    .p-concept-desc-copy-txt {
        padding-left: 8.5rem;
        font-size: 2rem;
        line-height: 2.6;
        letter-spacing: .65rem;
        white-space: nowrap
    }

    .p-concept-desc-copy-txt+.p-concept-desc-copy-txt {
        margin-top: 2.5rem
    }

    .p-concept-desc-copy-txt strong {
        font-size: 2.6rem
    }

    .p-concept-lead {
        margin-top: 10.5rem;
        text-align: center
    }

    .p-concept-lead-txt {
        display: inline-block;
        padding: .8rem .6rem 0 .8rem;
        font-size: 5rem;
        letter-spacing: .5rem
    }

    .p-concept-lead-txt+.p-concept-lead-txt {
        padding-left: 1.6rem
    }

    .p-concept-step {
        margin-top: 24rem
    }

    .p-concept-step-item {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: space-between;
        width: 131.2rem;
        margin: 0 auto
    }

    .p-concept-step-item.item2 {
        flex-flow: row-reverse
    }

    .p-concept-step-item+.p-concept-step-item {
        margin-top: 16rem
    }

    .p-concept-step-item-img-img {
        border-radius: 1.6rem
    }

    .p-concept-step-item-img {
        width: 70.4rem;
        height: 44rem;
        border-radius: 1.6rem
    }

    .p-concept-step-item-info {
        width: 60.8rem;
        padding-left: 12.4rem
    }

    .item2 .p-concept-step-item-info {
        padding-left: 6.4rem
    }

    .p-concept-step-item-info-lead svg {
        width: 16rem;
        height: auto
    }

    .p-concept-step-item-info-lead strong {
        padding-top: .5rem;
        margin-left: 2.4rem;
        font-size: 5.8rem
    }

    .p-concept-step-item-info-txt {
        margin-top: 1rem;
        font-size: 3.2rem;
        line-height: 2;
        letter-spacing: .7rem
    }

    .p-concept-obj-item {
        width: 4.4rem;
        height: 4.4rem
    }

    .p-concept-obj-img-1 {
        top: 35rem;
        left: -97rem;
        width: 100.6rem;
        height: 71.6rem;
        background-image: url(../images/top/concept/img_hair_product_pc.png)
    }

    .p-concept-obj-01 {
        top: 51.6rem;
        left: -28.6rem
    }

    .p-concept-obj-02 {
        top: 60.3rem;
        left: -20rem
    }

    .p-concept-obj-03 {
        top: 130rem;
        left: 60rem
    }

    .p-concept-obj-04 {
        top: 137rem;
        left: 67rem
    }

    .p-concept-obj-05 {
        top: 185rem;
        left: 62rem
    }

    .p-concept-obj-06 {
        top: 210rem;
        left: -67rem
    }

    .p-feature {
        padding-top: 16rem;
        padding-bottom: 16rem
    }

    .p-feature-point {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 131.2rem;
        margin: 8rem auto 0
    }

    .p-feature-point-item {
        width: 40rem;
        padding: 0 2.4rem
    }

    .p-feature-point-item-img {
        border-radius: 1.6rem;
        width: 40rem;
        height: 40rem;
        margin: 0 -2.4rem
    }

    .p-feature-point-item-inner {
        margin-top: -2.1rem
    }

    .p-feature-point-item-num {
        font-size: 4.8rem
    }

    .p-feature-point-item-ttl {
        padding-top: 2.9rem;
        font-size: 2.6rem
    }

    .p-feature-point-item-txt {
        padding-top: 2rem;
        font-size: 1.8rem
    }

    .p-feature-point-item-link {
        padding-top: 2.7rem
    }

    .p-feature-point-item-note {
        padding-top: 5.6rem
    }

    .p-feature-point-item-note li {
        margin-left: 2.1rem;
        font-size: 1.4rem;
        text-indent: -2.1rem
    }

    .p-movie {
        padding-top: 13.5rem;
        padding-bottom: 20rem
    }

    .p-movie-ttl2 {
        margin-top: 6rem
    }

    .p-movie-youtube {
        width: 89.65rem;
        height: 50.45rem;
        margin: 6.2rem auto 0
    }

    .p-movie-youtube-img {
        background-image: url(../images/top/movie/img_thumb_pc.png)
    }

    .p-movie-youtube-btn {
        width: 11.6rem;
        height: 11.6rem
    }

    .p-about {
        padding-top: 13rem;
        padding-bottom: 14rem
    }

    .p-about-ttl2 {
        margin-top: 6rem
    }

    .p-about-list {
        margin-top: 7rem
    }

    .p-about-list-item {
        padding: 6rem 6rem 4rem
    }

    .p-about-list-item-ttl {
        margin-bottom: 3rem;
        font-size: 2.6rem
    }

    .p-about-list-item-ttl span {
        padding-bottom: 1.5rem
    }

    .p-about-list-item-ttl span:before {
        height: .2rem
    }

    .p-about-list-item-lead {
        margin-top: 3rem;
        font-size: 2.3rem;
        line-height: 1.75
    }

    .item5 .p-about-list-item-lead,
    .item6 .p-about-list-item-lead {
        font-size: 2rem
    }

    .p-about-list-item-alopecia {
        font-size: 1.8rem
    }

    .p-about-list-item-txt {
        margin-top: 1.7rem;
        line-height: 2
    }

    .p-about-list-item1-img1,
    .p-about-list-item1-img2 {
        border-radius: 1.6rem;
        position: absolute;
        width: 15rem;
        height: 18.8rem
    }

    .p-about-list-item2-img1 {
        position: absolute;
        top: -2rem;
        left: 35.8rem;
        width: 32.6rem;
        height: 31.8rem
    }

    .p-about-list-item3-img1 {
        position: absolute;
        top: -2rem;
        right: .2rem;
        width: 44.2rem;
        height: 32.6rem;
        background-image: url(../images/top/about/item3_img1_pc.png)
    }

    .p-about-list-item4-img1 {
        border-radius: 1.6rem;
        position: absolute;
        top: 8rem;
        right: .2rem;
        width: 27.1rem;
        height: 19rem
    }

    .p-about-list-item5-img1 {
        position: absolute;
        top: -.5rem;
        right: 0;
        width: 37rem;
        height: 29.6rem
    }

    .p-about-list-item6-img1 {
        position: absolute;
        top: 7.4rem;
        right: .2rem;
        width: 32rem;
        height: 21.3rem;
        border: .2rem solid #fff
    }

    .p-start {
        padding-top: 13rem;
        padding-bottom: 12rem
    }

    .p-start-ttl2 {
        margin-top: 6rem
    }

    .p-start-desc {
        margin-top: 10rem
    }

    .p-start-list {
        margin-top: 7rem
    }

    .p-start-list-item-head {
        display: flex;
        align-items: center;
        height: 9rem;
        padding: 0 6rem
    }

    .p-start-list-item-head-ttl {
        padding-top: .5rem;
        font-size: 3rem
    }

    .p-start-list-item-head-ttl .num {
        top: -.2rem;
        width: 3.4rem;
        height: 3.4rem;
        padding-top: .4rem;
        padding-left: .7rem;
        margin-left: 1rem;
        font-size: 2.6rem;
        border: .2rem solid #fff
    }

    .p-start-list-item-main {
        padding: 4.5rem 6rem 5.5rem
    }

    .p-start-list-item-main-lead {
        font-size: 2.3rem;
        line-height: 2
    }

    .item2 .p-start-list-item-main-lead {
        line-height: 1.5
    }

    .p-start-list-item-main-txt {
        margin-top: 1.7rem;
        font-size: 1.8rem;
        line-height: 2
    }

    .item3 .p-start-list-item-main-txt {
        letter-spacing: 0
    }

    .p-start-list-item-main-item1-img1 {
        position: absolute;
        top: 0;
        right: 0;
        width: 39rem;
        height: 22.7rem;
        background-image: url(../images/top/start/item1_img1_pc.png)
    }

    .p-start-list-item-main-item2-img1 {
        position: absolute;
        top: 3rem;
        right: 0;
        width: 40.7rem;
        height: 17.6rem;
        background-image: url(../images/top/start/item2_img1_pc.png)
    }

    .p-start-list-item-main-item3-img1 {
        position: absolute;
        top: 3rem;
        right: -1rem;
        width: 51.4rem;
        height: 17.8rem;
        background-image: url(../images/top/start/item3_img1_pc.png)
    }

    .p-products {
        padding-top: 13rem;
        padding-bottom: 13rem
    }

    .p-products-ttl2 {
        margin-top: 7rem
    }

    .p-products-detail {
        display: flex;
        justify-content: space-between;
        width: 128rem;
        margin-top: 8.5rem
    }

    .p-products-detail+.p-products-detail {
        margin-top: 13rem
    }

    .p-products-detail-img {
        border-radius: 1.6rem;
        width: 60.8rem;
        height: 60.8rem
    }

    .p-products-detail-info {
        width: 56rem
    }

    .p-products-detail-info-ttl {
        font-size: 3rem;
        letter-spacing: .7rem
    }

    .p-products-detail-info-ttl span {
        padding: 1.2rem 1.8rem .6rem 2.2rem
    }

    .p-products-detail-info-nm {
        margin-top: 1.6rem;
        font-size: 3rem
    }

    .p-products-detail-info-feature {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 4rem
    }

    .p-products-detail-info-feature-item {
        width: 16.2rem;
        text-align: center
    }

    .p-products-detail-info-feature-item+.p-products-detail-info-feature-item {
        border-left: 1px solid #000
    }

    .p-products-detail-info-feature-item-ttl {
        font-size: 1.4rem
    }

    .p-products-detail-info-feature-item-img {
        width: 9rem;
        height: 7rem;
        margin-top: 1.6rem
    }

    .p-products-detail-info-feature-item-txt {
        margin-top: 1.2rem;
        font-size: 1.6rem;
        line-height: 1.75
    }

    .p-products-detail-info-feature-item-txt span {
        font-size: 1.2rem;
        vertical-align: middle
    }

    .p-products-detail-info-progress {
        margin-top: 4.6rem
    }

    .p-products-detail-info-progress-ttl {
        font-size: 2.4rem
    }

    .p-products-detail-info-progress-note {
        font-size: 1.2rem
    }

    .p-products-detail-info-progress-img {
        border-radius: 1.6rem;
        width: 56rem;
        height: 12.5rem;
        margin-top: .5rem
    }

    .p-products-detail-info-delivery {
        border-radius: 1.6rem;
        padding-top: 2.2rem;
        padding-bottom: 1.2rem;
        margin-top: 5.8rem;
        border: 1px solid #d45b41
    }

    .p-products-detail-info-delivery-off {
        position: absolute;
        top: -1.4rem;
        left: -1.4rem;
        z-index: 2;
        width: 8rem;
        height: 8rem;
        padding-bottom: 1rem
    }

    .p-products-detail-info-delivery-off-num {
        font-size: 3.1rem;
        letter-spacing: .02rem
    }

    .p-products-detail-info-delivery-off-per {
        padding-top: .8rem;
        font-size: 2.2rem
    }

    .p-products-detail-info-delivery-off-off {
        position: absolute;
        bottom: .5rem;
        font-size: 1.9rem
    }

    .p-products-detail-info-delivery-ttl {
        font-size: 2.4rem
    }

    .p-products-detail-info-delivery-subttl {
        font-size: 2.2rem
    }

    .p-products-detail-info-delivery-data {
        margin-top: -.2rem;
        letter-spacing: .3rem
    }

    .p-products-detail-info-delivery-data .t0 {
        position: relative;
        top: .9rem;
        margin-right: .8rem;
        font-size: 1.6rem;
        letter-spacing: 0;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .p-products-detail-info-delivery-data .t1 {
        font-size: 3.4rem
    }

    .p-products-detail-info-delivery-data .t2,
    .p-products-detail-info-delivery-data .t3 {
        font-size: 2.4rem
    }

    .p-products-detail-info-delivery-data .t4 {
        font-size: 2.8rem
    }

    .p-products-detail-info-delivery-data .t5 {
        font-size: 2.4rem
    }

    .p-products-detail-info-delivery-data .t6 {
        font-size: 1.6rem
    }

    .p-products-detail-info-delivery-data .t7 {
        font-size: 2.8rem
    }

    .p-products-detail-info-delivery-data .t8 {
        font-size: 1.6rem
    }

    .p-products-detail-info-delivery-hr {
        width: 42rem;
        margin: 1rem auto 2rem
    }

    .p-products-detail-info-delivery-note {
        margin-top: .2rem;
        font-size: 1.6rem
    }

    .p-products-detail-info-price {
        border-radius: 1.6rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        margin-top: 3rem
    }

    .p-products-detail-info-price-ttl {
        font-size: 2.4rem
    }

    .p-products-detail-info-price-subttl {
        margin-top: 1rem;
        font-size: 2.2rem
    }

    .p-products-detail-info-price-subttl:first-of-type {
        margin-top: 0
    }

    .p-products-detail-info-price-data {
        letter-spacing: .3rem
    }

    .p-products-detail-info-price-data .t1 {
        margin-right: 2rem;
        font-size: 2rem
    }

    .p-products-detail-info-price-data .t2 {
        font-size: 3.4rem
    }

    .p-products-detail-info-price-data .t3,
    .p-products-detail-info-price-data .t4 {
        font-size: 2.4rem
    }

    .p-products-detail-info-price-data .t5 {
        font-size: 2.8rem
    }

    .p-products-detail-info-price-data .t6 {
        font-size: 2.4rem
    }

    .p-products-detail-info-price-data .t7 {
        font-size: 1.6rem
    }

    .p-products-detail-info-price-data .t8 {
        font-size: 2.3rem
    }

    .p-products-detail-info-price-data .t9 {
        font-size: 1.6rem
    }

    .p-products-detail-info-desc {
        margin-top: 2.6rem;
        font-size: 1.6rem
    }

    .p-products-detail-info-desc-txt+.p-products-detail-info-desc-txt {
        margin-top: 2rem
    }

    .p-products-detail-info-btnbox-note {
        margin-top: 3.8rem
    }

    .p-products-detail-info-btnbox-btn {
        margin: 3.4rem auto 0
    }

    .p-products-diff {
        margin-top: 10rem
    }

    .p-products-diff-ttl {
        font-size: 3rem
    }

    .p-products-diff-img {
        width: 93.2rem;
        height: 42.8rem;
        margin: 2rem auto 0;
        background-image: url(../images/top/products/img_diff_pc.png)
    }

    .p-case {
        padding-top: 13rem;
        padding-bottom: 12rem
    }

    .page-products .p-case .t-ttl-1 small {
        font-size: 3.2rem
    }

    .p-case-list {
        margin-top: 8rem
    }

    .p-case-list-item {
        width: 92.8rem;
        height: 42.6rem
    }

    .p-case-list-item-top-bg {
        background-image: url(../images/top/case/img_1_pc.jpg)
    }

    .p-case-list-item-top-inner {
        bottom: 2.3rem;
        height: 9rem;
        padding-top: 1.4rem
    }

    .p-case-list-item-top-sub {
        font-size: 1.6rem
    }

    .p-case-list-item-top-ttl {
        font-size: 3.2rem
    }

    .p-case-list-item-data {
        padding: 5rem 6rem
    }

    .p-case-list-item-data-profile {
        height: 11.2rem;
        padding-left: 14.5rem
    }

    .p-case-list-item-data-profile-img {
        width: 11.2rem;
        height: 11.2rem;
        border-radius: 1.6rem
    }

    .p-case-list-item-data-profile-nm {
        padding-top: 1rem;
        font-size: 3rem
    }

    .p-case-list-item-data-profile-txt {
        font-size: 2.3rem
    }

    .p-case-list-item-data-main {
        display: flex;
        justify-content: flex-start;
        margin-top: 2.8rem
    }

    .p-case-list-item-data-main-info {
        width: 35.6rem;
        font-size: 1.8rem;
        line-height: 2
    }

    .p-case-list-item-data-main-effect {
        width: 39.5rem;
        margin-left: 6rem
    }

    .p-case-list-item-data-main-effect:after {
        top: 6.8rem;
        left: calc(50% - .7rem);
        border-width: 1rem 0 1rem 1.6rem
    }

    .p-case-list-item-data-main-effect-item-img {
        width: 18rem;
        height: 15.8rem;
        border-radius: 2.4rem
    }

    .p-case-list-item-data-main-effect-item-img img {
        border-radius: 2.4rem
    }

    .p-case-list-item-data-main-effect-item-txt {
        margin-top: 1rem;
        font-size: 1.8rem
    }

    .p-case-note {
        width: 124.8rem;
        margin: 5.5rem auto 0
    }

    .p-question {
        padding-top: 13rem;
        padding-bottom: 12rem
    }

    .p-question-list {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        margin-top: 6rem
    }

    .p-question-list-item {
        padding: 8rem
    }

    .p-question-list-item-shape {
        width: 9.8rem;
        height: 7.6rem
    }

    .p-question-list-item-shape.shape1 {
        top: -1.5rem;
        left: 4rem
    }

    .p-question-list-item-shape.shape2 {
        right: 4rem;
        bottom: -1.5rem;
        transform: rotate(180deg)
    }

    .p-question-list-item-a {
        padding-left: 14.8rem;
        margin-top: 4rem
    }

    .p-question-list-item-a-ttl {
        font-size: 2.8rem
    }

    .p-question-list-item-a-profile {
        position: absolute;
        top: 0;
        left: 0;
        width: 11rem
    }

    .p-question-list-item-a-profile-img {
        border-radius: 1.6rem;
        width: 11rem;
        height: 11rem
    }

    .p-question-list-item-a-profile-nm {
        margin-top: 1rem;
        font-size: 1.8rem
    }

    .p-question-list-item-a-txt {
        margin-top: 1.5rem;
        font-size: 2rem;
        line-height: 2
    }

    .c-howtouse {
        padding-top: 15.9rem;
        padding-bottom: 15.4rem
    }

    .c-howtouse-inner {
        max-width: 124.8rem;
        margin: 0 auto
    }

    .c-howtouse-step {
        display: flex;
        justify-content: space-between;
        padding-top: 7.6rem
    }

    .c-howtouse-step-item {
        width: 25.6rem;
        text-align: center
    }

    .c-howtouse-step-item+.c-howtouse-step-item:before {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: -7.5rem;
        width: 7.5rem;
        height: 25.6rem;
        content: "";
        background-image: url(../images/common/howtouse/arrow_pc.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 5.2rem auto
    }

    .c-howtouse-step-item-img {
        border-radius: 1.6rem;
        width: 25.6rem;
        height: 25.6rem
    }

    .c-howtouse-step-item-img.img1 {
        background-image: url(../images/common/howtouse/img_1_pc.png)
    }

    .c-howtouse-step-item-img.img2 {
        background-image: url(../images/common/howtouse/img_2_pc.png)
    }

    .c-howtouse-step-item-img.img3 {
        background-image: url(../images/common/howtouse/img_3_pc.png)
    }

    .c-howtouse-step-item-img.img4 {
        background-image: url(../images/common/howtouse/img_4_pc.png)
    }

    .c-howtouse-step-item-inner {
        padding-top: 4.3rem
    }

    .c-howtouse-step-item-ttl {
        font-size: 2rem;
        letter-spacing: .2em
    }

    .c-howtouse-step-item-txt {
        padding-top: 1.7rem;
        font-size: 1.5rem
    }

    .c-howtouse-step-item-txt sup {
        font-size: 1.2rem
    }

    .c-howtouse-note {
        padding-top: 6.3rem
    }

    .c-howtouse-close {
        top: 5rem;
        right: 5rem;
        width: 5.2rem;
        height: 4.6rem
    }

    .c-howtouse-close:after,
    .c-howtouse-close:before {
        width: 3.4rem;
        height: 2px
    }

    .p-magazine {
        padding: 15.9rem 0 7.5rem
    }

    .p-magazine-inner {
        width: 129.6rem;
        margin: 0 auto
    }

    .p-magazine-ttl {
        padding-left: 2.4rem
    }

    .p-magazine-article {
        margin-top: 6rem
    }

    .p-magazine-article-list {
        display: flex;
        align-items: stretch
    }

    .p-magazine-article-item {
        width: 38.4rem;
        margin: 0 2.4rem
    }

    .p-magazine-article-item-img {
        border-radius: 1.6rem
    }

    .p-magazine-article-item-inner {
        padding-top: 3rem
    }

    .p-magazine-article-item-date {
        font-size: 1.4rem
    }

    .p-magazine-article-item-txt {
        padding-top: 1.3rem;
        line-height: 2
    }

    .p-magazine-more {
        display: none
    }

    .p-magazine-more-btn {
        width: 16rem;
        height: 4.8rem;
        font-size: 1.6rem;
        border-radius: 2.4rem
    }

    .p-voice {
        padding: 7.5rem 0 12.8rem
    }

    .p-voice-inner {
        width: 131.2rem;
        margin: 0 auto
    }

    .p-voice-ttl {
        padding-left: 3.2rem
    }

    .p-voice-article {
        margin-top: 6.4rem
    }

    .p-voice-article-item {
        width: 59.2rem;
        margin: 0 3.2rem
    }

    .p-voice-article-item-img {
        border-radius: 1.6rem
    }

    .p-voice-article-icon {
        display: none
    }

    .p-sns {
        padding-top: 12.8rem;
        padding-bottom: 16rem
    }

    .p-sns-gallery-bottom+.p-sns-gallery-bottom,
    .p-sns-gallery-bottom+.p-sns-gallery-top,
    .p-sns-gallery-top+.p-sns-gallery-bottom,
    .p-sns-gallery-top+.p-sns-gallery-top {
        margin-top: 2.4rem
    }

    .p-sns-gallery-bottom-item,
    .p-sns-gallery-top-item {
        margin-right: 2.4rem;
        height: 24.75rem;
        border-radius: 1.6rem
    }

    .p-sns-gallery-bottom-item.size-l,
    .p-sns-gallery-top-item.size-l {
        width: 39.6rem
    }

    .p-sns-gallery-bottom-item.size-m,
    .p-sns-gallery-top-item.size-m {
        width: 24.75rem
    }

    .p-sns-gallery-bottom-item.size-s,
    .p-sns-gallery-top-item.size-s {
        width: 18.612rem
    }

    .p-sns-link {
        padding-top: 9.6rem
    }

    .p-sns-link li {
        margin: 0 4.8rem
    }

    .p-sns-link a svg {
        width: 3.2rem;
        margin-right: 2.2rem
    }

    .p-sns-link a span {
        padding-top: .4rem;
        font-size: 2rem
    }

    .p-faq {
        padding-top: 15.4rem;
        padding-bottom: 16rem
    }

    .p-faq-inner {
        display: flex;
        justify-content: space-between;
        width: 124.8rem;
        margin: 0 auto
    }

    .p-faq-body {
        width: 81.6rem;
        padding-top: .5rem
    }

    .p-faq-btn {
        padding-top: 6.4rem
    }

    .p-faq-btn a {
        width: 16rem;
        height: 4.8rem;
        font-size: 1.6rem;
        border-radius: 2.4rem
    }

    .p-banner {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .p-banner-item,
    .p-banner-item-img {
        width: 124.8rem;
        height: 35rem
    }

    .p-banner-item-img {
        transition: transform .75s
    }

    .p-banner-item-img.ed {
        background-image: url(../images/top/banner/img_oops_pc.jpg)
    }
}

@media screen and (max-width:833px) {
    .c-doctor-modal-inner {
        height: 100%
    }

    .c-doctor-modal.is-hide .c-doctor-modal-item {
        transform: translate3d(0, 5%, 0)
    }

    .c-doctor-modal-btn {
        top: 1.8rem;
        right: 2rem;
        width: 9rem;
        height: 7rem
    }

    .c-doctor-modal-btn:after,
    .c-doctor-modal-btn:before {
        width: 5rem;
        height: .2rem
    }

    .c-doctor-modal-body {
        padding: 10.6rem 5.5rem
    }

    .c-doctor-modal-item {
        padding: 6.4rem;
        border-radius: 2.4rem
    }

    .c-doctor-modal-item+.c-doctor-modal-item {
        margin-top: 4.8rem
    }

    .c-doctor-modal-item-profile-img {
        width: 26rem;
        height: 31rem;
        border-radius: 2.4rem
    }

    .c-doctor-modal-item-profile-name {
        padding-left: 4.8rem
    }

    .c-doctor-modal-item-profile-name span {
        font-size: 2rem
    }

    .c-doctor-modal-item-profile-name strong {
        padding-top: 1.2rem;
        font-size: 3.2rem
    }

    .c-doctor-modal-item-profile-txt {
        margin-top: 4.5rem;
        font-size: 2.4rem;
        line-height: 2
    }

    .c-doctor-modal-item-specialty {
        padding-top: 4rem;
        margin-top: 4.6rem;
        border-top-width: .2rem
    }

    .c-doctor-modal-item-specialty-ttl {
        font-size: 2.4rem
    }

    .c-doctor-modal-item-specialty-txt {
        padding-top: 1.5rem;
        font-size: 2rem
    }

    .c-youtube-modal-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100vh;
        pointer-events: none
    }

    .c-youtube-modal.is-hide .c-doctor-modal-item {
        transform: translate3d(0, 5%, 0)
    }

    .c-youtube-modal-btn {
        top: 1.8rem;
        right: 2rem;
        width: 9rem;
        height: 7rem
    }

    .c-youtube-modal-btn:after,
    .c-youtube-modal-btn:before {
        width: 5rem;
        height: .2rem
    }

    .c-youtube-modal-body {
        display: flex;
        align-items: stretch;
        justify-content: center;
        pointer-events: auto
    }

    .c-youtube-modal-youtube {
        width: 75rem;
        height: 42.2rem
    }

    .c-slider-list-item {
        border-radius: 2.4rem;
        width: 64rem;
        margin: 0 1.6rem
    }

    .c-slider-ui-icon {
        padding-top: 5.8rem
    }

    .c-slider-ui-icon li {
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 1rem;
        border-radius: 1.2rem
    }

    .c-slider-ui-icon li:before {
        border: .4rem solid #fff
    }

    .c-slider-ui-pager {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 6.7rem 5.5rem 0
    }

    .c-slider-ui-pager-navi {
        display: none
    }

    .c-slider-ui-pager-next i,
    .c-slider-ui-pager-prev i {
        top: -.2rem;
        width: 4rem
    }

    .c-slider-ui-pager-next svg,
    .c-slider-ui-pager-prev svg {
        flex: 0 0 auto;
        width: auto;
        height: 1.6rem
    }

    .c-slider-ui-pager-next span,
    .c-slider-ui-pager-prev span {
        font-size: 2.6rem;
        color: #fff
    }

    .gray .c-slider-ui-pager-next span,
    .gray .c-slider-ui-pager-prev span {
        color: #9d9d9d
    }

    .c-slider-ui-pager-prev i {
        margin-right: 2.4rem
    }

    .c-slider-ui-pager-next i {
        margin-left: 2.4rem
    }

    .c-important {
        margin-top: 6rem
    }

    .c-important+.c-important {
        margin-top: 2.4rem
    }

    .c-important-header {
        height: 10rem;
        padding: 3rem 9.2rem 2.2rem 3.8rem;
        font-size: 2.8rem
    }

    .c-important-header i {
        right: 3.6rem;
        width: 2.8rem;
        height: 2.8rem
    }

    .c-important-header i:after,
    .c-important-header i:before {
        height: .4rem
    }

    .c-important-body {
        font-size: 2.8rem
    }

    .c-important-body-inner {
        padding: 4.4rem 3.6rem 4.7rem 3.8rem
    }

    .c-important-body-ttl {
        font-size: 2.4rem
    }

    .c-important-body-group {
        margin-top: 3.5rem
    }

    .c-important-body-group h5 {
        font-size: 2.8rem
    }

    .c-important-body-group p {
        margin-top: 1rem;
        font-size: 2.2rem
    }

    .c-important-body-group p small {
        font-size: 2rem
    }

    .p-visual {
        height: 100vh;
        height: var(--firstViewHeight)
    }

    .p-visual-ttl {
        margin-top: -48rem
    }

    .p-visual-ttl-txt {
        width: 58.48rem
    }

    .p-visual-ttl-logo {
        width: 46.512rem;
        margin-top: 3.5rem
    }

    .p-visual-btn {
        position: absolute;
        bottom: 5.5rem;
        left: 5.5rem;
        z-index: 3;
        transition: transform 1s cubic-bezier(.19, 1, .22, 1) .4s
    }

    .is-ready .p-visual-btn {
        transform: translate3d(0, 200%, 0)
    }

    .p-concept {
        padding-top: 18.5rem;
        padding-bottom: 20rem
    }

    .p-concept-desc {
        width: 64rem;
        margin: 0 auto
    }

    .p-concept-desc-title {
        padding-left: 3.8rem;
        font-size: 5.6rem;
        line-height: 1.75;
        letter-spacing: 1.05rem
    }

    .p-concept-desc-copy {
        padding-left: 3.8rem;
        margin-top: 9rem
    }

    .p-concept-desc-copy-txt {
        font-size: 2.8rem;
        line-height: 2.6;
        letter-spacing: .6rem;
        white-space: nowrap
    }

    .p-concept-desc-copy-txt+.p-concept-desc-copy-txt {
        margin-top: 5.2rem
    }

    .p-concept-desc-copy-txt strong {
        font-size: 3.8rem
    }

    .p-concept-lead {
        margin-top: 9.5rem;
        margin-left: 5.5rem
    }

    .p-concept-lead-txt {
        display: table;
        padding: .6rem .4rem 0 .8rem;
        font-size: 5.2rem;
        letter-spacing: .6rem
    }

    .p-concept-lead-txt+.p-concept-lead-txt {
        margin-top: 3.5rem
    }

    .p-concept-step {
        margin-top: 53rem
    }

    .p-concept-step-item+.p-concept-step-item {
        margin-top: 15rem
    }

    .p-concept-step-item-img-img {
        border-radius: 0 2.4rem 2.4rem 0
    }

    .item2 .p-concept-step-item-img-img {
        border-radius: 2.4rem 0 0 2.4rem
    }

    .p-concept-step-item-img {
        width: 68rem;
        height: 42.5rem;
        border-radius: 0 2.4rem 2.4rem 0
    }

    .item2 .p-concept-step-item-img {
        margin-right: 0;
        margin-left: auto;
        border-radius: 2.4rem 0 0 2.4rem
    }

    .p-concept-step-item-info {
        width: 62rem;
        margin: 7.5rem auto 0
    }

    .p-concept-step-item-info-lead svg {
        width: 16rem;
        height: auto
    }

    .p-concept-step-item-info-lead strong {
        padding-top: .5rem;
        margin-left: 2.4rem;
        font-size: 5.8rem
    }

    .p-concept-step-item-info-txt {
        margin-top: 1rem;
        font-size: 4rem;
        line-height: 2;
        letter-spacing: .7rem
    }

    .p-concept-obj-item {
        width: 4.8rem;
        height: 4.8rem
    }

    .p-concept-obj-img-1 {
        top: 177rem;
        left: -25rem;
        width: 75rem;
        height: 61.6rem;
        background-image: url(../images/top/concept/img_hair_product_sp.png)
    }

    .p-concept-obj-01 {
        top: 152rem;
        left: -37rem
    }

    .p-concept-obj-02 {
        top: 222rem;
        left: -3rem
    }

    .p-concept-obj-03 {
        top: 219rem;
        left: 12rem
    }

    .p-concept-obj-04 {
        top: 229rem;
        left: 7rem
    }

    .p-concept-obj-05,
    .p-concept-obj-06 {
        display: none
    }

    .p-feature {
        padding-top: 19rem;
        padding-bottom: 18rem
    }

    .p-feature-point {
        margin-top: 9.2rem
    }

    .p-feature-point-item {
        width: 64rem;
        padding: 0 2.9rem;
        margin: 0 auto
    }

    .p-feature-point-item+.p-feature-point-item {
        padding-top: 14.8rem
    }

    .p-feature-point-item-img {
        border-radius: 2.4rem;
        width: 64rem;
        height: 64rem;
        margin: 0 -2.9rem
    }

    .p-feature-point-item-inner {
        margin-top: -3.2rem
    }

    .p-feature-point-item-num {
        margin-left: -.8rem;
        font-size: 8rem
    }

    .p-feature-point-item-ttl {
        padding-top: 4rem;
        font-size: 4.8rem
    }

    .p-feature-point-item-txt {
        padding-top: 3.6rem;
        font-size: 3.2rem;
        white-space: nowrap
    }

    .p-feature-point-item-link {
        padding-top: 4.5rem
    }

    .p-feature-point-item-note {
        padding-top: 11rem
    }

    .p-feature-point-item-note li {
        margin-left: 3.5rem;
        font-size: 2.4rem;
        text-indent: -3.5rem;
        white-space: nowrap
    }

    .p-movie {
        padding-top: 19rem;
        padding-bottom: 18rem
    }

    .p-movie-ttl2 {
        margin-top: 8rem
    }

    .p-movie-youtube {
        width: 64rem;
        height: 36rem;
        margin: 8.2rem auto 0
    }

    .p-movie-youtube-img {
        background-image: url(../images/top/movie/img_thumb_sp.png)
    }

    .p-movie-youtube-btn {
        width: 10rem;
        height: 10rem
    }

    .p-about {
        padding-top: 18rem;
        padding-bottom: 18rem
    }

    .p-about-ttl2 {
        margin-top: 7.6rem;
        font-size: 4rem
    }

    .p-about-list {
        margin-top: 7rem
    }

    .p-about-list-item {
        padding: 7rem 6rem 5rem
    }

    .p-about-list-item-ttl {
        margin-bottom: 6rem;
        font-size: 4.8rem;
        text-align: center
    }

    .item6 .p-about-list-item-ttl {
        font-size: 3.6rem;
        letter-spacing: .15em
    }

    .p-about-list-item-ttl span {
        display: block;
        width: 100%;
        padding-bottom: 4.4rem
    }

    .p-about-list-item-ttl span:before {
        height: .4rem
    }

    .p-about-list-item-lead {
        margin-top: 6rem;
        font-size: 4rem;
        line-height: 1.7;
        text-align: center
    }

    .item4 .p-about-list-item-lead {
        font-size: 3.6rem
    }

    .item5 .p-about-list-item-lead,
    .item6 .p-about-list-item-lead {
        font-size: 2.6rem;
        letter-spacing: .17rem
    }

    .p-about-list-item-alopecia {
        font-size: 2.2rem;
        text-align: center
    }

    .p-about-list-item-txt {
        margin-top: 4.8rem;
        font-size: 2.6rem;
        line-height: 2;
        text-align: center
    }

    .item1 .p-about-list-item-txt {
        font-size: 3rem
    }

    .item2 .p-about-list-item-txt,
    .item3 .p-about-list-item-txt {
        letter-spacing: .17rem
    }

    .item4 .p-about-list-item-txt {
        margin-top: 2.6rem
    }

    .item5 .p-about-list-item-txt {
        letter-spacing: .17rem
    }

    .item6 .p-about-list-item-txt {
        letter-spacing: .14rem
    }

    .p-about-list-item1-box {
        display: flex;
        justify-content: space-between;
        width: 49rem;
        margin: 5.6rem auto 0
    }

    .p-about-list-item1-img1,
    .p-about-list-item1-img2 {
        border-radius: 2.4rem;
        width: 22.5rem;
        height: 28.2rem
    }

    .p-about-list-item2-img1 {
        width: 50.856rem;
        height: 49.608rem;
        margin: 3rem auto 0
    }

    .p-about-list-item3-img1 {
        width: 52rem;
        height: 48.9rem;
        margin: 4rem auto 0;
        background-image: url(../images/top/about/item3_img1_sp.png)
    }

    .p-about-list-item4-img1 {
        border-radius: 2.4rem;
        width: 27.1rem;
        height: 19rem;
        margin: 2.4rem auto 0
    }

    .p-about-list-item5-img1 {
        width: 48.84rem;
        height: 39.072rem;
        margin: 4rem auto 0
    }

    .p-about-list-item6-img1 {
        width: 42.24rem;
        height: 28.116rem;
        margin: 4rem auto 0;
        border: .2rem solid #fff
    }

    .p-start {
        padding-top: 18rem;
        padding-bottom: 18rem
    }

    .p-start-ttl2 {
        margin-top: 7.6rem;
        font-size: 4.6rem
    }

    .p-start-desc {
        margin-top: 8rem;
        font-size: 4rem
    }

    .p-start-list {
        margin-top: 7rem
    }

    .p-start-list-item-head {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 9.5rem
    }

    .p-start-list-item-head-ttl {
        padding-top: .4rem;
        font-size: 3.6rem
    }

    .p-start-list-item-head-ttl .num {
        top: -.2rem;
        width: 4rem;
        height: 4rem;
        padding-top: .2rem;
        padding-left: .6rem;
        margin-left: 1rem;
        font-size: 2.6rem;
        border: .3rem solid #fff
    }

    .p-start-list-item-main {
        padding: 5rem 6rem 6rem
    }

    .p-start-list-item-main-lead {
        font-size: 3.2rem;
        line-height: 1.7;
        text-align: center
    }

    .item2 .p-start-list-item-main-lead,
    .item3 .p-start-list-item-main-lead {
        letter-spacing: .1rem
    }

    .p-start-list-item-main-txt {
        margin-top: 5.1rem;
        font-size: 2.6rem;
        line-height: 2;
        text-align: center
    }

    .item2 .p-start-list-item-main-txt {
        letter-spacing: .17rem
    }

    .item3 .p-start-list-item-main-txt {
        letter-spacing: .1rem
    }

    .p-start-list-item-main-item1-img1 {
        width: 58.3rem;
        height: 39rem;
        margin-top: 3.8rem;
        margin-left: -3rem;
        background-image: url(../images/top/start/item1_img1_sp.png)
    }

    .p-start-list-item-main-item2-img1 {
        width: 27.6rem;
        height: 50.1rem;
        margin: 2rem auto 0;
        background-image: url(../images/top/start/item2_img1_sp.png)
    }

    .p-start-list-item-main-item3-img1 {
        width: 53.4rem;
        height: 49.8rem;
        margin: 2rem 0 0 -1rem;
        background-image: url(../images/top/start/item3_img1_sp.png)
    }

    .p-products {
        padding-top: 18rem;
        padding-bottom: 20rem
    }

    .p-products-ttl2 {
        margin-top: 7.6rem;
        font-size: 3.2rem
    }

    .p-products-detail {
        width: 64rem;
        margin-top: 11.2rem
    }

    .p-products-detail+.p-products-detail {
        margin-top: 15rem
    }

    .p-products-detail-img {
        border-radius: 2.4rem;
        width: 64rem;
        height: 64rem
    }

    .p-products-detail-info {
        margin-top: 10rem
    }

    .p-products-detail-info-ttl {
        font-size: 3.8rem;
        letter-spacing: .6rem
    }

    .p-products-detail-info-ttl span {
        width: 100%;
        padding: 1.4rem 2.4rem .6rem 2.8rem
    }

    .p-products-detail-info-nm {
        margin-top: 2.2rem;
        font-size: 4rem
    }

    .p-products-detail-info-feature {
        display: flex;
        justify-content: space-between;
        width: 110%;
        margin-top: 5.8rem;
        margin-left: -5%
    }

    .p-products-detail-info-feature-item {
        width: 33.333%;
        text-align: center
    }

    .p-products-detail-info-feature-item+.p-products-detail-info-feature-item {
        border-left: 1px solid #000
    }

    .p-products-detail-info-feature-item-ttl {
        font-size: 2.2rem;
        letter-spacing: .1rem
    }

    .p-products-detail-info-feature-item-img {
        width: 12.6rem;
        height: 9.8rem;
        margin-top: 1.2rem
    }

    .p-products-detail-info-feature-item-txt {
        margin-top: 2.6rem;
        font-size: 2.4rem;
        line-height: 1.75;
        letter-spacing: 0
    }

    .p-products-detail-info-feature-item-txt span {
        font-size: 1.8rem;
        vertical-align: middle
    }

    .p-products-detail-info-progress {
        margin-top: 8rem
    }

    .p-products-detail-info-progress-ttl {
        font-size: 2.7rem
    }

    .p-products-detail-info-progress-note {
        font-size: 2rem
    }

    .p-products-detail-info-progress-img {
        border-radius: 2.4rem;
        width: 63.84rem;
        height: 14.25rem;
        margin-top: 1.5rem
    }

    .p-products-detail-info-delivery {
        border-radius: 2.4rem;
        padding-top: 2.5rem;
        padding-bottom: 2.2rem;
        margin-top: 8.4rem;
        border: 1px solid #d45b41
    }

    .p-products-detail-info-delivery-off {
        position: absolute;
        top: -1.4rem;
        left: -1.4rem;
        z-index: 2;
        width: 9.4rem;
        height: 9.4rem;
        padding-bottom: 1.3rem
    }

    .p-products-detail-info-delivery-off-num {
        font-size: 3.6rem;
        letter-spacing: .02rem
    }

    .p-products-detail-info-delivery-off-per {
        padding-top: .8rem;
        font-size: 2.2rem
    }

    .p-products-detail-info-delivery-off-off {
        position: absolute;
        bottom: .8rem;
        font-size: 2.2rem
    }

    .p-products-detail-info-delivery-ttl {
        font-size: 3.2rem
    }

    .p-products-detail-info-delivery-subttl {
        font-size: 3rem
    }

    .p-products-detail-info-delivery-data {
        margin-top: -.2rem;
        letter-spacing: .2rem
    }

    .p-products-detail-info-delivery-data .t0 {
        position: relative;
        top: 1.8rem;
        margin-right: .8rem;
        font-size: 2.2rem;
        letter-spacing: 0;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl
    }

    .p-products-detail-info-delivery-data .t1 {
        font-size: 5.3rem
    }

    .p-products-detail-info-delivery-data .t2,
    .p-products-detail-info-delivery-data .t3 {
        font-size: 3.5rem
    }

    .p-products-detail-info-delivery-data .t4 {
        font-size: 4rem
    }

    .p-products-detail-info-delivery-data .t5 {
        font-size: 3.6rem
    }

    .p-products-detail-info-delivery-data .t6 {
        font-size: 2.4rem
    }

    .p-products-detail-info-delivery-data .t7 {
        font-size: 3rem
    }

    .p-products-detail-info-delivery-data .t8 {
        font-size: 2.2rem
    }

    .p-products-detail-info-delivery-note {
        margin-top: .2rem;
        font-size: 2rem
    }

    .p-products-detail-info-price {
        border-radius: 2.4rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
        margin-top: 3rem
    }

    .p-products-detail-info-price-ttl {
        font-size: 3.2rem
    }

    .p-products-detail-info-price-subttl {
        margin-top: 1rem;
        font-size: 3rem
    }

    .p-products-detail-info-price-subttl:first-of-type {
        margin-top: 0
    }

    .p-products-detail-info-price-data {
        letter-spacing: .2rem
    }

    .p-products-detail-info-price-data .t1 {
        margin-right: 2.4rem;
        font-size: 2.4rem
    }

    .p-products-detail-info-price-data .t2 {
        font-size: 4.2rem
    }

    .p-products-detail-info-price-data .t3,
    .p-products-detail-info-price-data .t4 {
        font-size: 3rem
    }

    .p-products-detail-info-price-data .t5 {
        font-size: 3.2rem
    }

    .p-products-detail-info-price-data .t6 {
        font-size: 3rem
    }

    .p-products-detail-info-price-data .t7 {
        font-size: 2rem
    }

    .p-products-detail-info-price-data .t8 {
        font-size: 2.4rem
    }

    .p-products-detail-info-price-data .t9 {
        font-size: 2rem
    }

    .p-products-detail-info-desc {
        margin-top: 2.6rem;
        font-size: 2.4rem
    }

    .p-products-detail-info-desc-txt+.p-products-detail-info-desc-txt {
        margin-top: 3rem
    }

    .p-products-detail-info-btnbox-btn,
    .p-products-detail-info-btnbox-note {
        margin-top: 4.2rem
    }

    .p-products-diff {
        margin-top: 7rem
    }

    .p-products-diff-ttl {
        font-size: 4rem
    }

    .p-products-diff-img {
        width: 64rem;
        height: 38rem;
        margin: 2rem auto 0;
        background-image: url(../images/top/products/img_diff_sp.png)
    }

    .p-case {
        padding-top: 18rem;
        padding-bottom: 16rem
    }

    .page-products .p-case .t-ttl-1 small {
        font-size: 4.8rem
    }

    .p-case-list {
        margin-top: 7rem
    }

    .p-case-list-item {
        width: 64rem;
        height: 96rem
    }

    .p-case-list-item-top-bg {
        background-image: url(../images/top/case/img_1_sp.jpg)
    }

    .p-case-list-item-top-inner {
        bottom: 9rem;
        height: 19rem;
        padding-top: 3.3rem
    }

    .p-case-list-item-top-sub {
        font-size: 3rem
    }

    .p-case-list-item-top-ttl {
        font-size: 6.4rem
    }

    .p-case-list-item-data {
        padding: 8rem 6rem
    }

    .p-case-list-item-data-profile {
        height: 11.2rem;
        padding-left: 14.5rem
    }

    .p-case-list-item-data-profile-img {
        width: 11.2rem;
        height: 11.2rem;
        border-radius: 1.6rem
    }

    .p-case-list-item-data-profile-nm {
        padding-top: 1rem;
        font-size: 3.4rem
    }

    .p-case-list-item-data-profile-txt {
        font-size: 2.8rem
    }

    .p-case-list-item-data-main {
        display: flex;
        flex-direction: column;
        margin-top: 6.4rem
    }

    .p-case-list-item-data-main-info {
        order: 2;
        margin-top: 3.5rem;
        font-size: 2.8rem;
        line-height: 2
    }

    .p-case-list-item-data-main-effect {
        order: 1;
        width: 100%
    }

    .p-case-list-item-data-main-effect:after {
        top: 8.8rem;
        left: calc(50% - .75rem);
        border-width: 1.6rem 0 1.6rem 2.4rem
    }

    .p-case-list-item-data-main-effect-item-img {
        width: 22.5rem;
        height: 20.8rem;
        border-radius: 2rem
    }

    .p-case-list-item-data-main-effect-item-img img {
        border-radius: 2rem
    }

    .p-case-list-item-data-main-effect-item-txt {
        margin-top: 1rem;
        font-size: 2.8rem
    }

    .p-case-note {
        width: 64rem;
        margin: 9.5rem auto 0
    }

    .p-question {
        padding-top: 18rem;
        padding-bottom: 18rem
    }

    .p-question-list {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        margin-top: 7rem
    }

    .p-question-list-item {
        padding: 9rem 6rem
    }

    .p-question-list-item-shape {
        width: 9.8rem;
        height: 7.6rem
    }

    .p-question-list-item-shape.shape1 {
        top: -1.5rem;
        left: 4rem
    }

    .p-question-list-item-shape.shape2 {
        right: 4rem;
        bottom: -1.5rem;
        transform: rotate(180deg)
    }

    .p-question-list-item-a {
        margin-top: 6rem
    }

    .p-question-list-item-a-box {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-start
    }

    .p-question-list-item-a-ttl {
        padding-bottom: 1rem;
        padding-left: 4rem;
        font-size: 3.2rem
    }

    .p-question-list-item-a-profile {
        width: 11rem
    }

    .p-question-list-item-a-profile-img {
        border-radius: 2.4rem;
        width: 11rem;
        height: 11rem
    }

    .p-question-list-item-a-profile-nm {
        margin-top: 1.6rem;
        font-size: 2.4rem
    }

    .p-question-list-item-a-txt {
        margin-top: 3.5rem;
        font-size: 2.8rem;
        line-height: 2
    }

    .c-howtouse {
        padding-top: 18.4rem;
        padding-bottom: 18.2rem
    }

    .c-howtouse-inner {
        padding: 0 5.5rem
    }

    .c-howtouse-step {
        padding-top: 9.3rem
    }

    .c-howtouse-step-item {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start
    }

    .c-howtouse-step-item:not(:last-of-type) {
        padding-bottom: 8.1rem
    }

    .c-howtouse-step-item:not(:last-of-type):after {
        position: absolute;
        bottom: 1.7rem;
        left: 0;
        width: 16rem;
        height: calc(100% - 19.2rem);
        content: "";
        background-image: url(../images/common/howtouse/arrow_sp.svg);
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-size: 2rem auto
    }

    .c-howtouse-step-item-img {
        border-radius: 2.4rem;
        width: 16rem;
        height: 16rem;
        margin-right: 4.8rem
    }

    .c-howtouse-step-item-img.img1 {
        background-image: url(../images/common/howtouse/img_1_sp.png)
    }

    .c-howtouse-step-item-img.img2 {
        background-image: url(../images/common/howtouse/img_2_sp.png)
    }

    .c-howtouse-step-item-img.img3 {
        background-image: url(../images/common/howtouse/img_3_sp.png)
    }

    .c-howtouse-step-item-img.img4 {
        background-image: url(../images/common/howtouse/img_4_sp.png)
    }

    .c-howtouse-step-item-ttl {
        font-size: 3.6rem;
        letter-spacing: .1em
    }

    .c-howtouse-step-item-txt {
        padding-top: 2.1rem;
        font-size: 2.6rem
    }

    .c-howtouse-step-item-txt sup {
        font-size: 2rem
    }

    .c-howtouse-note {
        padding-top: 10.2rem
    }

    .c-howtouse-close {
        top: 1.8rem;
        right: 2rem;
        width: 9rem;
        height: 7rem
    }

    .c-howtouse-close:after,
    .c-howtouse-close:before {
        width: 5rem;
        height: .2rem
    }

    .p-magazine {
        padding: 18.4rem 0 10.8rem
    }

    .p-magazine-inner {
        padding: 0 5.5rem
    }

    .p-magazine-article {
        padding-top: 9.2rem
    }

    .p-magazine-article.is-all-show .p-magazine-article-item {
        display: block
    }

    .p-magazine-article-item,
    .p-magazine-article.is-all-show+.magazine-more {
        display: none
    }

    .p-magazine-article-item:first-of-type,
    .p-magazine-article-item:nth-of-type(2) {
        display: block
    }

    .p-magazine-article-item+.p-magazine-article-item {
        padding-top: 8.2rem
    }

    .p-magazine-article-item-img {
        border-radius: 2.4rem
    }

    .p-magazine-article-item-inner {
        padding-top: 4.5rem
    }

    .p-magazine-article-item-date {
        font-size: 2.6rem
    }

    .p-magazine-article-item-txt {
        padding-top: 2.5rem;
        line-height: 1.7
    }

    .p-magazine-article-pager,
    .p-magazine-more.is-hide {
        display: none
    }

    .p-magazine-more-btn {
        width: 32rem;
        height: 9.6rem;
        font-size: 3.2rem;
        border-radius: 4.8rem
    }

    .p-voice {
        padding: 10.8rem 0 10.9rem
    }

    .p-voice-article {
        padding: 9.2rem 3.9rem 0
    }

    .p-voice-article-item {
        width: 64rem;
        margin: 0 1.6rem
    }

    .p-voice-article-item-img {
        border-radius: 2.4rem
    }

    .p-voice-article-pager {
        display: none
    }

    .p-sns {
        padding-top: 10.9rem;
        padding-bottom: 19.4rem
    }

    .p-sns-gallery-bottom+.p-sns-gallery-bottom,
    .p-sns-gallery-bottom+.p-sns-gallery-top,
    .p-sns-gallery-top+.p-sns-gallery-bottom,
    .p-sns-gallery-top+.p-sns-gallery-top {
        margin-top: 3.5rem
    }

    .p-sns-gallery-bottom-item,
    .p-sns-gallery-top-item {
        margin-right: 3.5rem;
        height: 37.5rem;
        border-radius: 2rem
    }

    .p-sns-gallery-bottom-item.size-l,
    .p-sns-gallery-top-item.size-l {
        width: 60rem
    }

    .p-sns-gallery-bottom-item.size-m,
    .p-sns-gallery-top-item.size-m {
        width: 37.5rem
    }

    .p-sns-gallery-bottom-item.size-s,
    .p-sns-gallery-top-item.size-s {
        width: 28.2rem
    }

    .p-sns-link {
        padding-top: 18rem
    }

    .p-sns-link li {
        margin: 0 5.4rem
    }

    .p-sns-link a {
        flex-direction: column
    }

    .p-sns-link a svg {
        width: 6.4rem;
        margin: 0 auto 3.6rem
    }

    .p-sns-link a span {
        font-size: 2.8rem
    }

    .p-faq {
        padding-top: 18.4rem;
        padding-bottom: 19.2rem
    }

    .p-faq-inner {
        padding: 0 5.5rem
    }

    .p-faq-body {
        padding-top: 9.3rem
    }

    .p-faq-btn {
        padding-top: 6.4rem
    }

    .p-faq-btn a {
        width: 32rem;
        height: 9.6rem;
        font-size: 3.2rem;
        border-radius: 4.8rem
    }

    .p-banner {
        padding-top: 9.4rem;
        padding-bottom: 9.4rem
    }

    .p-banner-item,
    .p-banner-item-img {
        width: 64rem;
        height: 21.6rem
    }

    .p-banner-item-img.ed {
        background-image: url(../images/top/banner/img_oops_sp.jpg)
    }
}

@media (hover:hover) {

    .c-doctor-modal-btn:hover:after,
    .c-doctor-modal-btn:hover:before {
        background-color: #4993ba
    }

    .c-youtube-modal-btn:hover:after,
    .c-youtube-modal-btn:hover:before {
        background-color: #d45b41
    }

    .c-slider-ui-pager-navi-btn:hover {
        opacity: 1
    }

    .c-slider-ui-pager-prev:hover {
        transform: translateX(-.2rem)
    }

    .c-slider-ui-pager-next:hover {
        transform: translateX(.2rem)
    }

    .c-important-header:hover,
    .c-important-header:hover:before {
        color: #d45b41
    }

    .c-important-header:hover i:after,
    .c-important-header:hover i:before {
        background-color: #d45b41
    }

    .p-movie-youtube-cover:hover {
        transition: background-color .2s
    }

    .c-howtouse-close:hover:after,
    .c-howtouse-close:hover:before {
        background-color: #d45b41
    }

    .p-magazine-article-item:hover .magazine-article-item-date,
    .p-magazine-article-item:hover .magazine-article-item-txt {
        color: #d45b41
    }

    .p-magazine-article-pager i:hover svg,
    .p-sns-link a:hover svg,
    .p-voice-article-pager i:hover svg {
        fill: #d45b41
    }

    .p-sns-link a:hover span {
        color: #d45b41
    }

    .p-faq-btn a:hover {
        background-color: #d45b41
    }

    .p-banner-item-img:hover {
        transform: scale(1.02)
    }
}

/*2304*/
.p-feature-point-item.item2 .p-feature-point-item-ttl span {
    font-size: 0.9em;
    letter-spacing: .14em;
}

.p-products-diff-p {
    text-align: center;
    font-size: 2rem;
    padding-top: 2rem;
}

.p-products-detail-info-nm {
    margin-top: 3rem;
    vertical-align: middle;
    position: relative;

}



[only-n-tab] .p-products-detail-info-nm {
    line-height: 120%;
}



.products-shonin {
    display: inline-block;
    position: absolute;
    width: 6rem;
    height: 6rem;
    right: 0;
    top: 50%;
    transform: translate(0, -52%);
}

.products-shonin2 {
    display: inline-block;
    position: absolute;
    width: 7.3rem;
    height: 7.3rem;
    left: 6.5rem;
    top: 50%;
    transform: translate(0, -60%);
}

.products-shonin-wrap {
    vertical-align: middle;


    display: inline-block;
    position: relative;
    height: 1em;
    width: 1em;
    margin-right: 10px;

}

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


    .products-shonin {
        width: 7.3rem;
        height: 7.3rem;
    }

    .products-shonin2 {
        width: 9rem;
        height: 9rem;
        left: 5rem;

    }


    [only-n-tab] .p-products-detail-info-ttl {
        font-size: 2.9rem;
    }


}


.products-plus {
    position: relative;
    top: -0.3rem;
}

/*tab*/
.products-n-taber {
    display: flex;
    position: relative;
    justify-content: space-between;
    height: 13rem;
    border-bottom: solid 0.5rem #4A92B7;
    margin-bottom: 10rem;
    margin: 0 auto;
    gap: 0 0.5rem;
    margin-top: 11.2rem;
    margin-bottom: 11.2rem;
}


.products-n-tab-button {
    width: 49%;
    height: 100%;
    background: #ECECEC;
    position: relative;
    border-radius: 1.1rem 1.1rem 0 0;
    cursor: pointer;

}

.products-n-tab-text {
    font-size: 3rem;
    text-align: center;
    width: 100%;
    line-height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -40%);
}



.products-n-tab-button:hover {
    opacity: 0.9;
}

[n-tab="1"] [n-tabr="1"],
[n-tab="2"] [n-tabr="2"],
[n-tab="3"] [n-tabr="3"] {
    background: #4A92B7;
    color: #fff;

}

.p-products-detail[only-n-tab] {
    height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;

}

[n-tab="1"] [only-n-tab="1"],
[n-tab="2"] [only-n-tab="2"],
[n-tab="3"] [only-n-tab="3"] {
    opacity: 1 !important;
    height: auto;
    overflow: visible;
    transition: opacity 1500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* easeOutExpo */
}



.product3a .p-products-detail-img {
    background-image: url(../images/top/products/img_3a_pc.jpg);
}

[only-n-tab] .p-products-detail-info-progress-img {
    background-image: url(../images/top/products/img_progress_3a_pc.png);
}


.product3b .p-products-detail-img {
    background-image: url(../images/top/products/img_3b_pc.jpg);
}

.product4a .p-products-detail-img {
    background-image: url(../images/top/products/img_4a_pc.jpg);
}

.product4b .p-products-detail-img {
    background-image: url(../images/top/products/img_4b_pc.jpg);
}


.product0 .p-products-detail-img {
    height: 0;
}

.c-important {
    margin-top: 0;
}

.img_price {

    width: 60rem;
    height: auto;
    display: block;
    margin: 0 auto;
}





@media screen and (min-width: 834px) {
    .products-n-taber {
        margin-top: 15rem;
        width: 128rem;
        height: 5rem;
        margin-bottom: 8.5rem;
    }

    .products-n-tab-button {
        width: 49.5%;
    }


    .products-n-tab-text {
        font-size: 2rem;
    }


    [only-n-tab] .p-products-detail-info-ttl {
        font-size: 2.4rem;
        letter-spacing: .4rem;
    }

}


/*products-note*/
.products-note {
    margin-top: 4rem;
    border: solid 1px #000;
    position: relative;
}

.products-note-in {
    padding: 1.3rem;
    padding-left: 7rem;
}

.products-note-in span {
    color: #4A92B7;
}

.products-note-img {
    position: absolute;
    left: 3.5rem;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 4rem;
    height: 4rem;
    display: block;
}

@media screen and (max-width: 833px) {
    .products-note {
        margin-top: 7rem;

        font-size: 2rem;
    }
}

.products-add {
    position: absolute;
    top: 90%;
    font-size: 2rem;
    letter-spacing: 0;
    transform: translate(-100%, 0);
}

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

    .products-add {
        font-size: 1.1rem;
    }

}

/*price-select*/


.price-select {
    margin: 3.5em 0 1em;
    position: relative;
    font-size: 2rem;
}

.price-select-head {

    display: flex;
    gap: 0 0.26em;
    position: relative;
    justify-content: space-between;
    margin-bottom: 0.26em;

}



.price-select-button {
    background: #ECECEC;

    width: 33%;
    position: relative;
    z-index: 1;
    border-radius: 0.5em 0.5em 0 0;
    cursor: pointer;
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

}

.price-select-button:hover {
    opacity: 0.8;
}

.price-select-button:before {
    content: "";
    display: block;
    padding-top: 61%;
}

.price-select-button-off {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1em;
    background: #D35C47;
    text-align: center;
    color: #fff;
    line-height: 110%;
    border-radius: 0.5em 0.5em 0 0;

}

.price-select-button-off-in {
    line-height: 100%;
    font-size: 1.7em;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translate(0, -45%) scale(0.5);
}

.price-select-button-cont {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    line-height: 100%;
    transform: translate(0, -50%);
    text-align: center;
    font-size: 1.9em;
}

.price-select-button-cont span {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 0.8em;
    line-height: 100%;
    transform: scale(0.5);
}

.price-select-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, -40%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.9em;
    border-bottom-width: 0;
    border-color: #ececec transparent transparent transparent;
    opacity: 0;
    transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
    /* easeOutExpo */

}

[n-pl="1"] [n-plr="1"].price-select-button,
[n-pl="2"] [n-plr="2"].price-select-button,
[n-pl="3"] [n-plr="3"].price-select-button {
    background: #4A92B7;
    color: #fff;

}

[n-pl="1"] [n-plr="1"].price-select-button:after,
[n-pl="2"] [n-plr="2"].price-select-button:after,
[n-pl="3"] [n-plr="3"].price-select-button:after {
    transform: translate(-50%, 0);
    border-color: #4A92B7 transparent transparent transparent;

    opacity: 1;

}

.price-select-cont {
    width: 100%;
    background: #E7E1D6;
    border-radius: 0 0 1em 1em;
    text-align: center;
}

.price-select-cont1 {
    padding-top: 2.5em;

    font-size: 1em;
    vertical-align: bottom;
    text-align: center;
    line-height: 1em;
}

.price-select-cont1 span {
    padding-right: 0.2em;
    font-size: 3em;
    vertical-align: bottom;

    line-height: 0.7em;
}


.price-select-cont2 {
    margin-top: 1em;
    font-size: 1em;
    vertical-align: bottom;
    text-align: center;
    line-height: 1em;
}

.price-select-cont3 {
    margin-top: 1.8em;
    font-size: 0.8em;
    vertical-align: bottom;
    text-align: center;
    line-height: 1em;
    padding-bottom: 1.8em;

}


.price-select-cont3 span {

    color: #4A92B7;
}

.price-select-cont6 {
    text-align: center;
    display: inline-block;
    border-top: solid 1px #000;
    font-size: 1em;
    margin-top: 1em;
}

[only-n-pl] {
    height: 0;
    overflow: hidden;
    opacity: 0;
}

[n-pl="1"] [only-n-pl="1"],
[n-pl="2"] [only-n-pl="2"],
[n-pl="3"] [only-n-pl="3"] {
    opacity: 1;
    height: auto;
    overflow: visible;
    transition: opacity 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000);

}


@media screen and (max-width: 833px) {
    .p-products-diff-img {
        height: 40rem;
    }
    
    .price-tab-notes {
      font-size: 2.4rem;
    }




    .p-case-list-item-data-profile-txt {
        font-size: 2.5rem;

        letter-spacing: .2rem;
        white-space: normal;
    }



    .c-slider-ui-icon {
        flex-wrap: wrap;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .c-slider-ui-icon li {
        margin: 1rem;
    }
}


/*2401*/
@media screen and (max-width: 833px) {
    .pc24 {
        display: none !important;
    }
}

@media screen and (min-width: 834px) {
    .sp24 {
        display: none !important;
    }
}

[only-n-tab="2"].product1 .p-products-detail-img {
    background-image: url(../images/top/products/img_1_pc_2.jpg);
}

[only-n-tab="2"].product3a .p-products-detail-img {
    background-image: url(../images/top/products/img_3a_pc_2.jpg);
}

.products-n-tab-text {
    line-height: 130%;
}

.price-tab {
    width: 500px;
    max-width: 85%;
    margin: 10rem auto 0;
}

@media screen and (max-width: 833px) {
    .price-tab .products-n-taber {
        height: 8rem;
    }

    .price-tab .products-n-tab-text {
        font-size: 2.5rem;
    }
}

.price-tab .products-n-taber {
    width: 100%;
    margin: 0;
}

.price24 {
    display: block;
    height: 0;
    opacity: 0;
}


/*user*/
/*/10*/

.user__section {
    background: #fff;
    /*padding-top: 5rem;*/
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

@media screen and (min-width: 834px) {
    .user__section {
        width: 200%;
        transform: translate(-50%,0) scale(0.75);
        transform-origin: center top;
        left:50%;
        position:absolute;
    }

.userhide {
    height:86rem;
    position: relative;
    overflow: hidden;
    width: 100%;
}

}



.user__title {
    font-weight: bold;
    font-size: 4rem;
    /*    border-top: solid 1px #ccc;*/
    padding: 11rem;
    text-align: center;

}

.user__slide {
    padding: 0 1.25rem;
}

.user__slide__set {
    position: relative;
    width: 56rem;
    height: 59.5rem;
    background: #F2F2F2;
    border-radius: 2.5rem;
}

.user__slide__in {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 10rem);
    height: calc(100% - 11rem);
    transform: translate(-50%, -50%);
}

.user__slide__title {
    font-size: 3.2rem;
    font-weight: bold;
    color: #000;
}

.user__slide__text {
    font-size: 2.8rem;
    line-height: 4.6rem;
    font-weight: 400;
    color: #000;
}

.user__slide__star {
    color: #F47A00;
    font-size: 3.1rem;
    margin-bottom: 1rem;
}


.user__slide__name {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 2.8rem;
    font-weight: bold;

}

.user__navs {
    font-size: 0;
    padding: 7.7rem 0 11.7rem;
    text-align: center;
}

.user__navs img {
    width: 8rem;
    height: 8rem;
    display: inline-block;
    margin: 0 2.25rem;
    cursor: pointer;
}

.t_qa {
    max-width: 600px;
    width: 100%;
    margin: 0 auto 10rem;
    display: block;
}

.price-select-button-off-in {
    white-space: nowrap;
}