@charset "UTF-8";

[data-js-inview-01] { opacity: 0; transition: opacity 0.3s; }

.inview { position: relative; -webkit-animation: bottomToTop 0.8s ease-out forwards; animation: bottomToTop 0.8s ease-out forwards; opacity: 1; }

@-webkit-keyframes bottomToTop { 0% { top: 100px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

@keyframes bottomToTop { 0% { top: 100px;
    opacity: 0; }
  100% { top: 0;
    opacity: 1; } }

.inview.wrap-img-model { -webkit-animation: rightToLeft 0.8s ease-out forwards; animation: rightToLeft 0.8s ease-out forwards; opacity: 1; }

@-webkit-keyframes rightToLeft { 0% { right: -100vw;
    opacity: 0; }
  100% { right: 0;
    opacity: 1; } }

@keyframes rightToLeft { 0% { right: -100vw;
    opacity: 0; }
  100% { right: 0;
    opacity: 1; } }

.inview.wrap-after:after { -webkit-animation: runWrapAfter 0.8s ease-out; animation: runWrapAfter 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runWrapAfter { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runWrapAfter { 0% { right: 100%; }
  100% { right: 0; } }

.inview.wrap-after.pt1:after { -webkit-animation: runWrapAfterPT1 0.8s ease-out; animation: runWrapAfterPT1 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runWrapAfterPT1 { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runWrapAfterPT1 { 0% { left: 100%; }
  100% { left: 0; } }

.inview.wrap-after.pt1 .wrap-img-model { -webkit-animation: runLeftToRight 0.8s ease-out; animation: runLeftToRight 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runLeftToRight { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runLeftToRight { 0% { right: 100%; }
  100% { right: 0; } }

.inview.wrap-hdg-lv3-pt6:after { -webkit-animation: runHdgLv3PT6 0.8s ease-out; animation: runHdgLv3PT6 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runHdgLv3PT6 { 0% { right: 100%; }
  100% { right: 0; } }

@keyframes runHdgLv3PT6 { 0% { right: 100%; }
  100% { right: 0; } }

.inview.sec-makelook .wrap-content:before { -webkit-animation: runRightToLeftMakeLook 0.8s ease-out; animation: runRightToLeftMakeLook 0.8s ease-out; opacity: 1; }

@-webkit-keyframes runRightToLeftMakeLook { 0% { left: 100%; }
  100% { left: 0; } }

@keyframes runRightToLeftMakeLook { 0% { left: 100%; }
  100% { left: 0; } }

body.l-all { background-color: #FFFFFF; }

.wrap-img img { max-width: 100%; height: auto; }

.wrap-mv { position: relative; padding-top: 130px; }

.wrap-mv .l-inner { position: relative; z-index: 1; }

.wrap-mv:before { content: ""; display: block; background-image: url(/special/makeup/campaign/2509/img/img-bg-mv.webp); background-size: contain; background-position: top left; position: absolute; inset: 0; margin: auto; }

.wrap-mv:after { content: ""; display: block; left: 0; right: 0; min-height: 348px; height: calc(100% - 174px); background-color: #A50319; position: absolute; top: 0; }

.wrap-mv .hdg { font-family: "Playfair Display", serif; font-size: 3.2rem; line-height: calc(60 / 32); font-weight: 400; color: #FFFFFF; position: relative; }

.wrap-mv .hdg:before { content: ""; display: block; -webkit-mask-image: url(/special/makeup/topics/img/txt_topics.png); mask-image: url(/special/makeup/topics/img/txt_topics.png); background-color: #E2AF03; width: 207px; height: 192px; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: top left; mask-position: top left; position: absolute; top: -70px; right: 21px; z-index: -1; }

.wrap-mv .txt01 { color: #FFFFFF; margin-top: 16px; font-size: 2rem; line-height: calc(30 / 20); font-weight: 700; display: inline-block; }

.wrap-mv .txt02 { color: #FFFFFF; margin-top: 10px; font-size: 2.8rem; line-height: calc(48 / 28); font-weight: 700; display: inline-block; }

.wrap-mv .highlight { margin-top: 38px; color: #A50319; padding: 8px 10px; background-color: #FFFFFF; font-size: 2rem; line-height: calc(30 / 20); font-weight: 700; display: inline-block; }

.wrap-mv .wrap-img { margin-top: 28px; margin-right: -24px; }

.wrap-contents { margin-top: 16px; }

.wrap-profile-intro .name { color: #6A4532; font-size: 1.6rem; line-height: calc(24 / 16); font-weight: 700; }

.txt-st { margin-top: 6px; color: #6A4532; font-size: 1.4rem; font-weight: 400; line-height: calc(24.5 / 14); }

.list-anchor-transformation { margin-top: 62px; display: flex; flex-direction: column; gap: 40px; }

.list-anchor-transformation .link { text-decoration: none; height: 100%; display: block; }

.list-anchor-transformation .wrap-transformation { display: flex; width: 100%; border: 1px solid #6A4532; position: relative; z-index: -1; pointer-events: none; }

.ttl-tranformation { color: #A50319; display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 15px; top: -12px; margin: auto; }

.ttl-tranformation span { background-color: #FFFFFF; }

.ttl-tranformation .ttl { font-size: 1.4rem; line-height: calc(30 / 14); font-weight: 700; display: inline-block; padding-left: 8px; }

.ttl-tranformation .number { font-family: "Playfair Display", serif; font-size: 4rem; line-height: 1; letter-spacing: -0.04em; padding-left: 4px; padding-right: 8px; margin-top: -15px; }

.cnt-transformation { display: flex; align-items: center; width: 100%; }

.cnt-transformation .wrap-img { flex: 0 0 clamp(12.10938vw, 155px, 41.33333vw); margin-right: 11px; }

.cnt-transformation .wrap-txt { flex: 1; padding-right: 11px; align-self: flex-start; margin-top: 25px; position: relative; text-align: center; padding-bottom: 34px; }

.cnt-transformation .wrap-txt:after { content: ""; display: block; content: ''; display: inline-block; position: absolute; width: 5px; height: 5px; border-top: 2px solid #6A4532; border-left: 2px solid #6A4532; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(225deg); transform: rotate(225deg); position: absolute; left: 0; right: 0; margin: auto; bottom: 16px; transition: bottom 0.3s; }

.cnt-transformation .ttl { font-size: 1.8rem; line-height: calc(27 /18); font-weight: 600; color: #6A4532; }

.cnt-transformation .txt { margin-top: 6px; font-size: 1.2rem; line-height: calc(18 / 12); font-weight: 600; color: #6A4532; }

.wrap-hdg-lv3 { position: relative; padding-top: 82px; }

.wrap-hdg-lv3:after { content: ""; display: block; height: 2px; width: 100%; background-color: #A50319; }

.wrap-hdg-lv3 .hdg-lv3 { color: #A50319; text-align: center; display: flex; justify-content: center; align-items: center; position: absolute; top: 42px; left: 0; right: 0; margin: auto; }

.wrap-hdg-lv3 .hdg-lv3 span { background-color: #FFFFFF; }

.wrap-hdg-lv3 .ttl { font-size: 2.4rem; line-height: 1.5; font-weight: 700; display: inline-block; padding-left: 8px; margin-bottom: -17px; }

.wrap-hdg-lv3 .number { font-family: "Playfair Display", serif; font-size: 6.4rem; line-height: 1; letter-spacing: -0.04em; padding: 0 8px; font-weight: 400; }

.sec-makelook .wrap-content { margin-top: -141px; }

.sec-makelook .wrap-content:before { right: 0; left: 0; }

.sec-makelook .wrap-content:after { left: 0; right: 0; }

.sec-makelook .wrap-content .hdg-makelook { font-weight: 600; font-size: 3.2rem; line-height: 1.125; }

.sec-makelook .wrap-content .hdg-makelook .sub { font-size: 2.4rem; line-height: 1.5; }

.sec-makelook .wrap-makelook .ttl span { font-weight: 500; }

.all-makeup-look { max-width: 350px; margin: 32px auto 0; }

.wrap-highlight { margin-top: 48px; background-color: #F5C6CC; padding: 24px 16px; position: relative; }

.wrap-highlight .talk { color: #6A4532; background-color: #FFFFFF; width: 128px; padding: 16px 22px 25px; -webkit-mask-image: url(/special/makeup/campaign/2509/img/img-bubble.webp); mask-image: url(/special/makeup/campaign/2509/img/img-bubble.webp); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 128px 100%; mask-size: 128px 100%; font-size: 1.2rem; line-height: 1.5; font-weight: 700; text-align: center; position: absolute; top: 26px; }

.wrap-highlight .txt { padding-left: 144px; color: #333333; font-size: 1.8rem; line-height: 1.5; font-weight: 600; font-family: "Noto Serif JP", serif; min-height: 81px; display: flex; align-items: center; }

.wrap-highlight .wrap-consultation { margin-top: 14px; }

.wrap-highlight .ttl { text-align: center; font-size: 3rem; line-height: 1.47; background-color: #A50319; color: #FFFFFF; padding: 7px 12px; font-weight: 600; font-family: "Noto Serif JP", serif; }

.wrap-highlight .tel { text-align: center; margin-top: 12px; color: #333333; font-size: 2.8rem; line-height: 1.43; font-weight: 600; margin-left: 32px; }

.wrap-highlight .tel span { position: relative; padding-left: 8px; }

.wrap-highlight .tel span:before { content: ""; display: block; background-image: url(/special/makeup/campaign/2509/img/ico-phone.svg); width: 32px; height: 32px; position: absolute; top: 0; bottom: 0; left: -32px; margin: auto; }

.wrap-highlight .tel span > * { color: inherit; text-decoration: none; font-weight: 600; }

.wrap-highlight .time-working { text-align: center; color: #333333; font-size: 1.4rem; line-height: 1.5; font-weight: 600; }

.wrap-border { border: 1px solid #A50319; margin-top: 38px; display: block; }

.list-noti-product { margin-top: 37px; display: flex; flex-direction: column; gap: 30px; }

.list-noti-product .wrap-cnt { padding: 16px 13px 65px 23px; display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; position: relative; pointer-events: none; }

.list-noti-product .quote { padding: 0 15px 11px 15px; text-align: center; position: relative; }

.list-noti-product .quote:before { content: ""; display: block; height: 70%; border-radius: 0 0 32px 32px; border: 1px solid #6A4532; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; border-top: none; }

.list-noti-product .quote span { color: #6A4532; font-size: 1.4rem; line-height: calc(21 / 14); font-weight: 600; }

.list-noti-product .quote span:before { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 12px 7px 0 7px; border-color: #6A4532 transparent transparent transparent; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; }

.list-noti-product .quote span:after { content: ""; display: block; width: 0px; height: 0px; border-style: solid; border-width: 12px 7px 0 7px; border-color: #FFFFFF transparent transparent transparent; -webkit-transform: rotate(0deg); transform: rotate(0deg); position: absolute; left: 0; right: 0; bottom: -10px; margin: auto; }

.list-noti-product .wrap-txt .txt { font-size: 1.6rem; line-height: calc(24 / 16); font-weight: 600; color: #6A4532; }

.list-noti-product .wrap-txt .name { margin-top: 8px; font-size: 1.8rem; line-height: calc(27 / 18); font-weight: 700; color: #A50319; margin-right: -10px; }

.list-noti-product .wrap-txt .name span { font-size: inherit; line-height: inherit; font-weight: inherit; }

.list-noti-product .wrap-txt .link { display: flex; justify-content: center; position: absolute; left: 0; right: 0; margin: auto; bottom: 23px; }

.list-noti-product .wrap-txt .link > * { position: relative; font-size: inherit; line-height: inherit; color: inherit; font-weight: inherit; }

.list-noti-product .wrap-txt .link > *:before { content: ""; display: block; content: ''; display: inline-block; position: absolute; width: 5px; height: 5px; border-top: 2px solid #6A4532; border-left: 2px solid #6A4532; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-right: 15px; position: absolute; top: 0; bottom: 0; left: -20px; margin: auto; transition: left 0.3s; }

.list-noti-product .wrap-img { flex: 0 0 clamp(11.01562vw, 141px, 37.6vw); }

.wrap-noti { margin-top: -19px; display: flex; justify-content: center; position: relative; z-index: 1; pointer-events: none; }

.wrap-noti .txt { padding: 4px 16px; background-color: #A50319; display: inline-block; color: #FFFFFF; font-size: 2rem; line-height: calc(30 / 20); font-weight: 700; text-align: center; }

.wrap-before { margin-top: 51px; }

.wrap-before .wrap-head-before { display: flex; }

.wrap-before .block-age { flex: 0 0 99px; margin-right: 24px; }

.wrap-before .block-age .tag { padding: 15px 0 20px; min-height: 59px; height: auto; display: flex; justify-content: center; background-color: #A50319; -webkit-mask-image: url(/special/makeup/campaign/2509/img/img-bubble.webp); mask-image: url(/special/makeup/campaign/2509/img/img-bubble.webp); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; font-weight: 700; font-size: 1.6rem; line-height: calc(20 / 16); text-align: center; color: #FFFFFF; }

.wrap-before .block-txt .ttl { font-weight: 400; font-size: 2.2rem; line-height: calc(33 / 22); color: #6A4532; }

.wrap-before .block-txt .ttl span { color: #A50319; font-weight: 700; }

.wrap-before .wrap-block-image { margin-top: 24px; padding-top: 16px; padding-bottom: 8px; position: relative; }

.wrap-before .wrap-block-image .tag-img { width: 25.335vw; height: 25.335vw; background-color: #6A4532; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.4rem; line-height: 1.5; color: #FFFFFF; position: absolute; right: 42px; top: 0; z-index: 1; }

.wrap-before .wrap-block-image .hdg-sub { display: block; width: 134px; height: 101px; background-color: #E2AF03; -webkit-mask-image: url(/special/makeup/campaign/2509/img/txt-before.webp); mask-image: url(/special/makeup/campaign/2509/img/txt-before.webp); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; position: absolute; bottom: 7px; right: 24px; z-index: 1; font-size: 0; }

.wrap-before .wrap-block-image .wrap-img { padding-right: 114px; }

.wrap-before .wrap-block-image .desc { margin-top: 16px; font-weight: 700; font-size: 1.6rem; line-height: 1.5; text-align: left; color: #6A4532; }

.wrap-after { margin-top: 33px; position: relative; padding-bottom: 48px; padding-right: 24px; }

.wrap-after:after { content: ""; position: absolute; top: 0; right: 0; left: -24px; background-color: rgba(175, 171, 159, 0.24); height: 100%; z-index: -1; }

.wrap-after.pt1 { padding-right: 0; padding-left: 24px; }

.wrap-after.pt1:after { left: 0; right: -24px; }

.wrap-after.pt1 .wrap-hdg-lv4 .hdg-sub-lv4 { left: unset; right: -33px; }

.wrap-after.pt1 .wrap-img-model { margin-right: 0; margin-left: -24px; }

.wrap-after.pt1 .wrap-img-model:after { right: unset; left: -24px; right: 24px; }

.wrap-after.pt1 .wrap-img-model .txt-after { left: unset; right: -80px; }

.wrap-after.pt1 .wrap-txt-model .wrap-txt { flex-direction: row-reverse; margin-right: 0; margin-left: -9px; }

.wrap-img-model { position: relative; margin-right: -24px; padding-bottom: 24px; }

.wrap-img-model:after { content: ""; display: block; background-color: #A50319; position: absolute; bottom: 0; right: -24px; left: 24px; height: calc(100% - 24px); z-index: 0; }

.wrap-img-model .wrap-img { z-index: 1; position: relative; }

.wrap-img-model .txt-after { font-size: 0; display: block; width: 155px; height: 122px; background-image: url(/special/makeup/campaign/2509/img/txt-after.webp); background-repeat: no-repeat; background-size: contain; position: absolute; top: 0; left: -40px; z-index: 1; }

.wrap-txt-model { margin-top: 32px; }

.wrap-txt-model .ttl-model { color: #6A4532; font-size: 2.4rem; line-height: calc(36 / 24); font-weight: 700; }

.wrap-txt-model .ttl-model span { color: #A50319; font-weight: 700; }

.wrap-txt-model .wrap-txt { margin-top: 28px; margin-right: -9px; display: flex; justify-content: space-between; gap: 15px; }

.wrap-txt-model .lead-model { font-size: 1.6rem; line-height: calc(32 / 16); color: #6A4532; font-weight: 400; flex: 1; }

.wrap-txt-model .wrap-img { flex: 0 0 84px; }

.wrap-hdg-lv4 { margin-top: 41px; position: relative; }

.wrap-hdg-lv4 .hdg-lv4 { color: #A50319; font-size: 2rem; line-height: 1.5; font-weight: 700; }

.wrap-video { margin-top: 24px; }

.hdg-lv5-pt1 { color: #A50319; font-size: 1.8rem; line-height: calc(27 / 18); font-weight: 700; text-align: left; }

.wrap-bg-white { margin-top: 32px; background-color: #FFFFFF; padding: 24px; position: relative; }

.wrap-bg-white:before { content: ""; display: block; background-image: url(/special/makeup/campaign/2509/img/txt-point.webp); background-size: contain; background-repeat: no-repeat; width: 138px; height: 121px; position: absolute; top: 8px; right: -24px; }

.wrap-bg-white.pt1 { margin-top: 12px; }

.wrap-bg-white.pt1:before { display: none; }

.wrap-guide { margin-top: 14px; counter-reset: cout; display: flex; flex-direction: column; gap: 12px; }

.wrap-guide > li { padding-left: 3.5rem; position: relative; font-size: 1.8rem; font-weight: 400; line-height: calc(27 / 18); color: #6A4532; }

.wrap-guide > li:before { counter-increment: cout; content: counter(cout) "."; font-size: inherit; font-weight: 700; line-height: inherit; color: inherit; position: absolute; left: 0; }

.wrap-img-txt { margin-top: 35px; }

.wrap-img-txt .ttl { margin-top: 3px; font-size: 1.6rem; font-weight: 700; color: #6A4532; line-height: calc(32 / 16); }

.wrap-img-txt .txt-st { margin-top: 0px; line-height: calc(28 / 14); }

.wrap-result { margin-top: 32px; }

.wrap-result .wrap-txt { margin-top: 16px; display: flex; gap: 16px; }

.wrap-result .wrap-txt .wrap-img { border-radius: 50%; flex: 0 0 75px; height: 75px; }

.wrap-result .wrap-txt .wrap-img img { border-radius: inherit; width: 75px; height: inherit; object-fit: cover; object-position: top center; }

.wrap-result .wrap-txt .txt-st { margin-top: -4px; font-size: 1.6rem; line-height: calc(32 / 16); }

.list-product-type { margin-top: 24px; display: flex; flex-direction: column; gap: 26px; }

.wrap-detail-product { padding-inline: 24px; padding-bottom: 24px; margin-top: 80px; }

.wrap-detail-product + .wrap-detail-product { margin-top: 80px; }

.wrap-detail-product .wrap-img { margin-top: 24px; }

.wrap-detail-product .wrap-top { display: flex; flex-direction: column; }

.wrap-detail-product .wrap-txt { margin-top: 16px; text-align: center; }

.wrap-detail-product .hdg { font-size: 1.8rem; font-weight: 600; line-height: calc(27 / 18); color: #6A4532; position: relative; display: inline-block; padding-inline: 66px; }

.wrap-detail-product .hdg:before, .wrap-detail-product .hdg:after { content: ""; display: block; width: 2px; height: 20px; position: absolute; bottom: 4px; background-color: #6A4532; }

.wrap-detail-product .hdg:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; }

.wrap-detail-product .hdg:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 10px; }

.wrap-detail-product .name { margin-top: 7px; font-size: 2rem; font-weight: 600; line-height: calc(27 / 20); color: #A50319; }

.wrap-detail-product .type { margin-top: 7px; font-size: 1.4rem; font-weight: 600; line-height: calc(27 / 14); color: #6A4532; }

.wrap-detail-product .txt-noti-price { margin-top: 24px; font-size: 1.6rem; font-weight: 600; line-height: calc(27 / 16); color: #6A4532; }

.wrap-detail-product .txt-ttl { margin-top: 8px; font-size: 2rem; line-height: calc(30 / 20); color: #A50319; font-weight: 600; }

.wrap-detail-product .txt-ttl span { font-weight: inherit; }

.wrap-product-type .name { font-size: 1.6rem; color: #6A4532; line-height: calc(21 / 16); font-weight: 600; }

.wrap-product-type .price { margin-top: 8px; font-size: 1.4rem; color: #6A4532; line-height: calc(21 / 14); font-weight: 400; }

.wrap-product-type .price.new { font-weight: 600; color: #A50319; }

.wrap-product-type .price .old { text-decoration: line-through; font-weight: inherit; }

.wrap-product-type .wrap-btn { margin-top: 14px; background-color: rgba(41, 20, 10, 0.8); border: 1px solid #6A4532; transition: all 0.3s; }

.wrap-product-type .wrap-btn > * { padding: 15px 16px; text-align: center; text-decoration: none; display: block; width: 100%; color: #FFFFFF; font-size: 1.4rem; font-weight: 500; line-height: 1.3; }

.list-btn { margin-top: 24px; }

.wrap-col1-4 { margin-top: 32px; display: flex; flex-direction: column; gap: 30px 0; }

.wrap-col1-4 .wrap-item .wrap-img { text-align: center; }

.wrap-col1-4 .wrap-item .txt { margin-top: 8px; font-size: 1.4rem; line-height: calc(21 / 14); font-weight: 400; color: #6A4532; }

.wrap-col1-4 .wrap-item .link { margin-top: 16px; text-decoration: underline; }

.wrap-col1-4 .wrap-item .link > * { color: #6A4532; font-size: inherit; font-weight: inherit; line-height: inherit; }

.wrap-col1-4 .wrap-item .wrap-btn { margin-top: 14px; background-color: rgba(41, 20, 10, 0.8); border: 1px solid #6A4532; transition: all 0.3s; }

.wrap-col1-4 .wrap-item .wrap-btn > * { padding: 14px 16px; text-align: center; text-decoration: none; display: block; width: 100%; color: #FFFFFF; font-size: 1.4rem; font-weight: 600; line-height: 1.3; }

.u-fw-bold { font-weight: 700 !important; }

.wrap-hdg-lv3-pt6 { margin-top: 74px; padding: 16px 0 16px 92px; position: relative; }

.wrap-hdg-lv3-pt6:after { content: ""; display: block; position: absolute; left: -24px; right: 0; height: 100%; top: 0; background-color: #A50319; z-index: -1; }

.wrap-hdg-lv3-pt6 .wrap-img { width: 84px; position: absolute; top: -16px; left: 0; }

.hdg-lv3-pt6 .ttl { font-size: 1.6rem; font-weight: 700; line-height: calc(24 / 16); color: #FFFFFF; display: block; position: relative; padding-left: 23px; }

.hdg-lv3-pt6 .ttl:before { content: ""; display: block; width: 8px; height: 97%; border: 1px solid #FFFFFF; background-color: #A50319; position: absolute; top: 0; left: 0; border-right: 0; }

.hdg-lv3-pt6 .ttl:after { content: ""; display: block; width: 9px; height: 8px; background-image: url(/special/makeup/campaign/2509/img/ico-triangle.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: -8px; bottom: 24px; }

.hdg-lv3-pt6 .txt-large { margin-top: 8px; display: inline-block; font-size: 2.4rem; font-weight: 700; line-height: calc(36 / 24); color: #FFFFFF; }

.wrap-anchor-border { padding-top: 1px; margin-top: -1px; }

@media all and (min-width: 768px) { .inview.wrap-after:after { -webkit-animation: runLeftToRightPC 0.8s ease-out; animation: runLeftToRightPC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runLeftToRightPC { 0% { right: 100%; }
    100% { right: 95px; } }
  @keyframes runLeftToRightPC { 0% { right: 100%; }
    100% { right: 95px; } }
  .inview.wrap-after.pt1:after { -webkit-animation: runWrapAfterPT1PC 0.8s ease-out; animation: runWrapAfterPT1PC 0.8s ease-out; opacity: 1; }
  @-webkit-keyframes runWrapAfterPT1PC { 0% { left: 100%; }
    100% { left: 95px; } }
  @keyframes runWrapAfterPT1PC { 0% { left: 100%; }
    100% { left: 95px; } } .wrap-mv { padding-top: 183px; padding-bottom: 61px; }
  .wrap-mv:after { height: calc(100% - 131px); }
  .wrap-mv .l-inner { display: flex; align-items: flex-start; justify-content: space-between; }
  .wrap-mv .wrap-txt { display: flex; flex-direction: column; align-items: flex-start; }
  .wrap-mv .hdg { padding-right: 316px; font-size: 4rem; line-height: calc(60 / 40); }
  .wrap-mv .hdg:before { width: 337px; height: 313px; top: -125px; right: 32px; }
  .wrap-mv .wrap-img { width: 625px; margin-left: 0; margin-top: -40px; margin-right: -85px; }
  .wrap-mv .highlight { margin-top: 44px; }
  .wrap-mv .txt01 { margin-top: 15px; font-size: 2.4rem; line-height: calc(36 / 24); }
  .wrap-mv .txt02 { margin-top: 13px; font-size: 4rem; line-height: calc(63 / 40); } .wrap-contents { margin-top: -100px; } .wrap-profile-intro { width: 540px; } .txt-st { margin-top: 14px; } .list-anchor-transformation { margin-top: 78px; flex-direction: row; gap: 30px; }
  .list-anchor-transformation > li { width: 50%; }
  .list-anchor-transformation .link:hover .wrap-txt:after { bottom: 7px; }
  .list-anchor-transformation .wrap-transformation { height: 100%; } .ttl-tranformation { right: 81px; top: -17px; }
  .ttl-tranformation .ttl { font-size: 2rem; line-height: calc(30 / 20); padding-left: 24px; }
  .ttl-tranformation .number { font-family: "Playfair Display", serif; font-size: 5.6rem; padding-left: 7px; padding-right: 25px; margin-top: -23px; } .cnt-transformation .wrap-txt { margin-top: 30px; padding-bottom: 29px; height: calc(100% - 30px); padding-right: 24px; }
  .cnt-transformation .wrap-txt:after { bottom: 13px; left: -27px; }
  .cnt-transformation .wrap-img { flex: 0 0 150px; margin-right: 24px; }
  .cnt-transformation .ttl { font-size: 2.4rem; line-height: calc(32 /24); }
  .cnt-transformation .txt { margin-top: 9px; font-size: 1.6rem; line-height: calc(24 / 16); } .wrap-hdg-lv3 { padding-top: 111px; }
  .wrap-hdg-lv3 .hdg-lv3 { top: 40px; }
  .wrap-hdg-lv3 .ttl { font-size: 3.2rem; line-height: 1.75; padding-left: 24px; margin-bottom: -36px; }
  .wrap-hdg-lv3 .number { font-size: 10.4rem; padding-right: 24px; } .sec-makelook .wrap-content { margin-top: -127px; }
  .sec-makelook .wrap-content:after { left: -100vw; right: -100vw; }
  .sec-makelook .wrap-content .hdg-makelook { font-size: 4.8rem; line-height: 1.44; }
  .sec-makelook .wrap-content .hdg-makelook .sub { font-size: 3.2rem; } .all-makeup-look { margin-top: 48px; } .sec-topics-pt1 { margin-top: 63px; } .wrap-highlight { width: 920px; margin: 64px auto 0; padding: 30px 25px 34px 285px; }
  .wrap-highlight .talk { padding: 26px 33px 38px; width: 207px; -webkit-mask-size: 207px 100%; mask-size: 207px 100%; font-size: 2rem; line-height: 1.5; top: 32px; left: 48px; }
  .wrap-highlight .txt { font-size: 2.2rem; line-height: 1.36; padding-left: 0; text-align: center; min-height: unset; display: block; }
  .wrap-highlight .wrap-consultation { margin-top: 18px; display: flex; align-items: center; gap: 0 12px; }
  .wrap-highlight .ttl { font-size: 3.2rem; line-height: 1.44; padding: 11px 12px; flex: 0 0 312px; }
  .wrap-highlight .tel { margin-top: 0; }
  .wrap-highlight .tel span { padding-left: 0; }
  .wrap-highlight .tel span:before { top: 3px; left: -40px; }
  .wrap-highlight .time-working { margin-top: 2px; margin-left: 43px; } .wrap-border { flex: 1; display: flex; flex-direction: column; }
  .wrap-border:hover .link > *:before { left: -15px; } .list-noti-product { margin-top: 63px; flex-direction: row; }
  .list-noti-product > li { width: 50%; }
  .list-noti-product .wrap-item { height: 100%; display: flex; flex-direction: column; }
  .list-noti-product .quote { padding: 0 15px 23px 15px; }
  .list-noti-product .quote span { font-size: 1.6rem; line-height: calc(24 / 16); }
  .list-noti-product .wrap-cnt { padding: 16px 24px 23px 23px; gap: 0; flex: 1; align-items: center; }
  .list-noti-product .wrap-txt .name { margin-top: 7px; font-size: 2.2rem; line-height: calc(32 / 22); margin-right: 0; margin-left: -11px; }
  .list-noti-product .wrap-txt .name span { margin-left: 11px; }
  .list-noti-product .wrap-txt .link { position: relative; bottom: unset; left: unset; right: unset; justify-content: flex-start; margin-left: 24px; margin-top: 4px; }
  .list-noti-product .wrap-img { flex: 0 0 114px; } .wrap-before { display: flex; justify-content: space-between; align-items: center; margin-top: 60px; position: relative; }
  .wrap-before .wrap-head-before { flex: 0 0 665px; margin-top: 26px; }
  .wrap-before .block-age { margin-right: 30px; flex: 0 0 120px; margin-top: 12px; }
  .wrap-before .block-age .tag { padding: 16px 0; min-height: 72px; font-size: 2rem; line-height: calc(25 / 20); }
  .wrap-before .block-txt .ttl { font-size: 3.2rem; line-height: calc(48 / 32); }
  .wrap-before .wrap-block-image { margin-top: 0; display: flex; padding-top: 30px; padding-bottom: 0; }
  .wrap-before .wrap-block-image .tag-img { width: 95px; height: 95px; right: unset; left: 223px; }
  .wrap-before .wrap-block-image .hdg-sub { width: 161px; height: 121px; bottom: -8px; right: 0; }
  .wrap-before .wrap-block-image .wrap-img { padding-right: 0; margin-right: 15px; flex: 0 0 255px; height: auto; }
  .wrap-before .wrap-block-image .desc { margin-top: 16px; margin-bottom: 30px; align-self: flex-end; } .wrap-after { margin-top: 40px; padding-right: 0; padding-bottom: 78px; }
  .wrap-after:after { left: -100vw; right: 95px; }
  .wrap-after.pt1 { padding-left: 0; }
  .wrap-after.pt1:after { right: -100vw; left: 95px; }
  .wrap-after.pt1 .wrap-hdg-lv4 { margin-left: 190px; }
  .wrap-after.pt1 .wrap-hdg-lv4 .hdg-sub-lv4 { right: -103px; }
  .wrap-after.pt1 .wrap-video iframe { left: unset; right: 0; }
  .wrap-after.pt1 .wrap-model-after { flex-direction: row; }
  .wrap-after.pt1 .wrap-model-after .wrap-img { margin-left: 0; margin-right: 30px; }
  .wrap-after.pt1 .wrap-txt-model .wrap-txt { flex-direction: row; margin-left: 0; }
  .wrap-after.pt1 .wrap-txt-model .wrap-img { margin-right: 0; margin-left: 10px; }
  .wrap-after.pt1 .wrap-img-model { margin-left: 0; }
  .wrap-after.pt1 .wrap-img-model:after { right: 115px; left: -100vw; }
  .wrap-after.pt1 .wrap-img-model .txt-after { left: unset; right: 0; }
  .wrap-after.pt1 .wrap-result, .wrap-after.pt1 .wrap-guide-ratio { margin-left: 190px; } .wrap-model-after { display: flex; flex-direction: row-reverse; align-items: flex-start; } .wrap-img-model { margin-right: 0; padding-bottom: 80px; }
  .wrap-img-model .wrap-img { width: 540px; margin-left: 30px; }
  .wrap-img-model:after { left: 115px; right: -100vw; height: calc(100% - 80px); }
  .wrap-img-model .txt-after { width: 150px; height: 162px; left: 0; } .wrap-txt-model { margin-top: 67px; }
  .wrap-txt-model .ttl-model { font-size: 3.8rem; line-height: calc(57 / 38); }
  .wrap-txt-model .wrap-txt { margin-top: 42px; }
  .wrap-txt-model .wrap-img { flex: 0 0 160px; margin-left: 30px; } .wrap-hdg-lv4 { margin-top: 28px; margin-left: 95px; } .wrap-video iframe { width: 825px; } .hdg-lv5-pt1 { font-size: 2rem; line-height: calc(32 / 20); } .wrap-guide-ratio { margin-top: 64px; margin-left: 95px; display: flex; justify-content: flex-end; flex-direction: row-reverse; gap: 30px; } .wrap-bg-white { margin-top: 0; flex: 0 0 445px; align-self: flex-start; }
  .wrap-bg-white:before { width: 183px; height: 162px; top: -54px; right: -86px; }
  .wrap-bg-white.pt1 { margin-top: 0; flex: 0 0 540px; } .wrap-guide { margin-top: 7px; gap: 0; }
  .wrap-guide > li { padding-left: 3rem; font-size: 2rem; line-height: calc(40 / 20); } .wrap-img-txt { margin-top: 0; flex: 0 0 350px; }
  .wrap-img-txt .ttl { margin-top: 11px; } .wrap-result { margin-top: 26px; margin-left: 95px; display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: 30px; }
  .wrap-result > .wrap-img { flex: 0 0 255px; }
  .wrap-result .wrap-txt { margin-top: 10px; }
  .wrap-result .wrap-txt .wrap-img { flex: 0 0 79px; height: 79px; }
  .wrap-result .wrap-txt .wrap-img img { width: 79px; } .list-product-type { margin-top: 16px; flex-direction: row; gap: 30px; }
  .list-product-type > li { width: 50%; } .wrap-detail-product { padding-inline: 95px; padding-bottom: 48px; margin-inline: 95px; }
  .wrap-detail-product + .wrap-detail-product { padding-bottom: 23px; }
  .wrap-detail-product .wrap-img { margin-top: 0; }
  .wrap-detail-product .wrap-top { margin-top: 30px; flex-direction: row; gap: 30px; justify-content: center; }
  .wrap-detail-product .wrap-top > * { flex: 0 0 350px; }
  .wrap-detail-product .wrap-txt { margin-top: 0; align-self: center; text-align: left; }
  .wrap-detail-product .hdg { padding-inline: 28px; }
  .wrap-detail-product .txt-noti-price { margin-top: 0; }
  .wrap-detail-product .txt-ttl { margin-top: 3px; }
  .wrap-detail-product .txt-ttl span { margin-left: -10px; }
  .wrap-detail-product .wrap-cnt { margin-top: 24px; display: flex; gap: 30px; align-items: center; }
  .wrap-detail-product .wrap-cnt > * { flex: 0 0 350px; } .wrap-product-type .wrap-btn { margin-top: 13px; }
  .wrap-product-type .wrap-btn:hover { background-color: #FFFFFF; border: 1px solid #6A4532; }
  .wrap-product-type .wrap-btn:hover > * { color: #6A4532; } .wrap-col1-4 { margin-top: 76px; margin-inline: 95px; flex-direction: row; gap: 30px; }
  .wrap-col1-4 > li { width: calc(100% / 3); }
  .wrap-col1-4 .wrap-item { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
  .wrap-col1-4 .wrap-item .wrap-btn:hover { background-color: #FFFFFF; border: 1px solid #6A4532; }
  .wrap-col1-4 .wrap-item .wrap-btn:hover > * { color: #6A4532; } .wrap-hdg-lv3-pt6 { margin-top: 85px; padding: 19px 0 23px 152px; }
  .wrap-hdg-lv3-pt6:after { left: -100vw; }
  .wrap-hdg-lv3-pt6 .wrap-img { width: 128px; top: -24px; } .hdg-lv3-pt6 .ttl { font-size: 2.6rem; line-height: calc(39 / 26); padding-left: 38px; }
  .hdg-lv3-pt6 .txt-large { margin-top: 5px; font-size: 3.8rem; line-height: calc(57 / 38); } }

@media screen and (min-width: 550px) { .list-noti-product > li .name .u-br-sp { display: none !important; } }