<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}

/*/////////////////// Effect ///////////////////*/
/*　フェードイン　*/
.is-fadein01.is-animated {animation: fadeIn01 0.5s forwards;}
@keyframes fadeIn01 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

.is-fadein02.is-animated {animation: fadeIn02 0.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeIn02 {
	0% {opacity: 0; transform: translateY(100px);}
  100% {opacity: 1; transform: translateY(0);}
}

/*　フェードイン　*/
.fadein01 {opacity: 0.0; transform: translate(0, 100px); transition: all 1000ms;}
.fadein01.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein02 {opacity: 0.0; transform: translate(0, 120px); transition: all 500ms;}
.fadein02.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein03 {opacity: 0.0; transform: translate(0, 150px); transition: all 600ms;}
.fadein03.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein04 {opacity: 0.0; transform: translate(0, 170px); transition: all 700ms;}
.fadein04.scrollin {opacity: 1; transform: translate(0, 0);}
.fadein05 {opacity: 0.0; transform: translate(0, 190px); transition: all 800ms;}
.fadein05.scrollin {opacity: 1; transform: translate(0, 0);}

/*/////////////////// LP ///////////////////*/
#dysoncp {width: 100%; margin: 0 auto; padding: 0; background: linear-gradient(160deg, rgb(97 145 222), rgb(255 170 214), rgb(250 208 152)); /*background-color: #d3c5fc; background-image: radial-gradient(circle, #eddcfc 2.5px, transparent 2.5px), radial-gradient(circle, #eddcfc 2.5px, transparent 2.5px); background-position: 0 0, 6.5px 13px; background-size: 13px 26px;*/}
#dysoncp&gt;.lpWrap {width: 700px; margin: 0 auto; padding: 0 0 0; text-align: center; background: linear-gradient(90deg, rgb(168 184 235), rgb(237 211 235));}
#dysoncp&gt;.lpWrap&gt;img {width: 100%; margin: 0 auto; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.title {width: 100%; margin: 0 auto -100px; padding: 0; position: relative; z-index: 10;}
#dysoncp&gt;.lpWrap&gt;.cp {width: 100%; margin: 0 auto 80px; padding: 0; position: relative; z-index: 9;}
#dysoncp&gt;.lpWrap&gt;.title&gt;img,
#dysoncp&gt;.lpWrap&gt;.cp&gt;img {width: 100%; margin: 0 auto 0; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep {width: 100%; margin: 0 auto; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;img {width: 100%; margin: 0 auto; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg {width: 100%; margin: 0 auto; padding: 0 0 40px; text-align: center; background-color: #b188e3;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.stepArea {width: 95%; margin: 0 auto; padding: 0 0; text-align: center; display: flex; justify-content: space-between; vertical-align: top;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.stepArea&gt;div {display: inline-block; width: 40%; width : -webkit-calc(100% / 2); width : calc(100% / 2 - 40px); margin: 0 auto 0; padding: 20px 0; background-color: #ffffff; border-radius: 30px;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.stepArea&gt;div&gt;img {width: 70%; margin: 0 auto; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.stepArea&gt;div&gt;p {margin: 0 auto 10px; padding: 0; color: #000000; font-size: 17px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 1.8; letter-spacing: 0.01em; text-align: center;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea {width: 100%; margin: 50px auto 0; padding: 0 0 100px; text-align: center; background-color: #b188e3;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content {width: 85%; margin: 0 auto 0; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;h4 {width: 220px; margin: 0 auto 10px 0; padding: 10px 0; color: #a172bd; font-size: 15px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; line-height: 1.0; letter-spacing: 0.01em; text-align: center; background-color: #ffffff; border-radius: 50px;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;p {width: 95%; margin: 0 auto 40px; padding: 0; color: #ffffff; font-size: 15px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; line-height: 1.8; letter-spacing: 0.01em; text-align: justify;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;p&gt;a,
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;p&gt;a:link,
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;p&gt;a:visited {color: #ffffff; font-weight: 600; text-decoration: underline;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;ul {width: 95%; margin: 0 auto; padding: 0;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;ul&gt;li {width: 100%; margin: 0 auto 10px; padding: 0; color: #ffffff; font-size: 15px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight: 400; line-height: 1.6; letter-spacing: 0.01em; text-align: justify;}
#dysoncp&gt;.lpWrap&gt;.cpstep&gt;.cpbg&gt;.infoArea&gt;.text-content&gt;ul&gt;li::marker {content: "・"; margin-right: 5px;}

.more-btn,
.more-btn:link,
.more-btn:visited {display: block; width: 90%; margin: 10px auto 0; padding: 20px 0; font-size: 15px;  font-weight: 400; color: #ffffff; text-align: center; letter-spacing: 0.05em; line-height: 1.0; text-decoration: none; cursor:pointer; position: relative; border: 1px solid #604395; background-color: #604395; border-radius: 30px;}
.more-btn:hover {color: #604395 !important; background-color: #ffffff;}
.more-btn::after {content: ""; display: block; position: absolute; top: calc(50% - 5px); right: 20px; width: 20px; height: 5px; border: none; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; transform: skew(45deg); transition: .3s;}
.more-btn:hover::after {right: 10px; width: 30px; border-right: 1px solid #604395; border-bottom: 1px solid #604395;}

#side_dyson {display: inline-block; position: fixed; height: 1%; top: 200px; right:0; text-indent:-9993px; display:block; background-color: transparent; z-index:9999;}
#side_dyson:after {content: ".";  display: block;  height: 0;  font-size:0; clear: both;  visibility:hidden;}
#side_dyson {display:block;}
#side_dyson:hover {right: 10px; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
#side_dyson .side_dyson a {outline:none; display: block; background: url("https://beautymylab.com/user_data/packages/raku2pc/img/slider/event/250616dyson.webp") no-repeat scroll 0px 0 transparent; background-size: 100%; width:220px; height:220px; -webkit-transition: all 1.0s ease;  -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease;}
#side_dyson .side_dyson a:hover {outline:none; display: block; background: url("https://beautymylab.com/user_data/packages/raku2pc/img/slider/event/250616dyson.webp") no-repeat scroll 0px 0 transparent; background-size: 100%; width:220px; height:220px; -webkit-transition: all 1.0s ease; -moz-transition: all 1.0s ease;  -o-transition: all 1.0s ease; filter:alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity:1.0; -khtml-opacity: 1.0; opacity:1.0; zoom:1;}
</pre></body></html>