@charset "UTF-8";
    .mt0 {
margin-top: 0vw !important;
}
.mb0 {
margin-bottom: 0vw !important;
}
.p0 {
padding: 0vw !important;
}
.pt0 {
padding-top: 0vw !important;
}
.pr0 {
padding-right: 0vw !important;
}
.pb0 {
padding-bottom: 0vw !important;
}
.mt5 {
margin-top: 1.3333333333vw !important;
}
.mb5 {
margin-bottom: 1.3333333333vw !important;
}
.p5 {
padding: 1.3333333333vw !important;
}
.pt5 {
padding-top: 1.3333333333vw !important;
}
.pr5 {
padding-right: 1.3333333333vw !important;
}
.pb5 {
padding-bottom: 1.3333333333vw !important;
}
.mt10 {
margin-top: 2.6666666667vw !important;
}
.mb10 {
margin-bottom: 2.6666666667vw !important;
}
.p10 {
padding: 2.6666666667vw !important;
}
.pt10 {
padding-top: 2.6666666667vw !important;
}
.pr10 {
padding-right: 2.6666666667vw !important;
}
.pb10 {
padding-bottom: 2.6666666667vw !important;
}
.mt15 {
margin-top: 4vw !important;
}
.mb15 {
margin-bottom: 4vw !important;
}
.p15 {
padding: 4vw !important;
}
.pt15 {
padding-top: 4vw !important;
}
.pr15 {
padding-right: 4vw !important;
}
.pb15 {
padding-bottom: 4vw !important;
}
.mt20 {
margin-top: 5.3333333333vw !important;
}
.mb20 {
margin-bottom: 5.3333333333vw !important;
}
.p20 {
padding: 5.3333333333vw !important;
}
.pt20 {
padding-top: 5.3333333333vw !important;
}
.pr20 {
padding-right: 5.3333333333vw !important;
}
.pb20 {
padding-bottom: 5.3333333333vw !important;
}
.mt25 {
margin-top: 6.6666666667vw !important;
}
.mb25 {
margin-bottom: 6.6666666667vw !important;
}
.p25 {
padding: 6.6666666667vw !important;
}
.pt25 {
padding-top: 6.6666666667vw !important;
}
.pr25 {
padding-right: 6.6666666667vw !important;
}
.pb25 {
padding-bottom: 6.6666666667vw !important;
}
.mt30 {
margin-top: 8vw !important;
}
.mb30 {
margin-bottom: 8vw !important;
}
.p30 {
padding: 8vw !important;
}
.pt30 {
padding-top: 8vw !important;
}
.pr30 {
padding-right: 8vw !important;
}
.pb30 {
padding-bottom: 8vw !important;
}
.mt35 {
margin-top: 9.3333333333vw !important;
}
.mb35 {
margin-bottom: 9.3333333333vw !important;
}
.p35 {
padding: 9.3333333333vw !important;
}
.pt35 {
padding-top: 9.3333333333vw !important;
}
.pr35 {
padding-right: 9.3333333333vw !important;
}
.pb35 {
padding-bottom: 9.3333333333vw !important;
}
.mt40 {
margin-top: 10.6666666667vw !important;
}
.mb40 {
margin-bottom: 10.6666666667vw !important;
}
.p40 {
padding: 10.6666666667vw !important;
}
.pt40 {
padding-top: 10.6666666667vw !important;
}
.pr40 {
padding-right: 10.6666666667vw !important;
}
.pb40 {
padding-bottom: 10.6666666667vw !important;
}
.mt45 {
margin-top: 12vw !important;
}
.mb45 {
margin-bottom: 12vw !important;
}
.p45 {
padding: 12vw !important;
}
.pt45 {
padding-top: 12vw !important;
}
.pr45 {
padding-right: 12vw !important;
}
.pb45 {
padding-bottom: 12vw !important;
}
.mt50 {
margin-top: 13.3333333333vw !important;
}
.mb50 {
margin-bottom: 13.3333333333vw !important;
}
.p50 {
padding: 13.3333333333vw !important;
}
.pt50 {
padding-top: 13.3333333333vw !important;
}
.pr50 {
padding-right: 13.3333333333vw !important;
}
.pb50 {
padding-bottom: 13.3333333333vw !important;
}
.mt55 {
margin-top: 14.6666666667vw !important;
}
.mb55 {
margin-bottom: 14.6666666667vw !important;
}
.p55 {
padding: 14.6666666667vw !important;
}
.pt55 {
padding-top: 14.6666666667vw !important;
}
.pr55 {
padding-right: 14.6666666667vw !important;
}
.pb55 {
padding-bottom: 14.6666666667vw !important;
}
.mt60 {
margin-top: 16vw !important;
}
.mb60 {
margin-bottom: 16vw !important;
}
.p60 {
padding: 16vw !important;
}
.pt60 {
padding-top: 16vw !important;
}
.pr60 {
padding-right: 16vw !important;
}
.pb60 {
padding-bottom: 16vw !important;
}
.mt65 {
margin-top: 17.3333333333vw !important;
}
.mb65 {
margin-bottom: 17.3333333333vw !important;
}
.p65 {
padding: 17.3333333333vw !important;
}
.pt65 {
padding-top: 17.3333333333vw !important;
}
.pr65 {
padding-right: 17.3333333333vw !important;
}
.pb65 {
padding-bottom: 17.3333333333vw !important;
}
.mt70 {
margin-top: 18.6666666667vw !important;
}
.mb70 {
margin-bottom: 18.6666666667vw !important;
}
.p70 {
padding: 18.6666666667vw !important;
}
.pt70 {
padding-top: 18.6666666667vw !important;
}
.pr70 {
padding-right: 18.6666666667vw !important;
}
.pb70 {
padding-bottom: 18.6666666667vw !important;
}
.mt75 {
margin-top: 20vw !important;
}
.mb75 {
margin-bottom: 20vw !important;
}
.p75 {
padding: 20vw !important;
}
.pt75 {
padding-top: 20vw !important;
}
.pr75 {
padding-right: 20vw !important;
}
.pb75 {
padding-bottom: 20vw !important;
}
.mt80 {
margin-top: 21.3333333333vw !important;
}
.mb80 {
margin-bottom: 21.3333333333vw !important;
}
.p80 {
padding: 21.3333333333vw !important;
}
.pt80 {
padding-top: 21.3333333333vw !important;
}
.pr80 {
padding-right: 21.3333333333vw !important;
}
.pb80 {
padding-bottom: 21.3333333333vw !important;
}
.mt85 {
margin-top: 22.6666666667vw !important;
}
.mb85 {
margin-bottom: 22.6666666667vw !important;
}
.p85 {
padding: 22.6666666667vw !important;
}
.pt85 {
padding-top: 22.6666666667vw !important;
}
.pr85 {
padding-right: 22.6666666667vw !important;
}
.pb85 {
padding-bottom: 22.6666666667vw !important;
}
.mt90 {
margin-top: 24vw !important;
}
.mb90 {
margin-bottom: 24vw !important;
}
.p90 {
padding: 24vw !important;
}
.pt90 {
padding-top: 24vw !important;
}
.pr90 {
padding-right: 24vw !important;
}
.pb90 {
padding-bottom: 24vw !important;
}
.mt95 {
margin-top: 25.3333333333vw !important;
}
.mb95 {
margin-bottom: 25.3333333333vw !important;
}
.p95 {
padding: 25.3333333333vw !important;
}
.pt95 {
padding-top: 25.3333333333vw !important;
}
.pr95 {
padding-right: 25.3333333333vw !important;
}
.pb95 {
padding-bottom: 25.3333333333vw !important;
}
.mt100 {
margin-top: 26.6666666667vw !important;
}
.mb100 {
margin-bottom: 26.6666666667vw !important;
}
.p100 {
padding: 26.6666666667vw !important;
}
.pt100 {
padding-top: 26.6666666667vw !important;
}
.pr100 {
padding-right: 26.6666666667vw !important;
}
.pb100 {
padding-bottom: 26.6666666667vw !important;
}
@media (min-width: 769px) {
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.p0 {
padding: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.p5 {
padding: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.p10 {
padding: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.p15 {
padding: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.p20 {
padding: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.p25 {
padding: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.p30 {
padding: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.p35 {
padding: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.p40 {
padding: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.p45 {
padding: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.p50 {
padding: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.p55 {
padding: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.p60 {
padding: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.p65 {
padding: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.p70 {
padding: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.p75 {
padding: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.p80 {
padding: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.p85 {
padding: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.p90 {
padding: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.p95 {
padding: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.p100 {
padding: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
} #miradry_lp {
padding: clamp(70px, 18.6666666667vw, 18.6666666667vw) clamp(0px, 0vw, 0vw) clamp(0px, 0vw, 0vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/hero_sp.png) center top/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp {
padding: 0px 0px 0px;
}
}
@media (min-width: 769px) {
#miradry_lp {
margin-top: 180px;
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/hero_pc.png) center top/100% no-repeat;
}
}
#miradry_lp * {
line-height: 1.6;
font-family: "Roboto", "Noto Sans JP", sans-serif;
font-weight: 300;
font-style: normal;
font-variation-settings: "wdth" 100;
font-size: clamp(14px, 3.7333333333vw, 3.7333333333vw);
font-feature-settings: "palt";
color: #4b5766;
box-sizing: border-box;
}
@media (min-width: 769px) {
#miradry_lp * {
font-size: 16px;
}
}
#miradry_lp a {
text-decoration: none;
}
#miradry_lp figure {
text-align: center;
}
#miradry_lp .img {
display: block;
text-align: center;
}
#miradry_lp img {
max-height: 100%;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
vertical-align: bottom;
}
#miradry_lp .sp {
display: block;
}
@media (min-width: 769px) {
#miradry_lp .sp {
display: none;
}
}
#miradry_lp .pc {
display: none;
}
@media (min-width: 769px) {
#miradry_lp .pc {
display: block;
}
} @media (min-width: 769px) {
#miradry_lp {
margin-bottom: 100px;
}
}
#miradry_lp .container {
padding: clamp(60px, 16vw, 16vw) clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .container {
padding: 100px 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .container {
max-width: 1000px;
margin-inline: auto;
}
}
#miradry_lp .layout--2col {
display: grid;
gap: clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .layout--2col {
gap: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .layout--2col {
grid-template-columns: 4fr 6fr;
}
} #miradry_lp .heading {
text-align: center;
}
#miradry_lp .heading--primary {
margin-bottom: clamp(45px, 12vw, 12vw);
padding-bottom: clamp(27px, 7.2vw, 7.2vw);
text-align: center;
font-size: clamp(24px, 6.4vw, 6.4vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/heading_bar_blue.svg) center bottom/auto 1.8666666667vw no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .heading--primary {
margin-bottom: 45px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading--primary {
padding-bottom: 35px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading--primary {
font-size: 34px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading--primary {
background-size: auto 10px;
}
}
#miradry_lp .heading__label {
display: inline-block;
margin-bottom: clamp(15px, 4vw, 4vw);
padding: clamp(0px, 0vw, 0vw) clamp(3px, 0.8vw, 0.8vw) clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/heading_label_bg.svg) center bottom/auto 2.4vw no-repeat;
font-size: clamp(14px, 3.7333333333vw, 3.7333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .heading__label {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading__label {
padding: 40px 0px 15px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading__label {
font-size: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading__label {
background-size: 180px;
}
}
#miradry_lp .heading__sunburst {
height: clamp(20px, 5.3333333333vw, 5.3333333333vw);
width: clamp(45px, 12vw, 12vw);
margin-inline: auto;
margin-bottom: clamp(5px, 1.3333333333vw, 1.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .heading__sunburst {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading__sunburst {
width: 65px;
}
}
@media (min-width: 769px) {
#miradry_lp .heading__sunburst {
margin-bottom: 10px;
}
}
#miradry_lp .txt--justify,
#miradry_lp .faq__answer__txt,
#miradry_lp .spotlight__points__txt,
#miradry_lp .spotlight__txt,
#miradry_lp .info-list__txt {
text-align: justify;
}
#miradry_lp .txt--center {
text-align: center;
}
#miradry_lp .txt--right {
text-align: right;
}
#miradry_lp .txt--loose {
line-height: 1.9;
}
#miradry_lp .txt--highlight {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: clamp(0px, 0vw, 0vw) clamp(2px, 0.5333333333vw, 0.5333333333vw);
background: linear-gradient(180deg, transparent 50%, #ebf1f7 50%);
}
@media (min-width: 769px) {
#miradry_lp .txt--highlight {
padding: 0px 5px;
}
}
#miradry_lp .fs--small {
font-size: clamp(12px, 3.2vw, 3.2vw);
}
@media (min-width: 769px) {
#miradry_lp .fs--small {
font-size: 14px;
}
}
#miradry_lp .fs--large,
#miradry_lp .faq__question__text,
#miradry_lp .pricing__price strong,
#miradry_lp .flow__title,
#miradry_lp .info-list__title,
#miradry_lp .reveal__label {
font-size: clamp(16px, 4.2666666667vw, 4.2666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .fs--large,
#miradry_lp .faq__question__text,
#miradry_lp .pricing__price strong,
#miradry_lp .flow__title,
#miradry_lp .info-list__title,
#miradry_lp .reveal__label {
font-size: 20px;
}
}
#miradry_lp .fs--ex-large {
font-size: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .fs--ex-large {
font-size: 34px;
}
}
#miradry_lp .fw--bold,
#miradry_lp .pricing__badge,
#miradry_lp .features-list__note__title,
#miradry_lp .case-list__title {
font-weight: 500;
} #miradry_lp .hero {
display: grid;
justify-items: center;
padding: clamp(25px, 6.6666666667vw, 6.6666666667vw) clamp(15px, 4vw, 4vw) clamp(0px, 0vw, 0vw);
text-align: center;
}
@media (min-width: 769px) {
#miradry_lp .hero {
padding: 40px 0px 30px;
}
}
#miradry_lp .hero__txt--ex-large {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
font-size: clamp(24px, 6.4vw, 6.4vw);
font-feature-settings: unset;
letter-spacing: 0.1em;
}
@media (min-width: 769px) {
#miradry_lp .hero__txt--ex-large {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .hero__txt--ex-large {
font-size: 50px;
}
}
#miradry_lp .hero__txt--large {
font-size: clamp(16px, 4.2666666667vw, 4.2666666667vw);
font-feature-settings: unset;
}
@media (min-width: 769px) {
#miradry_lp .hero__txt--large {
font-size: 24px;
}
}
#miradry_lp .hero__txt--medium {
margin-bottom: clamp(100px, 26.6666666667vw, 26.6666666667vw);
font-size: clamp(14px, 3.7333333333vw, 3.7333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .hero__txt--medium {
margin-bottom: 30px;
}
}
@media (min-width: 769px) {
#miradry_lp .hero__txt--medium {
font-size: 20px;
}
}
#miradry_lp .hero__bar {
display: block;
height: clamp(7px, 1.8666666667vw, 1.8666666667vw);
margin: clamp(25px, 6.6666666667vw, 6.6666666667vw) clamp(0px, 0vw, 0vw);
margin-inline: auto;
}
@media (min-width: 769px) {
#miradry_lp .hero__bar {
height: 10px;
}
}
@media (min-width: 769px) {
#miradry_lp .hero__bar {
margin: 30px 0px;
}
}
#miradry_lp .hero__features {
margin-bottom: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
#miradry_lp .hero__features {
margin-bottom: 0px;
}
}
#miradry_lp .cta {
display: block;
width: 100%;
padding: clamp(20px, 5.3333333333vw, 5.3333333333vw) clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: #e6b139;
}
@media (min-width: 769px) {
#miradry_lp .cta {
padding: 20px 30px;
}
}
@media (min-width: 769px) {
#miradry_lp .cta {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 100px;
}
}
#miradry_lp .cta__icon {
display: inline-block;
height: clamp(19px, 5.0666666667vw, 5.0666666667vw);
width: clamp(18px, 4.8vw, 4.8vw);
margin-right: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .cta__icon {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .cta__icon {
width: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .cta__icon {
margin-right: 20px;
}
}
#miradry_lp .cta__icon img {
vertical-align: text-bottom;
}
#miradry_lp .cta__txt {
font-size: clamp(15px, 4vw, 4vw);
color: #fff;
}
@media (min-width: 769px) {
#miradry_lp .cta__txt {
font-size: 20px;
}
} #miradry_lp { }
#miradry_lp .reveal .container {
padding-top: 13.3333333333vw;
padding-bottom: 12vw;
}
@media (min-width: 769px) {
#miradry_lp .reveal .container {
margin-bottom: 50px;
padding: 40px 100px;
background: #fff;
border-radius: 30px;
}
}
#miradry_lp .reveal__item {
overflow: hidden;
}
@media (min-width: 769px) {
#miradry_lp .reveal__item {
margin-top: 35px;
}
}
#miradry_lp .reveal__item[open] .reveal__summary {
pointer-events: none;
}
#miradry_lp .reveal__summary {
position: relative;
cursor: pointer;
}
#miradry_lp .reveal__thumb {
position: relative;
overflow: hidden;
max-height: clamp(220px, 58.6666666667vw, 58.6666666667vw);
transition: max-height 0.4s ease;
}
@media (min-width: 769px) {
#miradry_lp .reveal__thumb {
max-height: 520px;
}
}
#miradry_lp .reveal__mask {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
pointer-events: none;
}
#miradry_lp .reveal__cta {
display: grid;
justify-items: center;
align-content: end;
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none; text-align: center;
}
#miradry_lp .reveal__chevron {
display: block;
height: clamp(50px, 13.3333333333vw, 13.3333333333vw);
width: clamp(50px, 13.3333333333vw, 13.3333333333vw);
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .reveal__chevron {
height: 65px;
}
}
@media (min-width: 769px) {
#miradry_lp .reveal__chevron {
width: 65px;
}
}
@media (min-width: 769px) {
#miradry_lp .reveal__chevron {
margin-bottom: 15px;
}
}
#miradry_lp .reveal__item[open] .reveal__thumb {
max-height: 1000px; }
#miradry_lp .reveal__item[open] .reveal__mask,
#miradry_lp .reveal__item[open] .reveal__cta {
display: none;
} #miradry_lp .problems {
padding-bottom: clamp(50px, 13.3333333333vw, 13.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/problems_bg_sp.png) center top/100% no-repeat, url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/section_downarrow_sp.png) center bottom/100% no-repeat, linear-gradient(to bottom, #ebf1f7 50%, transparent 50%);
position: relative;
}
@media (min-width: 769px) {
#miradry_lp .problems {
padding-bottom: 150px;
}
}
@media (min-width: 769px) {
#miradry_lp .problems {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/problems_bg_pc.png) center top no-repeat, url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/section_downarrow_pc.png) center bottom/100% no-repeat, linear-gradient(to bottom, #ebf1f7 50%, transparent 50%);
}
}
@media (min-width: 769px) {
#miradry_lp .problems .container {
padding-bottom: 10px;
}
}
#miradry_lp .case-list {
display: grid;
gap: clamp(20px, 5.3333333333vw, 5.3333333333vw);
padding: clamp(0px, 0vw, 0vw) clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list {
gap: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .case-list {
padding: 250px 0px 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .case-list {
grid-template-columns: repeat(3, 1fr);
max-width: 800px;
margin-inline: auto;
}
}
#miradry_lp .case-list__item {
padding: clamp(18px, 4.8vw, 4.8vw) clamp(0px, 0vw, 0vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__item {
padding: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .case-list__item {
text-align: center;
}
}
#miradry_lp .case-list__item:nth-child(odd) {
padding-left: clamp(140px, 37.3333333333vw, 37.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__item:nth-child(odd) {
padding-left: 0px;
}
}
#miradry_lp .case-list__item:nth-child(even) {
padding-right: clamp(130px, 34.6666666667vw, 34.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__item:nth-child(even) {
padding-right: 0px;
}
}
#miradry_lp .case-list__title {
margin-bottom: clamp(5px, 1.3333333333vw, 1.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__title {
margin-bottom: 10px;
}
}
#miradry_lp .case-list__icon {
display: inline-block;
height: clamp(15px, 4vw, 4vw);
width: clamp(17px, 4.5333333333vw, 4.5333333333vw);
margin-right: clamp(3px, 0.8vw, 0.8vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__icon {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .case-list__icon {
width: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .case-list__icon {
margin-right: 4px;
}
}
#miradry_lp .case-list__icon img {
vertical-align: text-top;
}
#miradry_lp .case-list__text {
font-size: clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .case-list__text {
font-size: 20px;
}
} #miradry_lp .solution .container {
padding-top: clamp(40px, 10.6666666667vw, 10.6666666667vw);
padding-bottom: 0;
}
@media (min-width: 769px) {
#miradry_lp .solution .container {
padding-top: 80px;
}
}
@media (min-width: 769px) {
#miradry_lp .layout--2col .heading,
#miradry_lp .layout--2col .heading--primary {
text-align: left;
background-position-x: left;
}
}
#miradry_lp .layout--2col .img {
max-width: 66.6666666667vw;
margin-inline: auto;
}
#miradry_lp .info-list {
display: grid;
gap: clamp(25px, 6.6666666667vw, 6.6666666667vw);
margin-top: clamp(45px, 12vw, 12vw);
padding: clamp(30px, 8vw, 8vw) clamp(30px, 8vw, 8vw);
border: 1px solid #89bbd9;
border-radius: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .info-list {
gap: 55px;
}
}
@media (min-width: 769px) {
#miradry_lp .info-list {
margin-top: 60px;
}
}
@media (min-width: 769px) {
#miradry_lp .info-list {
padding: 100px 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .info-list {
border-radius: 30px;
}
}
#miradry_lp .info-list__item {
display: flex;
flex-direction: column;
align-items: center;
gap: clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .info-list__item {
gap: 35px;
}
}
@media (min-width: 769px) {
#miradry_lp .info-list__item {
flex-direction: row;
width: 100%;
max-width: 730px;
margin-inline: auto;
}
}
#miradry_lp .info-list__icon {
flex-shrink: 0;
width: clamp(75px, 20vw, 20vw);
text-align: center;
}
@media (min-width: 769px) {
#miradry_lp .info-list__icon {
width: 90px;
}
}
#miradry_lp .info-list__title {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .info-list__title {
margin-bottom: 15px;
}
} #miradry_lp .mechanism>.container {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
#miradry_lp .swiper {
padding-left: clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .swiper {
padding-left: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .swiper-wrapper {
justify-content: space-between;
}
}
#miradry_lp .swiper-slide {
width: 90.6666666667vw;
padding-right: clamp(50px, 13.3333333333vw, 13.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .swiper-slide {
padding-right: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .swiper-slide {
width: 29% !important;
position: relative;
}
#miradry_lp .swiper-slide::after {
content: "";
height: 25px;
width: 25px;
position: absolute;
top: 200px;
right: -45px;
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/swiper_arrow.png) center no-repeat;
}
}
#miradry_lp .swiper-slide:nth-child(3) {
width: 96vw;
padding-right: clamp(70px, 18.6666666667vw, 18.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .swiper-slide:nth-child(3) {
padding-right: 0px;
}
}
#miradry_lp .swiper-slide:nth-child(3)::after {
display: none;
}
#miradry_lp .swiper-button-next {
top: 65%;
right: clamp(35px, 9.3333333333vw, 9.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .swiper-button-next {
right: 35px;
}
}
#miradry_lp .swiper-button-next::after {
content: "";
height: clamp(25px, 6.6666666667vw, 6.6666666667vw);
width: clamp(25px, 6.6666666667vw, 6.6666666667vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/swiper_arrow.png) center no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .swiper-button-next::after {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .swiper-button-next::after {
width: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .swiper-button-next {
display: none;
}
}
#miradry_lp .swiper-button-disabled .swiper-button-next {
display: none;
}
#miradry_lp .card__img {
margin-bottom: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .card__img {
margin-bottom: 30px;
}
}
#miradry_lp .card__txt {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .card__txt {
margin-bottom: 30px;
}
} #miradry_lp .features {
padding-top: clamp(30px, 8vw, 8vw);
margin-top: clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_bg_left_sp.png) left top/66.6666666667vw auto no-repeat, url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_bg_right_sp.png) right bottom/180% no-repeat, #ebf1f7;
}
@media (min-width: 769px) {
#miradry_lp .features {
padding-top: 100px;
}
}
@media (min-width: 769px) {
#miradry_lp .features {
margin-top: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .features {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_bg_left_pc.png) left top/610px auto no-repeat, url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_bg_right_pc.png) right bottom/100% auto no-repeat, #ebf1f7;
}
}
#miradry_lp .features .heading--primary {
margin-bottom: 0;
}
#miradry_lp .features-list {
display: grid;
gap: clamp(5px, 1.3333333333vw, 1.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .features-list {
gap: 80px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list {
max-width: 1000px;
margin-inline: auto;
margin-bottom: 130px;
}
}
#miradry_lp .features-list__item {
position: relative;
}
#miradry_lp .features-list__item[data-step]::before {
content: "";
height: clamp(100px, 26.6666666667vw, 26.6666666667vw);
width: clamp(120px, 32vw, 32vw);
position: absolute;
top: clamp(35px, 9.3333333333vw, 9.3333333333vw);
right: clamp(15px, 4vw, 4vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_01.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step]::before {
height: 100px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step]::before {
width: 125px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step]::before {
top: 90px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step]::before {
right: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step]::after {
content: "";
height: 200%;
max-height: 560px;
width: 100%;
max-width: 650px;
position: absolute;
top: 0;
right: 500px;
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_01_pc.png) center/contain no-repeat;
}
}
#miradry_lp .features-list__item[data-step="02"]::before {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_02.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step="02"]::before {
right: 520px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step="02"] .features-list__content {
margin-left: unset;
margin-right: auto;
}
#miradry_lp .features-list__item[data-step="02"]::after {
right: unset;
left: 500px;
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_02_pc.png) center/contain no-repeat;
}
}
#miradry_lp .features-list__item[data-step="03"]::before {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_03.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .features-list__item[data-step="03"]::after {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/features_03_pc.png) center/contain no-repeat;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__item {
padding-top: 115px;
}
}
#miradry_lp .features-list__content {
padding: clamp(25px, 6.6666666667vw, 6.6666666667vw) clamp(15px, 4vw, 4vw);
}
@media (min-width: 769px) {
#miradry_lp .features-list__content {
padding: 0px 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__content {
width: 500px;
margin-left: auto;
position: relative;
z-index: 1;
}
}
#miradry_lp .features-list__title {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
padding-left: clamp(25px, 6.6666666667vw, 6.6666666667vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/icon_circle.svg) left top/4.2666666667vw no-repeat;
background-position-y: clamp(7px, 1.8666666667vw, 1.8666666667vw);
font-size: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .features-list__title {
margin-bottom: 65px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__title {
padding-left: 35px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__title {
background-position-y: 7px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__title {
font-size: 24px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__title {
background-size: 25px;
}
}
#miradry_lp .features-list__note {
margin-top: clamp(15px, 4vw, 4vw);
padding: clamp(15px, 4vw, 4vw) clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: #fff;
border-radius: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .features-list__note {
margin-top: 40px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__note {
padding: 20px 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .features-list__note {
border-radius: 10px;
}
}
#miradry_lp .features-list__note__title {
margin-bottom: clamp(5px, 1.3333333333vw, 1.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .features-list__note__title {
margin-bottom: 5px;
}
}
@media (min-width: 769px) {
#miradry_lp .features__media {
display: none;
}
}
#miradry_lp .spotlight {
padding: clamp(30px, 8vw, 8vw);
background: #fff;
border-radius: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .spotlight {
padding: 80px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight {
border-radius: 30px;
}
}
#miradry_lp .spotlight.bordered {
border: 1px solid #89bbd9;
}
#miradry_lp .spotlight__media {
display: flex;
flex-direction: column;
gap: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
#miradry_lp .spotlight__media {
gap: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__media {
flex-direction: row-reverse;
justify-content: space-between;
}
}
#miradry_lp .spotlight__media__video {
position: relative;
width: 100%;
aspect-ratio: 16/9;
overflow: hidden;
}
@media (min-width: 769px) {
#miradry_lp .spotlight__media__video {
width: 53%;
}
}
#miradry_lp .spotlight__media__video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: none;
display: block;
}
@media (min-width: 769px) {
#miradry_lp .spotlight__media__body {
width: 41%;
}
}
#miradry_lp .spotlight__title {
margin-inline: auto;
margin-bottom: clamp(15px, 4vw, 4vw);
font-size: clamp(16px, 4.2666666667vw, 4.2666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .spotlight__title {
margin-bottom: 10px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__title {
font-size: 24px;
}
}
#miradry_lp .spotlight__points {
display: flex;
justify-content: space-between;
flex-direction: column;
gap: clamp(30px, 8vw, 8vw);
margin-top: clamp(35px, 9.3333333333vw, 9.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points {
gap: 30px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points {
margin-top: 80px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points {
flex-direction: row;
}
}
#miradry_lp .spotlight__points__item {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__item {
width: 50%;
}
}
#miradry_lp .spotlight__points__icon {
width: 25%;
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__icon {
width: 24%;
}
}
#miradry_lp .spotlight__points__body {
width: 65%;
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__body {
width: 70%;
margin-bottom: auto;
}
}
#miradry_lp .spotlight__points__title {
display: inline-block;
margin-bottom: clamp(15px, 4vw, 4vw);
padding: clamp(0px, 0vw, 0vw) clamp(10px, 2.6666666667vw, 2.6666666667vw) clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/heading_label_bg.svg) center bottom/auto 2.9333333333vw no-repeat;
font-size: clamp(14px, 3.7333333333vw, 3.7333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__title {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__title {
padding: 0px 10px 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__title {
font-size: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .spotlight__points__title {
background-size: auto 13px;
}
} @media (min-width: 769px) {
#miradry_lp .flow .container {
padding-top: 0;
}
}
#miradry_lp .flow__list {
display: grid;
gap: clamp(30px, 8vw, 8vw);
margin-bottom: clamp(50px, 13.3333333333vw, 13.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .flow__list {
gap: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__list {
margin-bottom: 100px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__list {
max-width: 800px;
margin-top: 90px;
margin-inline: auto;
}
}
#miradry_lp .flow__item {
display: flex;
flex-direction: column;
gap: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
#miradry_lp .flow__item {
gap: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__item {
justify-content: space-between;
flex-direction: row-reverse;
min-height: 235px;
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/flow_connector_pc.svg) 23px 100px/auto 110px no-repeat;
}
#miradry_lp .flow__item:last-child {
min-height: unset;
background: none;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__media {
width: 34.5%;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__content {
width: 60%;
padding-left: 120px;
position: relative;
}
}
#miradry_lp .flow__title {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .flow__title {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__title {
padding-top: 5px;
}
}
#miradry_lp .flow__title__num {
display: inline-block;
height: clamp(20px, 5.3333333333vw, 5.3333333333vw);
width: clamp(20px, 5.3333333333vw, 5.3333333333vw);
margin-right: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .flow__title__num {
height: 70px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__title__num {
width: 70px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__title__num {
margin-right: 50px;
}
}
@media (min-width: 769px) {
#miradry_lp .flow__title__num {
position: absolute;
top: 0;
left: 0;
}
}
#miradry_lp .flow__title__num img {
vertical-align: top;
}
#miradry_lp .flow__connector {
width: 6.6666666667vw;
margin-inline: auto;
}
@media (min-width: 769px) {
#miradry_lp .flow__connector {
display: none;
}
}
@media (min-width: 769px) {
#miradry_lp .flow .spotlight__title {
font-size: 21px;
}
} #miradry_lp .pricing {
background: #ebf1f7;
}
@media (min-width: 769px) {
#miradry_lp .pricing__col {
height: 100%;
}
}
#miradry_lp .pricing__list {
display: grid;
gap: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .pricing__list {
gap: 50px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__list {
grid-template-columns: repeat(3, 1fr);
margin-top: 60px;
}
}
#miradry_lp .pricing__item {
background: #fff;
border-radius: clamp(20px, 5.3333333333vw, 5.3333333333vw);
padding: clamp(30px, 8vw, 8vw) clamp(35px, 9.3333333333vw, 9.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .pricing__item {
border-radius: 30px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__item {
padding: 50px 30px;
}
}
#miradry_lp .pricing__item[open] .pricing__toggle {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/icon_minus.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .pricing__item {
height: 100%;
}
}
#miradry_lp .pricing__summary {
position: relative;
cursor: pointer;
}
@media (min-width: 769px) {
#miradry_lp .pricing__summary {
text-align: center;
pointer-events: none;
}
}
#miradry_lp .pricing__title {
margin-bottom: clamp(15px, 4vw, 4vw);
font-size: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .pricing__title {
margin-bottom: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__title {
font-size: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__title {
padding-bottom: 25px;
border-bottom: 1px solid #4b5766;
}
}
#miradry_lp .pricing__price {
margin-bottom: clamp(10px, 2.6666666667vw, 2.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .pricing__price {
margin-bottom: 20px;
}
}
#miradry_lp .pricing__badge {
padding: clamp(3px, 0.8vw, 0.8vw) clamp(5px, 1.3333333333vw, 1.3333333333vw);
background: #ebf1f7;
}
@media (min-width: 769px) {
#miradry_lp .pricing__badge {
padding: 3px 5px;
}
}
#miradry_lp .pricing__toggle {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: clamp(-10px, -2.6666666667vw, -2.6666666667vw);
height: clamp(20px, 5.3333333333vw, 5.3333333333vw);
width: clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/icon_plus.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .pricing__toggle {
right: 10px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__toggle {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__toggle {
width: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__toggle {
display: none;
}
}
#miradry_lp .pricing__panel {
padding-right: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
#miradry_lp .pricing__panel {
padding-right: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__panel {
display: block;
margin-top: 30px;
}
}
#miradry_lp .pricing__text {
margin-top: clamp(30px, 8vw, 8vw);
padding-top: clamp(30px, 8vw, 8vw);
border-top: 1px solid #4b5766;
text-align: justify;
}
@media (min-width: 769px) {
#miradry_lp .pricing__text {
margin-top: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__text {
padding-top: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .pricing__text {
border: none;
}
} #miradry_lp .faq {
margin-top: clamp(50px, 13.3333333333vw, 13.3333333333vw);
padding-top: clamp(280px, 74.6666666667vw, 74.6666666667vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/faq_bg_sp.png) center top/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .faq {
margin-top: 80px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq {
padding-top: 290px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq {
background-image: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/faq_bg_pc.png);
background-size: 1000px auto;
}
}
#miradry_lp .faq img {
vertical-align: baseline;
}
#miradry_lp .faq__list {
display: grid;
gap: clamp(30px, 8vw, 8vw);
margin-bottom: clamp(30px, 8vw, 8vw);
}
@media (min-width: 769px) {
#miradry_lp .faq__list {
gap: 40px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq__list {
margin-bottom: 40px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq__list {
margin-top: 60px;
}
}
#miradry_lp .faq__item[open] .faq__toggle {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/icon_minus.svg) center/contain no-repeat;
}
#miradry_lp .faq__question,
#miradry_lp .faq__answer {
display: flex;
gap: clamp(10px, 2.6666666667vw, 2.6666666667vw);
cursor: pointer;
}
@media (min-width: 769px) {
#miradry_lp .faq__question,
#miradry_lp .faq__answer {
gap: 20px;
}
}
#miradry_lp .faq__question__label,
#miradry_lp .faq__answer__label {
flex-shrink: 0;
display: inline-block;
height: clamp(20px, 5.3333333333vw, 5.3333333333vw);
width: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .faq__question__label,
#miradry_lp .faq__answer__label {
height: 40px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq__question__label,
#miradry_lp .faq__answer__label {
width: 40px;
}
}
#miradry_lp .faq__question__text {
flex-grow: 1;
}
#miradry_lp .faq__toggle {
flex-shrink: 0;
height: clamp(20px, 5.3333333333vw, 5.3333333333vw);
width: clamp(20px, 5.3333333333vw, 5.3333333333vw);
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/icon_plus.svg) center/contain no-repeat;
}
@media (min-width: 769px) {
#miradry_lp .faq__toggle {
height: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .faq__toggle {
width: 25px;
}
}
#miradry_lp .faq__answer {
margin-top: clamp(10px, 2.6666666667vw, 2.6666666667vw);
cursor: default;
}
@media (min-width: 769px) {
#miradry_lp .faq__answer {
margin-top: 25px;
}
}
#miradry_lp .faq__answer__label {
padding: clamp(0px, 0vw, 0vw) clamp(5px, 1.3333333333vw, 1.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .faq__answer__label {
padding: 0px 12px;
}
} #miradry_lp .profile {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/profile_bg_sp.png) right bottom/70% no-repeat, #ebf1f7;
}
@media (min-width: 769px) {
#miradry_lp .profile {
background: url(//shibuyaderm.com/wp-content/themes/lightning-pro-child/assets/miradry/img/profile_bg_pc.png) center/cover no-repeat;
}
}
#miradry_lp .profile .container {
padding-bottom: clamp(40px, 10.6666666667vw, 10.6666666667vw);
}
@media (min-width: 769px) {
#miradry_lp .profile .container {
padding-bottom: 100px;
}
}
#miradry_lp .profile__container {
display: grid;
gap: clamp(30px, 8vw, 8vw);
position: relative;
}
@media (min-width: 769px) {
#miradry_lp .profile__container {
gap: 25px;
}
}
@media (min-width: 769px) {
#miradry_lp .profile__container {
padding-left: 445px;
}
}
#miradry_lp .profile__media {
display: flex;
justify-content: space-between;
align-items: center;
}
@media (min-width: 769px) {
#miradry_lp .profile__media {
margin-top: 10px;
}
}
#miradry_lp .profile__media__txt {
flex-grow: 1;
}
#miradry_lp .profile__media__img {
width: 36vw;
}
@media (min-width: 769px) {
#miradry_lp .profile__media__img {
width: 40%;
position: absolute;
top: 5px;
left: 0;
}
}
#miradry_lp .profile__name {
margin-bottom: clamp(5px, 1.3333333333vw, 1.3333333333vw);
font-size: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .profile__name {
margin-bottom: 0px;
}
}
@media (min-width: 769px) {
#miradry_lp .profile__name {
font-size: 20px;
}
}
@media (min-width: 769px) {
#miradry_lp .profile__name {
display: inline-block;
margin-top: 10px;
margin-right: 5px;
}
}
#miradry_lp .profile__badge {
display: inline-block;
padding: clamp(2px, 0.5333333333vw, 0.5333333333vw) clamp(5px, 1.3333333333vw, 1.3333333333vw);
font-size: clamp(10px, 2.6666666667vw, 2.6666666667vw);
border: 1px solid #4b5766;
text-align: center;
}
@media (min-width: 769px) {
#miradry_lp .profile__badge {
padding: 0px 5px;
}
}
@media (min-width: 769px) {
#miradry_lp .profile__badge {
font-size: 14px;
}
}
#miradry_lp .profile__history {
border-top: 1px solid #4b5766;
padding-top: clamp(20px, 5.3333333333vw, 5.3333333333vw);
}
@media (min-width: 769px) {
#miradry_lp .profile__history {
padding-top: 25px;
}
}
#miradry_lp .profile__history__row {
display: grid;
grid-template-columns: 1fr 2fr;
}
#miradry_lp .profile__history__row dt,
#miradry_lp .profile__history__row dd {
font-size: clamp(12px, 3.2vw, 3.2vw);
}
@media (min-width: 769px) {
#miradry_lp .profile__history__row dt,
#miradry_lp .profile__history__row dd {
font-size: 14px;
}
}