@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500;700&family=Noto+Sans+JP:wght@200;400;700;900&family=Nanum+Myeongjo:wght@700&display=swap');
html{height: 100%;font-size: 62.5%;-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {height: 100%;font-family:'Montserrat','Noto Sans JP','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size: 1.6rem;line-height: 1.7;margin:0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:'';content:none}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
l,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px;list-style: none;}
nav ul,nav ol{list-style:none;list-style-image:none}
img{max-width: 100%;height: auto;vertical-align: middle;border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}i{font-style: normal}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li{font-weight: 400;margin:0;padding:0;letter-spacing: 1px;}
a{color:#000;text-decoration: none;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;-webkit-tap-highlight-color:rgba(245,242,239,.35);}
a:active,a:hover{outline:0}
a:focus{outline:none;}
::-moz-selection {background: #000;color: #fff;}
::selection {background: #000;color: #fff;}
::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none; -khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{height: 100%;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{ visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: #fff center center no-repeat;}
.js-item-slider .slick-prev,.js-item-slider .slick-next{font-size: 0;line-height: 0;position: absolute;display: block;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index: 100;}
.js-voice-slider .slick-prev,.js-voice-slider .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index: 101;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{ opacity: 1;}
.slick-prev.slick-disabled,.slick-next.slick-disabled{cursor: default!important;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;cursor: default;}
.js-item-slider .slick-prev:before,.js-item-slider .slick-next:before{font-size: 3rem;line-height: 1;opacity: 1;color: #000;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
.js-item-slider .slick-prev{width: 55px;left: calc(50% - 55px);border-right: 1px solid #000;}
[dir='rtl'] .slick-prev{right: 0;left: auto;}
.js-item-slider .slick-prev:before{content: '←';font-family: 'Nanum Myeongjo', serif;}
[dir='rtl'] .slick-prev:before{content: '←';font-family: 'Nanum Myeongjo', serif;}
.js-item-slider .slick-next{width: 55px;right: calc(50% - 55px);}
[dir='rtl'] .slick-next{right: auto;left: 0;}
.js-item-slider .slick-next:before{content: '→';font-family: 'Nanum Myeongjo', serif;}
[dir='rtl'] .slick-next:before{content: '→';font-family: 'Nanum Myeongjo', serif;}
.js-voice-slider .slick-prev:before,.js-voice-slider .slick-next:before{width: 5rem;height: 5rem;font-size: 3rem;line-height: 5rem;color: #fff;text-align: center;background: rgba(188,184,181,.85);border-radius: 50px;display: inline-block;}
.js-voice-slider .slick-prev{left: -4rem;}
.js-voice-slider .slick-prev:before{content: '←';font-family: 'Nanum Myeongjo', serif;}
.js-voice-slider .slick-next{right: -4rem;}
.js-voice-slider .slick-next:before{content: '→';font-family: 'Nanum Myeongjo', serif;}
.slick-dots{text-align: center;padding: 0;list-style: none;position: absolute;bottom: -5rem;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);}
.slick-dots li{position: relative;margin: 0 1rem;padding: 0;display: inline-block;}
.slick-dots li button{width: 1.5rem;height: 1.5rem;font-size: 0;line-height: 0;padding: 0;display: block;cursor: pointer;border: 1px solid #bcb8b5;background: #fff;outline: none;border-radius: 50%;}
.slick-dots li.slick-active button{background: #bcb8b5;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.js-item-slider .slick-prev,.slick-next{bottom:-5rem;}
}
@media (min-width: 768px) {
.js-item-slider .slick-prev,.js-item-slider .slick-next{top:-6rem;}
.js-item-slider .slick-prev:before,.js-item-slider .slick-next:before{font-size: 3.5rem;}
.js-item-slider .slick-prev:hover:before,.js-item-slider .slick-next:hover:before{color:#ccc;}
.js-item-slider .slick-prev{left:calc(100% - 130px);}
.js-item-slider .slick-next{right: 2rem;}
.slick-dots{right: 2.5rem;}
}
@media (min-width: 1280px) {
.js-voice-slider .slick-prev:before,.js-voice-slider .slick-next:before{width: 7rem;height: 7rem;font-size: 4rem;line-height: 7rem;}
}
@media (min-width: 1480px) {
.slick-prev,.slick-next{top:-7rem;}
.js-voice-slider .slick-prev{left: -9rem;}
.js-voice-slider .slick-next{right: -9rem;}
}
header {height: 100%;position: relative;}
.header-logo {width: 150px;position:fixed;top:2rem;left:2rem;transition: all .85s ease-out;z-index: 9999;opacity: 0;}
.header-wrap {text-align: center;}
.header-txt {font-size: 1.4rem;font-weight: 200;letter-spacing: .1rem;transition: all .85s ease-out;opacity: 0;}
.header-heading {font-size: 2.2rem;font-weight: 900;transition: all .85s ease-out;opacity: 0;}
.header-btn {transition: all .85s ease-out;z-index: 3;opacity: 0;}
.header-btn a {width: 80%;font-size: 1.8rem;font-weight: 700;color:#fff;text-align: center;margin: 0 auto;background: #000;border: 1px solid #000;padding: 1.8rem;display: block;position: relative;}
.header-btn a:after {content: '';width: 6px;height: 6px;margin-top: -3px;border: 0px;border-top: solid 1px #fff;border-right: solid 1px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 2rem;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
.header-visual {height: 100vh;position: relative;overflow: hidden;}
.header-visual:after {content: "";width: 100%;height: 100%;background-image:url(https://onceplus.co.jp/images/top.jpg);background-repeat: no-repeat;background-position: center center;background-size: cover;position: absolute;top: 0;left:0;transition: all 1.8s ease-out;z-index: 0;opacity: 1;}
.header-scroll {font-size: 1.2rem;padding-bottom: 55px;position: absolute;bottom: 0;left: 2.5rem;writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl;letter-spacing: .25rem;transition: all .35s ease-out;opacity: 0;}
.header-scroll--line {width: 1px;height: 50px;position: absolute;bottom: 0;left: 50%;overflow: hidden;transition: all .85s ease-out;}
.header-scroll--line:after{content:"";width: 100%;background: #000;display: block;animation:scroll 1.5s ease infinite normal;overflow: hidden;}
@keyframes scroll{
	0%{
		height: 0;
	}
	50%{
		height: 50px;
		margin-top: 0;
	}
	100%{
		margin-top: 50px;				
		height: 50px;
	}
}
.is-zoom:after {opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3);}
.is-fade {opacity: 1;}
.is-hide {opacity: 0;bottom:1.5rem;}
@media screen and (min-width: 320px) and (max-width: 1023px) {
.header-wrap__col {width: 100%;padding: 3rem 2rem;position: absolute;top: 50%;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);z-index: 1;box-sizing: border-box;}
.header-heading span {margin-top: .75rem;color:white;padding: .5rem 1.5rem;display: inline-block;}
.header-txt {color:#fff;padding: .75rem 1.5rem;background: rgba(188,184,181,.85);display: inline-block;}
.header-btn {width: 100%;position: absolute;bottom:3rem;left:0;}
.header-scroll {display: none;}
}
@media (min-width: 1024px) {
header {display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;align-items: center;-webkit-box-align: center;-ms-flex-align: center;}
.header-logo {width: 180px;}
.header-wrap {width: 50%;padding: 3.5rem;box-sizing: border-box;}
.header-wraplp {width: 100%;padding: 3.5rem;box-sizing: border-box;}
.header-txt {font-size: 2.2rem;color:#000;letter-spacing: .2rem;}
.header-heading {font-size: 3.2rem;font-weight: 900;color:#000;text-align: center;letter-spacing: .2rem;}
.header-heading:before {content:"";width: 80px;height: 1px;background: #000;margin: 2.5rem auto;display: block;}
.header-btn a:hover {color:#000;background: transparent;}
.header-btn a:hover:after {border-top: solid 1px #000;border-right: solid 1px #000;}
.header-btn {width: 350px;margin: 3rem auto 0;}
.header-visual {width: 50%;}
}
@media (min-width: 1480px) {
.header-txt {font-size: 2.4rem;color:#000;}
.header-heading {font-size: 4.2rem;}
}
footer {padding: 6rem 1.5rem;background: #f4f2ef;}
.footer-wrap {max-width: 1200px;margin: 0 auto;position: relative;}
.footer-logo {width: 200px;margin: 0 auto;}
.footer-list li {font-size: 1.1rem;margin: 0 .75rem;display: inline-block;}
.footer-copy {font-size: 1rem;text-align: center;letter-spacing: .2rem;}
.footer-fix {width: 100%;position: fixed;bottom:0;left:0;display: none;}
.footer-fix a {font-size: 1.6rem;font-weight: 700;color:#fff;text-align: center;padding: 1.3rem;background: rgba(98,176,227,1);display: block;position: relative;}
.footer-fix a:after {content: '';width: 6px;height: 6px;margin-top: -3px;border: 0px;border-top: solid 1px #fff;border-right: solid 1px #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 2rem;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
@media screen and (min-width: 320px) and (max-width: 1023px) {
.footer-list {text-align: center;margin: 3.5rem 0;}
}
@media (min-width: 768px) {
.footer-logo {width: 220px;}
.footer-list li {font-size: 1.3rem;margin: 0 1rem;}
.footer-list li a:hover {color:#bcb8b5;}
.footer-copy {font-size: 1.1rem;}
.footer-fix {width: 300px;top:1rem;right:1rem;left:inherit;bottom:inherit;}
.footer-fix a {font-size: 1.6rem;border-radius: 50px;}
.footer-fix a:hover {background: rgba(0,0,0,.85);}
}
@media (min-width: 1024px) {
footer {padding: 10rem 1.5rem;}
.footer-logo {margin: 0;}
.footer-list {position: absolute;top:50%;left:240px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.footer-copy {position: absolute;top:50%;right:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
}
@media (min-width: 1480px) {
footer {padding: 12rem 1.5rem;}
.footer-list {left:250px;}
.footer-list li {font-size: 1.5rem;}
.footer-fix {width: 320px;;}
.footer-fix a {font-size: 1.7rem;padding: 1.4rem;}
}
main {display: block;}
.is-fade-fast {opacity:0;transform: translate3d(0,50px,0);transition:all .2.5s ease-out;}
.is-fade-slow {opacity:0;transform: translate3d(0,50px,0);transition:all .4s ease-out;}
.is-fade-slide {opacity:0;transition:all .35s ease-out;}
.is-fade-col {opacity:0;transform: translate3d(0,60px,0);transition:all .2s ease-out;}
@media (min-width: 1024px) {
.sp {display: none;}
}
.intro {padding: 6rem 1.5rem;background: #f4f2ef;}
.intro-wrap {padding: 4rem 2rem;background: #fff;position: relative;}
.intro-wrap:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -25px;border: 25px solid transparent;border-top: 25px solid #fff;}
.intro-heading {font-size: 1.8rem;font-weight: 900;line-height: 1.4; color:#fff;padding: .75rem 1.5rem;background: #bcb8b5;position: absolute;top:-3rem;left:-2rem;}
.intro-list li {font-size: 1.5rem;padding: 1.5rem 0 1.5rem 3rem;border-bottom: 1px solid #000;position: relative;}
.intro-list li:before {content:"";width: 20px;height: 17px;margin-top: -8px;background:url(https://cosmetro.jp/lp/images/check-icon.svg) no-repeat center center / 20px 17px;position: absolute;top:50%;left:0;}
.intro-block {text-align: center;margin-top: 4rem;}
.intro-block__txt {font-size: 1.3rem;border-bottom: 1px solid #000;display: inline-block;}
.intro-block__heading {font-size: 2rem;font-weight: 900;margin-top: 1.5rem;}
@media (min-width: 768px) {
.intro {padding: 10rem 1.5rem;}
.intro-heading {font-size: 2.2rem;top: -4rem;}
.intro-list {display: flex;display:-webkit-flexbox;display:-ms-flexbox;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.intro-list li {width: 48%;box-sizing: border-box;}
.intro-block {margin-top: 5rem;}
.intro-block__txt {font-size: 1.6rem;}
.intro-block__heading {font-size: 2.8rem;}
}
@media screen and (min-width:768px) and (max-width: 1023px) {
.intro-list li:nth-child(even) {margin-left: 4%;}
}
@media (min-width: 1024px) {
.intro-wrap {margin: 0 5rem; padding: 8rem 4rem;background: #fff;position: relative;}
.intro-heading {font-size: 2.8rem;padding: 1.5rem 2.5rem;top: -4rem;left:-7rem;}
.intro-list {display: flex;display:-webkit-flexbox;display:-ms-flexbox;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.intro-list li {width: 22%; font-size: 1.6rem;margin-left: 4%;padding-top: 1rem;}
.intro-list li:nth-child(4n+1) {margin-left: 0;}
.intro-list li:nth-child(n+5) {margin-top: 3rem;}
.intro-list li:before {top:2.2rem;}
.intro-block {margin-top: 7vh;}
.intro-block__txt {font-size: 2rem;}
.intro-block__heading {font-size: 3.2rem;}
}
@media (min-width: 1480px) {
.intro {padding: 12rem 1.5rem;}
.intro-heading {padding: 2.5rem;top: -4.5rem;}
.intro-block {margin-top: 10vh;}
.intro-block__txt {font-size: 2.4rem;}
.intro-block__heading {font-size: 3.8rem;}
}
.point {padding: 6rem 1.5rem;}
.point-subtxt {font-size: 1.4rem;font-weight: 200;text-align: center;margin-bottom: 1.5rem;}
.point-subtxt__bg {color:#fff;padding: .5rem 1.5rem;background: #bcb8b5; display: inline-block;}
.point-heading {font-size: 1.8rem;font-weight: 900;text-align: center;}
.point-wrap {max-width: 1200px;margin: 0 auto;}
.point-wrap__block {margin-top: 4rem;}
.point-wrap__block + .point-wrap__block {margin-top: 8rem;}
.point-img {position: relative;}
.point-number {font-size: 4.8rem;line-height: 1;font-weight: 700;padding-bottom: .5rem;border-bottom: 1px solid #000;position: absolute;top:2rem;}
.point-wrap__block:nth-child(odd) .point-number {right: 0;padding-left: 4rem;transform: translateX(-30px);}
.point-wrap__block:nth-child(even) .point-number {left: 0;padding-right: 4rem;transform: translateX(30px);}
.profile-block {margin: -3rem 1.5rem 0 1.5rem; padding: 1.2rem;background: rgba(255,255,255,.8);display: inline-block;position: relative;z-index: 3;}
.profile-block dt {font-size: 1.2rem;font-weight: 700;margin-bottom: .5rem;}
.profile-block dd {font-size: 1.1rem;}
.point-wrap__heading {font-size: 2.2rem;font-weight: 900;text-align: center;}
.point-wrap__heading:after {content:"";width: 80px;height: 1px;background: #000;margin: 2.5rem auto;display: block;}
.point-wrap__txt {font-size: 1.5rem;text-align: center;}
.point-wrap__at {font-size: 1rem;margin-top: 2.5rem;padding-left: 1.1rem;text-indent: -1.1rem;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.point-wrap__block {display: flex;display:-webkit-flexbox;flex-direction: column;}	
.point-img {order: 1;}
.point-wrap__block:nth-child(odd) .point-img {padding-right: 15%;}
.point-wrap__block:nth-child(even) .point-img {padding-left: 15%;}
.point-inner {width: 100%;margin-top: 2.5rem; order: 2;}
.profile-block dd br {display: none;}
}
@media (min-width: 768px) {
.point {padding: 10rem 1.5rem;}
.point-subtxt {font-size: 1.6rem;}
.point-heading {font-size: 3rem;font-weight: 900;text-align: center;}
.point-wrap__block {display: flex;display:-webkit-flexbox;display:-ms-flexbox;align-items: center;-webkit-box-align: center;-ms-flex-align: center;}
.point-wrap__block + .point-wrap__block {margin-top: 0;}
.point-img {width: 50%;}
.point-number {font-size: 6rem;}
.point-wrap__block:nth-child(odd) .point-number {right: -10rem;padding-left: 6rem;}
.point-wrap__block:nth-child(even) .point-number {left: -10rem;padding-right: 6rem;}
.profile-block {margin-top: -4.5rem; padding: 1.5rem;}
.point-inner {width: 50%;padding: 4rem;box-sizing: border-box;}
}
@media (min-width: 1024px) {
.profile-block dt {font-size: 1.3rem;}
.profile-block dd {font-size: 1.2rem;}
.point-wrap__heading {font-size: 2.8rem;}
.point-number {top:3.5rem;}
.point-wrap__at {text-align: center;}
.point-wrap__at p {text-align: left;display: inline-block;}
}
@media (min-width: 1480px) {
.point {padding: 12rem 1.5rem;}
.point-number {top:5rem;}
.point-wrap__block:nth-child(odd) .point-number {right: -12rem;padding-left: 8rem;}
.point-wrap__block:nth-child(even) .point-number {left: -12rem;padding-right: 8rem;}
}
.item {padding: 6rem 0;background: #f4f2ef;overflow: hidden;}
.item-heading {font-size: 1.8rem;font-weight: 900;text-align: center;}
.js-item-slider {margin: 4rem 0 8.5rem;}
.js-item-slider .slick-slide {margin: 0 .5rem;padding: 1.5rem;background: #fff;}
.item-txt {min-height: 88px;font-size: 1.3rem;font-weight: 700;margin-top: 1.5rem;text-align: center;}
.item-caption {padding: 0 4rem;}
.item-caption:before {content:"";width: 80px;height: 1px;background: #000;margin: 0 auto 3.5rem;display: block;}
.item-at {font-size: 1.1rem;text-align: center;margin-top: 2rem;padding: 0 4rem;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.item-caption br {display: none;}
}
@media (min-width: 768px) {
.item {padding: 10rem 0;}
.item-heading {font-size: 3rem;font-weight: 900;text-align: center;}
.js-item-slider {margin-bottom: 0;}
.item-caption {text-align: center; padding: 0 1.5rem;}
.item-caption:before {margin: 4rem auto;}
.item-at {font-size: 1.2rem;padding: 0 1.5rem;}
.item-at br {display: none;}
}
@media (min-width: 1024px) {
.item-txt {min-height: 92px;font-size: 1.4rem;margin-top: 2rem;}
.js-item-slider .slick-slide {padding-bottom: 2rem;}
.item-caption {font-size: 1.8rem;}
}
@media (min-width: 1480px) {
.item {padding: 12rem 0;}
.js-item-slider {margin-top: 5.5rem;}
.item-caption {font-size: 2rem;}
}
.setitem__inner {padding: 6rem 2rem;background: #000;}
.setitem-heading {font-size: 3.2rem;font-weight: 900;color:#fff;text-align: center;margin-bottom: .5rem;}
.setitem-heading--small {font-size: 1.6rem;font-weight: 900;display: block;}
.setitem-price {font-size: 2.8rem;font-weight: 900;color:#fff;text-align: center;}
.setitem-price--small {font-size: 1.4rem;font-weight: 900;}
.setitem-price--normal {font-size: 1.8rem;font-weight: 900;margin-right: 2.5rem;position: relative;}
.setitem-price--normal:before {content: '';width: 100%;height: 2px;margin-top: -1px;background: #fff;position: absolute;top:50%;left:0;}
.setitem-price--normal:after {content: '→';font-family: 'Nanum Myeongjo', serif;position: absolute;top:-.5rem;right:-2.5rem;}
.special-offer{font-size: 1.4rem;font-weight: 900;color: rgba(227,182,60,1);text-align: center;letter-spacing: .25rem;}
.special-offer--span {display: inline-block;position: relative;}
.special-offer--span:before{content:"";width: 9vw;height: 1px;background:rgba(227,182,60,1);position: absolute;top:50%;left:-12vw;}
.special-offer--span:after{content:"";width: 9vw;height: 1px;background:rgba(227,182,60,1);position: absolute;top:50%;right:-12vw;}
.setitem-list {margin-top: 3.5rem;padding: 2.5rem 2rem;border: 1px solid #fff;}
.setitem-list li {font-size: 1.4rem;color:#fff;padding-left: 2rem;position: relative;}
.setitem-list li + li {margin-top: 2rem;}
.setitem-list li:before {position:absolute;top:0;left:0;}
.setitem-btn {width: 85%;margin:2.5rem auto 0;position: relative;}
.setitem-btn a {font-weight: 700;color:#000;text-align: center; padding: 1.7rem;background: #fff;border: 1px solid #fff;display: block;}
.setitem-btn a:after {content: '';width: 6px;height: 6px;margin-top: -3px;border: 0px;border-top: solid 1px #000;border-right: solid 1px #000;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 2rem;-webkit-transition: all .35s ease-out;transition: all .35s ease-out;}
@media (min-width: 1024px) {
.setitem {width: 100%;display: table;table-layout: fixed;}
.setitem__img,.setitem__inner {width: 50%;display: table-cell;vertical-align: middle;box-sizing: border-box;}
.setitem__inner {padding: 1rem 3rem;}
.setitem-btn {width: 380px;}
.setitem-btn a {font-size: 1.8rem;padding: 2rem;}
.setitem-btn a:hover {color:#fff;background: transparent;}
.setitem-btn a:hover:after {border-top: solid 1px #fff;border-right: solid 1px #fff;}
.special-offer{font-size: 1.6rem;letter-spacing: .45rem;}
.special-offer--span {display: inline-block;position: relative;}
.special-offer--span:before{content:"";width: 3rem;height: 1px;background:rgba(227,182,60,1);position: absolute;top:50%;left:-4.5rem;}
.special-offer--span:after{content:"";width: 3rem;height: 1px;background:rgba(227,182,60,1);position: absolute;top:50%;right:-4.5rem;}
}
@media (min-width: 1480px) {
.setitem__inner {padding: 2rem 8rem;}
.setitem-heading {font-size: 3.8rem;}
.setitem-heading--small {font-size: 2rem;}
.setitem-price {font-size: 3.5rem;}
.setitem-price--small {font-size: 2rem;font-weight: 900;}
.setitem-price--normal {font-size: 2.2rem;margin-right: 3rem;position: relative;}
.setitem-price--normal:after {content: '→';font-family: 'Nanum Myeongjo', serif;position: absolute;top:-.5rem;right:-3rem;}
.setitem-list li {font-size: 1.4rem;}
.setitem-btn {margin-top: 4.5rem;}
}
.orderflow {padding: 6rem 1.5rem;}
.orderflow-heading {font-size: 2.2rem;font-weight: 900;text-align: center;}
.orderflow-wrap {max-width: 1200px;margin: 3rem auto 0;}
.orderflow-wrap__block {padding: 1.5rem;background: #bcb8b5;position: relative;box-sizing: border-box;}
.orderflow-line {content:"";width: 1px;height: 3rem;background: #000;margin: 0 auto;display: block;}
.orderflow-caption__title {font-size: 1.4rem;font-weight: 700;color:#fff;}
.orderflow-caption__txt {font-size: 1.3rem;color:#fff;}

@media screen and (min-width: 320px) and (max-width: 1023px) {
.orderflow-wrap__block {width: 100%;display: table;table-layout: fixed;}
.orderflow-wrap__block > div {display: table-cell;vertical-align: middle;}
.orderflow-img {width: 110px;padding-right: 2rem;}
.orderflow-number {font-size: 1.1rem;font-weight: 700;color:#fff;padding: .5rem 1rem;;background: #000;position: absolute;top:0;right:0;letter-spacing: .25rem;}
.orderflow-caption__txt br {display: none;}
}
@media (min-width: 768px) {
.orderflow {padding: 10rem 1.5rem;}
.orderflow-img {width: 180px;}
.orderflow-number {font-size: 1.3rem;}
.orderflow-caption__title {font-size: 1.8rem;margin-bottom: 1rem;}
.orderflow-caption__txt {font-size: 1.4rem;}
}
@media (min-width: 1024px) {
.orderflow-heading {font-size: 3.2rem;}
.orderflow-wrap {margin-top: 4rem;display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.orderflow-wrap__block {width: 31.6666%;padding: 2.5rem;}
.orderflow-img {width: 100%;}
.orderflow-number {font-size: 1.5rem;font-weight: 700;color:#fff;padding: .5rem 1.2rem;;background: #000;position: absolute;top:3.5rem;left:0;letter-spacing: .25rem;}
.orderflow-caption {margin-top: 2.5rem;text-align: center;}
.orderflow-caption__title {font-size: 2rem;}
.orderflow-caption__txt {font-size: 1.5rem;}
.orderflow-line {display: none;}
}
@media (min-width: 1480px) {
.orderflow {padding: 12rem 1.5rem;}
.orderflow-heading {font-size: 3.8rem;}
.orderflow-wrap {margin-top: 6rem;}
.orderflow-number {font-size: 1.8rem;letter-spacing: .45rem;}
}
.voice {padding: 6rem 1.5rem;background: #f4f2ef;overflow: hidden;}
.voice-heading {font-size: 2.2rem;font-weight: 900;text-align: center;}
.voice-wrap {max-width: 1200px;margin: 3rem auto 0;}
.js-voice-slider {margin: 0 3.5rem;padding: 2rem;background: #fff;}
/*.slide-item {padding: 2rem;background: #fff;}*/
.insta-inner {margin-top: 2rem;}
.insta-profile {width: 100%;margin-bottom: 1.5rem; display: table;table-layout: fixed;}
.insta-profile dt,.insta-profile dd {display: table-cell;vertical-align: middle;}
.insta-profile dt {width: 40px;padding-right: 1.5rem;}
.insta-profile dd {font-size: 1.4rem;font-weight: 700;}
.insta-txt {font-size: 1.3rem;}
.insta-tag {font-size: 1.1rem;font-weight: 700;line-height: 1.5;color:#bcb8b5;margin-top: 1rem;}
.insta-tag li {margin: 0 1rem 0 0;display: inline-block;}
.comment + .comment {margin-top: 2.5rem;}
.comment-profile {width: 100%;margin-bottom: 1.5rem; display: table;table-layout: fixed;}
.comment-profile dt,.comment-profile dd {display: table-cell;vertical-align: middle;}
.comment-profile dt {width: 40px;padding-right: 1rem;}
.comment-profile dd {font-size: 1.4rem;font-weight: 700;}
.comment-txt {padding: 1.5rem;background: #bbb8b5;position: relative;}
.comment-txt p {font-size: 1.2rem;line-height: 1.5;color:#fff;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.comment-txt:before {content: "";position: absolute;top: -2.5rem;left: 1.4em;margin-left: -1.8rem;border: 1.8rem solid transparent;border-bottom: 1.8rem solid #bbb8b5;}
}
@media (min-width: 768px) {
.voice {padding: 10rem 1.5rem;}
.js-voice-slider {padding: 3rem;}
.insta {display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.insta-img {width: 23.75%;}
.insta-inner {width: 72.33333%;margin-top: 0;}
.insta-profile dt {width: 60px;}
.insta-profile dd {font-size: 1.6rem;}
.insta-txt {font-size: 1.5rem;}
.insta-tag {font-size: 1.2rem;margin-top: 2rem;}
.comment {display: flex;display:-webkit-flexbox;display:-ms-flexbox;}
.comment + .comment {margin-top: 5rem;}
.comment-profile {width: 140px;text-align: center;margin-right: 2rem; display: block;}
.comment-profile dt,.comment-profile dd {display: block;}
.comment-profile dt {width: 80px;margin: 0 auto .5rem; padding-right: 0;}
.comment-profile dd {word-break: break-all;}
.comment-txt {-webkit-flex: 1;flex: 1;-ms-flex: 1;padding: 2rem;background: #bbb8b5;position: relative;border-radius: .8rem;}
.comment-txt p {font-size: 1.4rem;line-height: 1.5;color:#fff;}
.comment--r {flex-direction: row;}
.comment--r .comment-profile {order: 2;margin: 0 0 0 3rem;}
.comment--r .comment-txt {order: 1;}
.comment--l .comment-txt:before {content: "";position: absolute;top: 3.5rem;left: -3.8rem;margin-top: -2.5rem;border: 2.5rem solid transparent;border-right: 2.5rem solid #bbb8b5;}
.comment--r .comment-txt:before {content: "";position: absolute;top: 3.5rem;right: -3.8rem;margin-top: -2.5rem;border: 2.5rem solid transparent;border-left: 2.5rem solid #bbb8b5;}
}
@media (min-width: 1024px) {
.voice-heading {font-size: 3.2rem;}
.voice-wrap {margin-top: 4rem;}
}
@media (min-width: 1280px) {
.js-voice-slider {margin: 0;padding: 3rem;background: #fff;}
.comment-txt {padding: 2.5rem;}
.comment-txt p {font-size: 1.6rem;line-height: 1.6;}
}
@media (min-width: 1480px) {
.voice {padding: 12rem 1.5rem;}
}
.brand {padding: 6rem 1.5rem;}
.brand-heading {font-size: 2.2rem;font-weight: 900;text-align: center;}
.brand-txt {font-size: 1.4rem;text-align: center;margin-top: 2rem;}
.brand-wrap {max-width: 1200px;margin: 3rem auto 0;}
.brand-wrap__block {padding: 1.5rem;background: #bcb8b5;position: relative;box-sizing: border-box;}
.brand-line {content:"";width: 1px;height: 3rem;background: #000;margin: 0 auto;display: block;}
.brand-caption__title {font-size: 1.4rem;font-weight: 700;color:#fff;}
.brand-caption__txt {font-size: 1.3rem;color:#fff;}
.brand-at {font-size: 1.1rem;text-align: center;color:#bcb8b5;margin-top: 2rem;}
@media (min-width: 680px) {
.brand-at {font-size: 1.2rem;margin-top: 8rem;}
}
@media (min-width: 768px) {
.brand {padding: 10rem 1.5rem;}
.brand-txt {font-size: 1.6rem;margin-top: 2.5rem;}
}
@media (min-width: 1024px) {
.brand-heading {font-size: 3.2rem;}
.brand-wrap {margin-top: 4rem;display: flex;display:-webkit-flexbox;display:-ms-flexbox;justify-content: space-between;-webkit-justify-content: space-between;-ms-flex-pack: justify;}
.brand-wrap__block {width: 31.6666%;padding: 2.5rem;}
.brand-img {width: 100%;}
.brand-number {font-size: 1.5rem;font-weight: 700;color:#fff;padding: .5rem 1.2rem;;background: #000;position: absolute;top:3.5rem;left:0;letter-spacing: .25rem;}
.brand-caption {margin-top: 2.5rem;text-align: center;}
.brand-caption__title {font-size: 2rem;}
.brand-caption__txt {font-size: 1.5rem;}
.brand-line {display: none;}
}
@media (min-width: 1480px) {
.brand {padding: 12rem 1.5rem;}
.brand-heading {font-size: 3.8rem;}
.brand-wrap {margin-top: 6rem;}
.brand-number {font-size: 1.8rem;letter-spacing: .45rem;}
}