/* **************************************************
	sass変数
************************************************** */
.legacy-desktop.smart-container, .legacy-desktop .smart-container { margin: 40px auto 130px; background-color: #fff; position: relative; z-index: 10; }

.legacy-desktop.container, .legacy-desktop .container { position: relative; }

.legacy-desktop.top, .legacy-desktop .top { position: relative; height: 650px; }

.legacy-desktop.top-images, .legacy-desktop .top-images { position: absolute; height: 650px; top: 0; left: 50%; margin-left: -500px; z-index: 3; }

.legacy-desktop.smartimg, .legacy-desktop .smartimg { position: absolute; top: 100%; left: 0; width: 100%; height: 650px; }

.legacy-desktop.top-prebg, .legacy-desktop .top-prebg { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background: url("/assets/image/products/mmsmart/top-bg-clear.jpg.webp") no-repeat center top; background-size: cover; z-index: 2; }

.legacy-desktop.top-bg, .legacy-desktop .top-bg { position: absolute; top: 0; left: 0; width: 100%; height: 650px; background: url("/assets/image/products/mmsmart/top-bg-blur.jpg.webp") no-repeat center top; background-size: cover; z-index: 1; }

.legacy-desktop.top-catch1, .legacy-desktop .top-catch1 { position: absolute; top: 70px; left: 50%; margin-left: -458px; }

.legacy-desktop.top-catch2, .legacy-desktop .top-catch2 { position: absolute; top: 260px; left: 50%; margin-left: -450px; }

.legacy-desktop.top-logo, .legacy-desktop .top-logo { position: absolute; top: 330px; left: 50%; margin-left: -440px; }

.legacy-desktop.top-hole-stand, .legacy-desktop .top-hole-stand { position: absolute; top: 173px; left: 50%; margin-left: 136px; z-index: 2; }

.legacy-desktop.top-hole-lie, .legacy-desktop .top-hole-lie { position: absolute; top: 491px; left: 50%; margin-left: -170px; z-index: 1; }

.legacy-desktop.top-caution, .legacy-desktop .top-caution { position: absolute; top: 622px; left: 50%; margin-left: -406px; font-size: 14px; }

.legacy-desktop.video, .legacy-desktop .video { width: 250px; margin: 0 auto; text-align: center; position: absolute; z-index: 10; left: 50px; bottom: 50px; }

.legacy-desktop.video a, .legacy-desktop .video a { display: block; height: auto; }

.legacy-desktop.video-inner, .legacy-desktop .video-inner { margin: 0 auto; display: inline-block; position: relative; }

.legacy-desktop.playIcon, .legacy-desktop .playIcon { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; background: url("/assets/image/products/common/video-play.png") no-repeat left top; opacity: 0.5; }

.legacy-desktop.video > a:hover .playIcon, .legacy-desktop .video > a:hover .playIcon { opacity: 1; -webkit-transition: .25s opacity ease-out; -moz-transition: .25s opacity ease-out; transition: .25s opacity ease-out; background-position: 0 -60px; }

.legacy-desktop.video-text, .legacy-desktop .video-text { margin-top: 5px; text-align: center; font-size: 13px; color: #fff; }

.legacy-desktop.summary, .legacy-desktop .summary { margin-bottom: 40px; position: relative; z-index: 3; height: 832px; background: url("/assets/image/products/mmsmart/summary-bg.jpg.webp") no-repeat center top; }

.legacy-desktop.summary-bg, .legacy-desktop .summary-bg { display: block; margin: 0 auto; }

.legacy-desktop.summary-catch, .legacy-desktop .summary-catch { position: absolute; z-index: 4; top: 98px; left: 50%; margin-left: -239px; }

.legacy-desktop.summary-hole, .legacy-desktop .summary-hole { position: absolute; z-index: 4; top: 377px; left: 50%; margin-left: -301px; }

.legacy-desktop.summary-p, .legacy-desktop .summary-p { color: #666; position: absolute; z-index: 4; top: 161px; left: 50%; margin-left: -195px; line-height: 2.8em; }

.legacy-desktop.summary-p-line1, .legacy-desktop .summary-p-line1 { margin-left: 129px; }

.legacy-desktop.summary-p-line2, .legacy-desktop .summary-p-line2 { margin-left: 63px; }

.legacy-desktop.summary-p-line3, .legacy-desktop .summary-p-line3 { margin-left: 43px; }

.legacy-desktop.summary-p-line4, .legacy-desktop .summary-p-line4 { margin-left: 50px; }

.legacy-desktop.summary-p-line5, .legacy-desktop .summary-p-line5 { margin-left: 81px; }

.legacy-desktop.style1, .legacy-desktop .style1 { height: 1042px; margin-bottom: 40px; }

.legacy-desktop.style1-hole-open, .legacy-desktop .style1-hole-open { position: absolute; top: 435px; left: 50%; margin-left: 294px; z-index: 1; }

.legacy-desktop.style1-hole-vacuum, .legacy-desktop .style1-hole-vacuum { position: absolute; top: 483px; left: 50%; margin-left: -501px; z-index: 1; }

.legacy-desktop.style1-icon-open, .legacy-desktop .style1-icon-open { position: absolute; top: 718px; left: 50%; margin-left: 33px; z-index: 1; }

.legacy-desktop.style1-icon-vacuum, .legacy-desktop .style1-icon-vacuum { position: absolute; top: 402px; left: 50%; margin-left: -281px; z-index: 1; }

.legacy-desktop.style1-tag, .legacy-desktop .style1-tag { position: absolute; top: 29px; left: 50%; margin-left: -455px; }

.legacy-desktop.style1-title, .legacy-desktop .style1-title { position: absolute; top: 71px; left: 50%; margin-left: -455px; }

.legacy-desktop.style1-triangle-left, .legacy-desktop .style1-triangle-left { position: absolute; top: 387px; left: 50%; margin-left: -485px; }

.legacy-desktop.style1-triangle-right, .legacy-desktop .style1-triangle-right { position: absolute; top: 398px; left: 50%; margin-left: -345px; }

.legacy-desktop.style1-p, .legacy-desktop .style1-p { color: #000; position: absolute; top: 200px; left: 50%; margin-left: -416px; line-height: 2.8em; }

.legacy-desktop.style1-vacuum-p, .legacy-desktop .style1-vacuum-p { color: #FFF; position: absolute; top: 492px; left: 50%; margin-left: -279px; line-height: 1.9em; }

.legacy-desktop.style1-open-p, .legacy-desktop .style1-open-p { color: #FFF; position: absolute; top: 807px; left: 50%; margin-left: 35px; line-height: 1.9em; }

.legacy-desktop.style2, .legacy-desktop .style2 { height: 966px; background-color: #fb0c1a; margin-bottom: 40px; }

.legacy-desktop.style2-tag, .legacy-desktop .style2-tag { position: absolute; top: 22px; left: 50%; margin-left: -455px; }

.legacy-desktop.style2-title, .legacy-desktop .style2-title { position: absolute; top: 63px; left: 50%; margin-left: -455px; }

.legacy-desktop.style2-wireframe, .legacy-desktop .style2-wireframe { position: absolute; top: 397px; left: 50%; margin-left: -500px; }

.legacy-desktop.style2-p, .legacy-desktop .style2-p { color: #FFF; position: absolute; top: 189px; left: 50%; margin-left: -264px; line-height: 2.4em; letter-spacing: 1px; }

.legacy-desktop.style2-p-line2, .legacy-desktop .style2-p-line2 { margin-left: 27px; }

.legacy-desktop.style2-p-line3, .legacy-desktop .style2-p-line3 { margin-left: -45px; }

.legacy-desktop.style2-p-line4, .legacy-desktop .style2-p-line4 { margin-left: -23px; }

.legacy-desktop.style2-hard-p, .legacy-desktop .style2-hard-p { color: #000; position: absolute; top: 642px; left: 50%; margin-left: -429px; line-height: 1.9em; }

.legacy-desktop.style2-soft-p, .legacy-desktop .style2-soft-p { color: #000; position: absolute; top: 640px; left: 50%; margin-left: 233px; line-height: 1.9em; }

.legacy-desktop.style3, .legacy-desktop .style3 { height: 1175px; margin-bottom: 40px; }

.legacy-desktop.style3-tag, .legacy-desktop .style3-tag { position: absolute; top: 36px; left: 50%; margin-left: -455px; }

.legacy-desktop.style3-title, .legacy-desktop .style3-title { position: absolute; top: 77px; left: 50%; margin-left: -455px; }

.legacy-desktop.style3-example, .legacy-desktop .style3-example { position: absolute; top: 164px; left: 50%; margin-left: 46px; }

.legacy-desktop.style3-level, .legacy-desktop .style3-level { position: absolute; top: 609px; left: 50%; margin-left: -476px; }

.legacy-desktop.style3-p1, .legacy-desktop .style3-p1 { color: #000; position: absolute; top: 200px; left: 50%; margin-left: -458px; line-height: 1.9em; letter-spacing: 1px; }

.legacy-desktop.style3-p2, .legacy-desktop .style3-p2 { color: #000; position: absolute; top: 299px; left: 50%; margin-left: -459px; line-height: 1.9em; letter-spacing: 1px; }

.legacy-desktop.style4, .legacy-desktop .style4 { height: 548px; background: url("/assets/image/products/mmsmart/style4-bg.jpg.webp") no-repeat center top; }

.legacy-desktop.style4-tag, .legacy-desktop .style4-tag { position: absolute; top: 57px; left: 50%; margin-left: -455px; }

.legacy-desktop.style4-title, .legacy-desktop .style4-title { position: absolute; top: 99px; left: 50%; margin-left: -455px; z-index: 1; }

.legacy-desktop.style4-hole-dry, .legacy-desktop .style4-hole-dry { position: absolute; top: 261px; left: 50%; margin-left: -505px; }

.legacy-desktop.style4-hole-wash, .legacy-desktop .style4-hole-wash { position: absolute; top: 1px; left: 50%; margin-left: 239px; }

.legacy-desktop.style4-p1, .legacy-desktop .style4-p1 { color: #000; position: absolute; top: 206px; left: 50%; margin-left: -402px; line-height: 2em; letter-spacing: 1px; }

.legacy-desktop.style4-p2, .legacy-desktop .style4-p2 { color: #000; position: absolute; top: 291px; left: 50%; margin-left: -159px; line-height: 2.2em; letter-spacing: 1px; }

.legacy-desktop.style4-caution, .legacy-desktop .style4-caution { color: #000; position: absolute; top: 444px; left: 50%; margin-left: -449px; }

.legacy-desktop.info, .legacy-desktop .info { height: 620px; }

.legacy-desktop.info-hole, .legacy-desktop .info-hole { position: absolute; top: 100px; left: 50%; margin-left: -400px; }

.legacy-desktop.info-logo, .legacy-desktop .info-logo { position: absolute; top: 175px; left: 50%; margin-left: -115px; }

.legacy-desktop.info-discription, .legacy-desktop .info-discription { padding-top: 420px; color: #000; }

.legacy-desktop.btn, .legacy-desktop .btn { font-size: 18px; padding: 20px 0; font-weight: bold; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }