@charset "UTF-8";

/* -----------------------------------------------

基本スタイル

----------------------------------------------- */
* {
    margin: 0;
    padding: 0;
    outline: none;
}
.lp_wrap {
    max-width: 750px;
    margin: auto;
    overflow: hidden;
}
.lp_wrap * {
    font-size: 10px;
    font-weight: normal;
    line-height: 1em;
}
.lp_wrap ul,
.lp_wrap dl {
    list-style: none;
}
.lp_wrap img,
.lp_wrap video {
    width: 100%;
    height: auto;
    vertical-align: top;
}
.lp_wrap > section {
    position: relative;
}
.lp_wrap .slider {
    display: none;
}
.lp_wrap .slider.slick-initialized {
    display: block;
}

/* -----------------------------------------------

FV

----------------------------------------------- */
.lp_wrap .fv1 .logo {
    position: absolute;
    top: 2%;
    left: 3%;
    width: 25.066%;
    transition-duration: 0.6s;
    opacity: 0;
}
.lp_wrap .fv1.move .logo {
    opacity: 1;
}
.lp_wrap .fv1 .catch1 {
    position: absolute;
    top: 7%;
    left: 3%;
    width: 51.466%;
    transition: 0.6s 0.6s;
    opacity: 0;
    transform: translateY(10px);
}
.lp_wrap .fv1.move .catch1 {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .catch2 {
    position: absolute;
    top: 12%;
    left: 2%;
    width: 52.266%;
    transition: 0.6s 0.8s;
    opacity: 0;
    transform: translateY(10px);
}
.lp_wrap .fv1.move .catch2 {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .lead {
    position: absolute;
    top: 20%;
    left: 3%;
    width: 45.866%;
    transition: 0.6s 1s;
    opacity: 0;
    transform: translateY(10px);
}
.lp_wrap .fv1.move .lead {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .smartphone li {
    position: absolute;
    width: 45.466%;
    overflow: hidden;
}
.lp_wrap .fv1 .smartphone li.patient {
    top: 30%;
    left: 3%;
    transition: 0.6s 1.4s;
    opacity: 0;
    transform: translateY(20px);
}
.lp_wrap .fv1.move .smartphone li.patient {
      opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .smartphone li.doctor {
    top: 24%;
    right: 3%;
    transition: 0.6s 1.6s;
    opacity: 0;
    transform: translateY(20px);
}
.lp_wrap .fv1.move .smartphone li.doctor {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .smartphone li img {
    position: relative;
    z-index: 1;
}
.lp_wrap .fv1 .smartphone li video {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 105%;
    margin-left: 50%;
    transform: translateX(-50%);
}
.lp_wrap .fv1 .price {
    position: absolute;
    top: 5%;
    left: 60%;
    width: 34.666%;
    transition: 0.8s 1.4s;
    opacity: 0;
    transform: scale(0);
}
.lp_wrap .fv1.move .price {
    opacity: 1;
    transform: scale(1);
}
.lp_wrap .fv1 .icon li {
    position: absolute;
    top: 72%;
    width: 22.8%;
    transform: translateY(10px);
    opacity: 0;
}
.lp_wrap .fv1 .icon li:nth-child(1) {
    left: 2%;
    transition: 0.6s 1.8s;
}
.lp_wrap .fv1 .icon li:nth-child(2) {
    left: 26.3%;
    transition: 0.6s 2s;
}
.lp_wrap .fv1 .icon li:nth-child(3) {
    right: 26.3%;
    transition: 0.6s 2.2s;
}
.lp_wrap .fv1 .icon li:nth-child(4) {
    right: 2%;
    transition: 0.6s 2.4s;
}
.lp_wrap .fv1.move .icon li {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .fv1 .annotation {
    position: absolute;
    top: 86%;
    left: 3.4%;
    width: 93.2%;
    transition: 0.6s 2.6s;
    opacity: 0;
}
.lp_wrap .fv1.move .annotation {
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .fv2 .logo {
    position: absolute;
    top: 1.5%;
    right: 3%;
    width: 33.6%;
    transition-duration: 0.6s;
    opacity: 0;
}
.lp_wrap .fv2.move .logo {
    opacity: 1;
}
.lp_wrap .fv2 .photo .clinic {
    position: absolute;
    top: 7.5%;
    right: 0%;
    z-index: 1;
    width: 95.066%;
    overflow: hidden;
    transition: 1s 0.6s;
    transform: translateX(100%);
}
.lp_wrap .fv2.move .photo .clinic {
    transform: translateX(0%);
}
.lp_wrap .fv2 .photo .clinic img {
    transition: 1s 2s;
}
.lp_wrap .fv2.move .photo .clinic img {
    transform: translateX(-100%);
}
.lp_wrap .fv2 .photo .man {
    position: absolute;
    top: 7.5%;
    right: 0%;
    width: 95.066%;
    transition: 1s 1.8s;
    transform: translateX(100%);
}
.lp_wrap .fv2.move .photo .man {
    transform: translateX(0%);
}
.lp_wrap .fv2 .catch1 {
    position: absolute;
    top: 3%;
    left: 3%;
    z-index: 2;
    width: 37.866%;
    transition: 0.6s 2s;
    transform: translateX(-10px);
    opacity: 0;
}
.lp_wrap .fv2.move .catch1 {
    transform: translateX(0px);
    opacity: 1;
}
.lp_wrap .fv2 .catch2 {
    position: absolute;
    top: 10%;
    left: 3%;
    z-index: 2;
    width: 37.866%;
    transition: 0.6s 2.2s;
    transform: translateX(-10px);
    opacity: 0;
}
.lp_wrap .fv2.move .catch2 {
    transform: translateX(0px);
    opacity: 1;
}
.lp_wrap .fv2 .catch3 {
    position: absolute;
    top: 17%;
    left: 3%;
    z-index: 2;
    width: 37.866%;
    transition: 0.6s 2.4s;
    transform: translateX(-10px);
    opacity: 0;
}
.lp_wrap .fv2.move .catch3 {
    transform: translateX(0px);
    opacity: 1;
}
.lp_wrap .fv2 .catch4 {
    position: absolute;
    top: 25%;
    left: 3%;
    z-index: 2;
    width: 37.866%;
    transition: 0.6s 2.6s;
    transform: translateX(-10px);
    opacity: 0;
}
.lp_wrap .fv2.move .catch4 {
    transform: translateX(0px);
    opacity: 1;
}
.lp_wrap .fv2 .price {
    position: absolute;
    top: 65%;
    left: 3.4%;
    width: 93.2%;
    transition: 0.6s 3s;
    opacity: 0;
}
.lp_wrap .fv2.move .price {
    opacity: 1;
}
.lp_wrap .fv2 .icon li {
    position: absolute;
    top: 72%;
    width: 22.533%;
    transform: translateY(10px);
    opacity: 0;
}
.lp_wrap .fv2 .icon li:nth-child(1) {
    left: 2%;
    transition: 0.6s 3.4s;
}
.lp_wrap .fv2 .icon li:nth-child(2) {
    left: 26.2%;
    transition: 0.6s 3.6s;
}
.lp_wrap .fv2 .icon li:nth-child(3) {
    right: 26.2%;
    transition: 0.6s 3.8s;
}
.lp_wrap .fv2 .icon li:nth-child(4) {
    right: 2%;
    transition: 0.6s 4s;
}
.lp_wrap .fv2.move .icon li {
    transform: translateY(0px);
    opacity: 1;
}
.lp_wrap .fv2 .annotation {
    position: absolute;
    top: 86%;
    left: 8%;
    width: 84%;
    transition: 0.6s 4.2s;
    opacity: 0;
}
.lp_wrap .fv2.move .annotation {
    opacity: 1;
}

/* -----------------------------------------------

動き

----------------------------------------------- */
.lp_wrap section .fadeup {
    transition-duration: 0.6s;
    opacity: 0;
    transform: translateY(20px);
}
.lp_wrap section .fadeup.move {
    opacity: 1;
    transform: translateY(0px);
}

/* -----------------------------------------------

各コンテンツ

----------------------------------------------- */
.lp_wrap .trouble .doctor {
    position: absolute;
    top: 4%;
    left: 36.666%;
    width: 26.666%;
}
.lp_wrap .trouble .head {
    position: absolute;
    top: 15%;
    left: 6.466%;
    width: 87.066%;
}
.lp_wrap .trouble .slider_wrap {
    position: absolute;
    top: 32%;
    left: 0%;
    width: 100%;
}
.lp_wrap .trouble .slider_wrap .slider .slick-list .slick-track .slick-slide {
    position: relative;
}
.lp_wrap .trouble .slider_wrap .slider .slick-list .slick-track .slick-slide .aga_balloon {
    position: absolute;
    top: 0%;
    left: 29.629%;
    width: 40.74%;
    transition-duration: 0.6s;
    opacity: 0;
    transform: translateY(10px);
}
.lp_wrap .trouble .slider_wrap .slider .slick-list .slick-track .slick-slide.slick-current .aga_balloon {
    opacity: 1;
    transform: translateY(0px);
}
.lp_wrap .trouble .graph {
    position: absolute;
    top: 65.9%;
    left: 54.4%;
    width: 27.8%;
    border-radius: 50%;
    overflow: hidden;
}
.lp_wrap .trouble .graph img {
    position: relative;
    z-index: 2;
}
.lp_wrap .trouble .graph::before {
    position: absolute;
    content: "";
    display: block;
    top: 0%;
    left: 0%;
    z-index: 1;
    width: 50%;
    height: 100%;
    background-color: #ffffff;
}
.lp_wrap .trouble .graph::after {
    position: absolute;
    content: "";
    display: block;
    top: 0%;
    left: 50%;
    width: 50%;
    height: 100%;
    background-color: #0a7981;
    transform-origin: left center;
    transform: rotateZ(-180deg);
    transition-duration: 0.6s;
}
.lp_wrap .trouble .graph.move::after {
    transform: rotateZ(0deg);
}
.lp_wrap .trouble .balloon {
    position: absolute;
    top: 67%;
    left: 70%;
    z-index: 3;
    width: 24.133%;
    transition: 0.6s 0.4s;
    transform-origin: left bottom;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .trouble .graph.move ~ .balloon {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .trouble .treat {
    position: absolute;
    top: 80.5%;
    left: 4.066%;
    width: 91.866%;
}
/* -------------------------------------------- */
.lp_wrap .price .main {
    position: absolute;
    top: 27%;
    left: 6%;
    width: 88%;
}
.lp_wrap .price .sub {
    position: absolute;
    top: 55%;
    left: 6%;
    width: 88%;
}
/* -------------------------------------------- */
.lp_wrap .reason6 .good li {
    position: absolute;
    width: 41.466%;
    transition-duration: 0.6s;
    transform: scale(0);
    opacity: 0;
}
.lp_wrap .reason6 .good li:nth-child(odd) {
    right: 11%;
}
.lp_wrap .reason6 .good li:nth-child(even) {
    left: 11%;
}
.lp_wrap .reason6 .good li:nth-child(1) {
    top: 16.2%;
}
.lp_wrap .reason6 .good li:nth-child(2) {
    top: 29.2%;
}
.lp_wrap .reason6 .good li:nth-child(3) {
    top: 42.5%;
}
.lp_wrap .reason6 .good li:nth-child(4) {
    top: 56.5%;
}
.lp_wrap .reason6 .good li:nth-child(5) {
    top: 69.7%;
}
.lp_wrap .reason6 .good li:nth-child(6) {
    top: 82%;
}
.lp_wrap .reason6 .good li.move {
    transform: scale(1);
    opacity: 1;
}
.lp_wrap .reason6 .bad li {
    position: absolute;
    width: 48.4%;
}
.lp_wrap .reason6 .bad li:nth-child(odd) {
    left: 8%;
}
.lp_wrap .reason6 .bad li:nth-child(even) {
    right: 8%;
}
.lp_wrap .reason6 .bad li:nth-child(1) {
    top: 15.7%;
}
.lp_wrap .reason6 .bad li:nth-child(2) {
    top: 28.7%;
}
.lp_wrap .reason6 .bad li:nth-child(3) {
    top: 42.5%;
}
.lp_wrap .reason6 .bad li:nth-child(4) {
    top: 54.5%;
}
.lp_wrap .reason6 .bad li:nth-child(5) {
    top: 68.5%;
}
.lp_wrap .reason6 .bad li:nth-child(6) {
    top: 81.9%;
}
/* -------------------------------------------- */
.lp_wrap .equivalent .head1 {
    position: absolute;
    top: 1.5%;
    left: 22.133%;
    width: 55.733%;
}
.lp_wrap .equivalent .head2 {
    position: absolute;
    top: 15%;
    left: 9.066%;
    width: 81.866%;
}
.lp_wrap .equivalent .head3 {
    position: absolute;
    top: 25.7%;
    left: 14.4%;
    width: 71.2%;
}
.lp_wrap .equivalent .slider_wrap {
    position: absolute;
    top: 59.5%;
    left: 0%;
    width: 100%;
    cursor: grab;
}
.lp_wrap .equivalent .slider_wrap .slider {
    margin-bottom: 0%;
}
.lp_wrap .equivalent .slider_wrap .slider .slick-list .slick-track .slick-slide img {
    width: 95%;
    margin: auto;
}
.lp_wrap .equivalent .slider_wrap .slider .slick-dots {
    bottom: -18%;
    height: 3.9%;
    display: flex;
    justify-content: center;
}
.lp_wrap .equivalent .slider_wrap .slider .slick-dots li {
    width: 2.69%;
    height: 100%;
    margin: 0% 1.2%;
    transition-duration: 0.6s;
    background-color: #93c7dc;
    border-radius: 50%;
}
.lp_wrap .equivalent .slider_wrap .slider .slick-dots li.slick-active {
    background-color: #16727f;
}
.lp_wrap .equivalent .slider_wrap .slider .slick-dots li * {
    display: none;
}
/* -------------------------------------------- */
.lp_wrap .online .head1 {
    position: absolute;
    top: 6%;
    left: 6.733%;
    width: 86.533%;
}
.lp_wrap .online .head2 {
    position: absolute;
    top: 32%;
    left: 15.533%;
    width: 68.933%;
}
.lp_wrap .online .lead {
    position: absolute;
    top: 44%;
    left: 13.4%;
    width: 73.2%;
}
.lp_wrap .online .balloon li {
    position: absolute;
    width: 42.8%;
    transition-duration: 0.6s;
    transform-origin: bottom center;
    transform: translateY(20px) scale(0.5);
    opacity: 0;
}
.lp_wrap .online .balloon li:nth-child(1) {
    top: 56%;
    left: 17%;
}
.lp_wrap .online .balloon li:nth-child(2) {
    top: 62%;
    left: 33%;
}
.lp_wrap .online .balloon li:nth-child(3) {
    top: 68%;
    left: 23%;
}
.lp_wrap .online .balloon li:nth-child(4) {
    top: 74%;
    left: 35%;
}
.lp_wrap .online .balloon li.move {
    transform: translateY(0px) scale(1);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .performance .head {
    position: absolute;
    top: 6%;
    left: 10.2%;
    width: 79.6%;
}
.lp_wrap .performance .result {
    position: absolute;
    top: 19%;
    left: 2.666%;
    width: 94.666%;
}
.lp_wrap .performance .graph li {
    position: absolute;
    top: 60.5%;
    width: 39.866%;
    transition-duration: 0.6s;
    opacity: 0;
}
.lp_wrap .performance .graph li.move {
    opacity: 1;
}
.lp_wrap .performance .graph li:first-child {
    left: 8%;
}
.lp_wrap .performance .graph li:last-child {
    right: 8%;
}
.lp_wrap .performance .graph li:first-child .percent {
    position: absolute;
    top: 28%;
    left: 18.896%;
    width: 62.207%;
}
.lp_wrap .performance .graph li:last-child .percent {
    position: absolute;
    top: 28%;
    left: 15.551%;
    width: 68.896%;
}
.lp_wrap .performance .graph li.move .percent {
    animation: 0.6s performance_graph_percent 0.4s ease-in-out forwards;
}
@keyframes performance_graph_percent {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
/* -------------------------------------------- */
.lp_wrap .flow .head {
    position: absolute;
    top: 3%;
    left: 24.466%;
    width: 51.066%;
}
.lp_wrap .flow .no1 {
    position: absolute;
    top: 21%;
    left: 4%;
    width: 92%;
}
.lp_wrap .flow .no2 {
    position: absolute;
    top: 38%;
    left: 4.8%;
    width: 90.4%;
}
.lp_wrap .flow .slider_wrap {
    position: absolute;
    top: 46%;
    left: 23.333%;
    width: 53.333%;
    cursor: grab;
}
.lp_wrap .flow .slider_wrap .slider .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    width: 12.001%;
    cursor: pointer;
}
.lp_wrap .flow .slider_wrap .slider .slick-arrow.prev {
    left: -15%;
}
.lp_wrap .flow .slider_wrap .slider .slick-arrow.next {
    right: -15%;
}
.lp_wrap .flow .delay {
    position: absolute;
    top: 68%;
    left: 0%;
    width: 100%;
}
.lp_wrap .flow .no3 {
    position: absolute;
    top: 80%;
    left: 5.466%;
    width: 89.066%;
}
/* -------------------------------------------- */
.lp_wrap .case .head {
    position: absolute;
    top: 4%;
    left: 16.266%;
    width: 67.466%;
}
.lp_wrap .case .slider_wrap {
    position: absolute;
    top: 21%;
    left: 0%;
    width: 100%;
    cursor: grab;
}
.lp_wrap .case .slider_wrap .slider .slick-list .slick-track .slick-slide {
    transition-duration: 0.6s;
    opacity: 0.2;
}
.lp_wrap .case .slider_wrap .slider .slick-list .slick-track .slick-slide.slick-current {
    opacity: 1;
}
.lp_wrap .case .slider_wrap .slider .slick-list .slick-track .slick-slide img {
    width: 95%;
    margin: auto;
}
.lp_wrap .case .slider_wrap .slider .slick-dots {
    bottom: -6%;
    height: 3.25%;
    display: flex;
    justify-content: center;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li {
    width: 4.8%;
    height: 100%;
    margin: 0% 1.2%;
    transition-duration: 0.6s;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(1) {
    background: url("../images/case-slider-number1-off.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(2) {
    background: url("../images/case-slider-number2-off.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(3) {
    background: url("../images/case-slider-number3-off.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(4) {
    background: url("../images/case-slider-number4-off.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(1).slick-active {
    background: url("../images/case-slider-number1-on.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(2).slick-active {
    background: url("../images/case-slider-number2-on.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(3).slick-active {
    background: url("../images/case-slider-number3-on.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li:nth-child(4).slick-active {
    background: url("../images/case-slider-number4-on.png") center center/cover no-repeat;
}
.lp_wrap .case .slider_wrap .slider .slick-dots li * {
    display: none;
}
/* -------------------------------------------- */
.lp_wrap .giveup .head1 {
    position: absolute;
    top: 13%;
    left: 7%;
    width: 47.2%;
}
.lp_wrap .giveup .let {
    position: absolute;
    top: 28%;
    left: 7%;
    width: 44.266%;
}
.lp_wrap .giveup .head2 {
    position: absolute;
    top: 81.5%;
    left: 13.733%;
    width: 72.533%;
}
/* -------------------------------------------- */
.lp_wrap .volume .graph {
    position: absolute;
    top: 10%;
    left: 0%;
    width: 100%;
}
.lp_wrap .volume .change li {
    position: absolute;
    left: 19%;
    width: 74.8%;
    transition-duration: 1.2s;
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .volume .change li:nth-child(1) {
    top: 59.5%;
}
.lp_wrap .volume .change li:nth-child(2) {
    top: 72.3%;
}
.lp_wrap .volume .change li:nth-child(3) {
    top: 84.8%;
}
.lp_wrap .volume .change li.move {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
/* -------------------------------------------- */
.lp_wrap .cause .head {
    position: absolute;
    top: 6%;
    left: 13.733%;
    width: 72.533%;
}
.lp_wrap .cause .main li {
    position: absolute;
    top: 16%;
    width: 30.8%;
    transition-duration: 0.6s;
    opacity: 0;
}
.lp_wrap .cause .main li:nth-child(1) {
    left: 2%;
}
.lp_wrap .cause .main li:nth-child(2) {
    left: 34.6%;
}
.lp_wrap .cause .main li:nth-child(3) {
    right: 2%;
}
.lp_wrap .cause .main li.move {
    opacity: 1;
}
.lp_wrap .cause .exp li {
    position: absolute;
    width: 30%;
    transition-duration: 0.6s;
    opacity: 0;
}
.lp_wrap .cause .exp li:nth-child(odd) {
    left: 3%;
    transform: translateX(-20px);
}
.lp_wrap .cause .exp li:nth-child(even) {
    right: 3%;
    transform: translateX(20px);
}
.lp_wrap .cause .exp li:nth-child(1) {
    top: 32.2%;
}
.lp_wrap .cause .exp li:nth-child(2) {
    top: 32.6%;
}
.lp_wrap .cause .exp li:nth-child(3) {
    top: 42.3%;
}
.lp_wrap .cause .exp li:nth-child(4) {
    top: 43.5%;
}
.lp_wrap .cause .exp li.move {
    transform: translateX(0px);
    opacity: 1;
}
.lp_wrap .cause .growth li {
    position: absolute;
    top: 63%;
    width: 43.8%;
}
.lp_wrap .cause .growth li:first-child {
    left: 4.9%;
}
.lp_wrap .cause .growth li:last-child {
    right: 4.9%;
}
/* -------------------------------------------- */
.lp_wrap .definitely .head {
    position: absolute;
    top: 0%;
    left: 16.6%;
    width: 66.8%;
}
.lp_wrap .definitely .hair1 {
    position: absolute;
    top: 27.7%;
    left: 42.5%;
    width: 13.066%;
    transition-duration: 0.6s;
    transform-origin: center bottom;
    transform: scale(0.5);
}
.lp_wrap .definitely .hair1.move {
    transform: scale(1);
}
.lp_wrap .definitely .offense {
    position: absolute;
    top: 33%;
    left: 15.2%;
    width: 69.6%;
}
.lp_wrap .definitely .hair2 {
    position: absolute;
    top: 60.9%;
    left: 42.5%;
    width: 13.066%;
    transition-duration: 0.6s;
    transform-origin: center top;
    transform: scale(0.5) translateX(14%);
}
.lp_wrap .definitely .hair2.move {
    transform: scale(1) translateX(0%);
}
.lp_wrap .definitely .defense {
    position: absolute;
    top: 66%;
    left: 11.8%;
    width: 76.4%;
}
/* -------------------------------------------- */
.lp_wrap .minoxidil .head {
    position: absolute;
    top: 3%;
    left: 6.666%;
    width: 86.666%;
}
.lp_wrap .minoxidil .balloon {
    position: absolute;
    top: 85.2%;
    left: 6.466%;
    width: 87.066%;
}
/* -------------------------------------------- */
.lp_wrap .swing .head {
    position: absolute;
    top: 2.2%;
    left: 68%;
    width: 23.866%;
}
.lp_wrap .swing .scene li {
    position: absolute;
    left: 0%;
    width: 100%;
}
.lp_wrap .swing .scene li:nth-child(1) {
    top: 27%;
}
.lp_wrap .swing .scene li:nth-child(2) {
    top: 42.8%;
}
.lp_wrap .swing .scene li:nth-child(3) {
    top: 56%;
}
.lp_wrap .swing .smartphone {
    position: absolute;
    top: 74.7%;
    left: 27.266%;
    width: 45.466%;
    transition-duration: 1.2s;
    transform: translateY(-50%);
    opacity: 0;
}
.lp_wrap .swing .smartphone.move {
    transform: translateY(0%);
    opacity: 1;
}
/* -------------------------------------------- */
.lp_wrap .price2 .main {
    position: absolute;
    top: 23.0%;
    left: 6%;
    width: 88%;
}
.lp_wrap .price2 .plan li {
    position: absolute;
    left: 6%;
    width: 88%;
}
.lp_wrap .price2 .plan li:nth-child(1) {
    top: 66%;
}
.lp_wrap .price2 .plan li:nth-child(2) {
    top: 39%;
}
.lp_wrap .price2 .plan li:nth-child(3) {
    top: 48.5%;
}
.lp_wrap .price2 .plan li:nth-child(4) {
    top: 58%;
}
.lp_wrap .price2 .medicine li {
    position: absolute;
    left: 6%;
    width: 88%;
}
.lp_wrap .price2 .medicine li:nth-child(1) {
    top: 70.5%;
}
.lp_wrap .price2 .medicine li:nth-child(2) {
    top: 82%
}
.lp_wrap .price2 .medicine li:nth-child(3) {
    top: 91.5%;
}
/* -------------------------------------------- */
.lp_wrap .delivery .second {
    position: absolute;
    top: 2%;
    left: 6%;
    width: 88%;
}
.lp_wrap .delivery .off {
    position: absolute;
    top: 22%;
    left: 6%;
    width: 88%;
}
/* -------------------------------------------- */
.lp_wrap .plan .head {
    position: absolute;
    top: 7%;
    left: 10.533%;
    width: 78.933%;
}
.lp_wrap .plan .let {
    position: absolute;
    top: 22%;
    left: 13.533%;
    width: 72.933%;
}
.lp_wrap .plan .graph {
    position: absolute;
    top: 34%;
    left: 7.2%;
    width: 85.6%;
}
/* -------------------------------------------- */
.lp_wrap .package .head {
    position: absolute;
    top: 5%;
    left: 18.733%;
    width: 62.533%;
}
/* -------------------------------------------- */
.lp_wrap .present .head {
    position: absolute;
    top: 7.7%;
    left: 50%;
    width: 45.333%;
}
/* -------------------------------------------- */
.lp_wrap .review .head {
    position: absolute;
    top: 8%;
    left: 31.066%;
    width: 37.866%;
}
.lp_wrap .review .slider_wrap {
    position: absolute;
    top: 26%;
    left: 0%;
    width: 100%;
    cursor: grab;
}
.lp_wrap .review .slider_wrap .slider .slick-list .slick-track .slick-slide img {
    width: 66.266%;
    margin: auto;
}
.lp_wrap .review .slider_wrap .slider .slick-dots {
    bottom: -9%;
    height: 3.2%;
    display: flex;
    justify-content: center;
}
.lp_wrap .review .slider_wrap .slider .slick-dots li {
    width: 2.69%;
    height: 100%;
    margin: 0% 1.2%;
    transition-duration: 0.6s;
    background-color: #93c7dc;
    border-radius: 50%;
}
.lp_wrap .review .slider_wrap .slider .slick-dots li.slick-active {
    background-color: #16727f;
}
.lp_wrap .review .slider_wrap .slider .slick-dots li * {
    display: none;
}
/* -------------------------------------------- */
.lp_wrap .howto .head {
    position: absolute;
    top: 10%;
    left: 8%;
    width: 34.933%;
}
/* -------------------------------------------- */
.lp_wrap .faq_head .head {
    position: absolute;
    top: 37%;
    left: 8%;
    width: 29.466%;
}
/* -------------------------------------------- */
.lp_wrap .faq_cont .list {
    padding: 3% 0%;
}
.lp_wrap .faq_cont .list dt {
    position: relative;
    padding: 3% 0%;
    cursor: pointer;
}
.lp_wrap .faq_cont .list dt::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 4%;
    transform: translateY(-50%);
    width: 5.87%;
    height: 100%;
    background: url("../images/faq-arrow.jpg") center center/contain no-repeat;
    transition-duration: 0.6s;
}
.lp_wrap .faq_cont .list dt::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 2%;
    width: 96%;
    height: 2px;
    background-color: #040000;
}
.lp_wrap .faq_cont .list dt.open::before {
    transform: translateY(-50%) rotateZ(180deg);
}
.lp_wrap .faq_cont .list dd {
    position: relative;
    padding: 3% 0% 6%;
    display: none;
}
.lp_wrap .faq_cont .list dd .archive {
    position: absolute;
    top: 57%;
    left: 14%;
    width: 56%;
    height: 19%;
}


/* -------------------------------------------- */
.lp_wrap .top_banner {
    position: fixed;
    top: 0;
    z-index: 99999;
}

.top_banner_adjust{
  margin-top:93px;
}

@media (max-width: 750px) {
  .top_banner_adjust{
    margin-top: calc(93 * (100vw / 750));
  }
}


/* -------------------------------------------- */
.footer_links img {
  width: 100%;
}

.footer_links {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 1vw;
}

.footer_links li {
  display: inline-flex;
  border: 2px solid #000;
  border-radius: 5px;
}
.footer_links li a {
  display: block;
  transition: 0.5s;
}

.footer_links li a:hover {
  opacity: 0.5;
}

@media (max-width: 750px) {
  .footer_links {
    display: block;
    padding: 2vw;
    box-sizing: border-box;
  }
  .footer_links img {
    width: auto;
    height: 35px;
  }
  .footer_links li {
    display: block;
    text-align: center;
    margin-bottom: 2vw;
  }
}

/* -------------------------------------------- */
footer.lp_wrap {
    position: fixed;
    bottom: 0%;
    right: 50%;
    transform: translateX(50%);
    z-index: 10;
    width: 100%;
    display: none;
}
footer.lp_wrap .float .btn {
    position: absolute;
    top: 51%;
    left: 57%;
    width: 41.333%;
}