@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
border: 0;
font-size: 100%;
font: inherit;
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
img { vertical-align: bottom; } .mt00 {
margin-top: 0px !important;
}
.mt05 {
margin-top: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mr00 {
margin-right: 0px !important;
}
.mr05 {
margin-right: 5px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mb00 {
margin-bottom: 0px !important;
}
.mb05 {
margin-bottom: 5px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml00 {
margin-left: 0px !important;
}
.ml05 {
margin-left: 5px !important;
}
.ml10 {
margin-left: 10px !important;
}
.ml15 {
margin-left: 15px !important;
}
.ml20 {
margin-left: 20px !important;
}
.ml25 {
margin-left: 25px !important;
}
.ml30 {
margin-left: 30px !important;
}
.ml35 {
margin-left: 35px !important;
}
.ml40 {
margin-left: 40px !important;
}
.ml45 {
margin-left: 45px !important;
}
.ml50 {
margin-left: 50px !important;
}
.ml55 {
margin-left: 55px !important;
}
.ml60 {
margin-left: 60px !important;
}
.ml65 {
margin-left: 65px !important;
}
.ml70 {
margin-left: 70px !important;
}
.ml75 {
margin-left: 75px !important;
}
.ml80 {
margin-left: 80px !important;
}
.ml85 {
margin-left: 85px !important;
}
.ml90 {
margin-left: 90px !important;
}
.ml95 {
margin-left: 95px !important;
}
.ml100 {
margin-left: 100px !important;
}
.ml150 {
margin-left: 150px !important;
} .pt00 {
padding-top: 0px !important;
}
.pt05 {
padding-top: 5px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pt90 {
padding-top: 90px !important;
}
.pr00 {
padding-right: 0px !important;
}
.pr05 {
padding-right: 5px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb00 {
padding-bottom: 0px !important;
}
.pb05 {
padding-bottom: 5px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.pl00 {
padding-left: 0px !important;
}
.pl05 {
padding-left: 5px !important;
}
.pl10 {
padding-left: 10px !important;
}
.pl15 {
padding-left: 15px !important;
}
.pl20 {
padding-left: 20px !important;
}
.pl25 {
padding-left: 25px !important;
}
.pl30 {
padding-left: 30px !important;
}
.pl35 {
padding-left: 35px !important;
}
.pl40 {
padding-left: 40px !important;
}
.pl50 {
padding-left: 50px !important;
}

body {
font: normal 18px/1.7 "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
text-align: left;
color:#222;
text-align: justify;
overflow-x: hidden;
font-weight: 500;
} :root {
--font-en: 'Montserrat', sans-serif;
--font-gothic: 'DNP 秀英角ゴシック銀 Std', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', sans-serif;
--font-mincho: 'Shippori Mincho', serif;
--font-cormorant: 'Cormorant Garamond', serif; --fs-bodycopy: 18px;
--lh-bodycopy: 1.7;
}
:root { --fs-bodycopy: 18px 1.7;
--lh-bodycopy: 30px 1.7;
}
@media (min-width: 769px) {
:root { --fs-bodycopy: 16px;
--lh-bodycopy: 28px;
}
}
.bodycopy {
font-size: var(--fs-bodycopy);
line-height: var(--lh-bodycopy);
} .v-en {
font-family: var(--font-en);
letter-spacing: 0.05em;
}
.v-gothic {
font-family: var(--font-gothic);
}
.v-mincho {
font-family: var(--font-mincho);
}
.v-cormorant {
font-family: var(--font-cormorant);
} body {
font-family: var(--font-gothic);
font-size: var(--fs-bodycopy);
line-height: var(--lh-bodycopy);
color: #201f24;
-webkit-font-smoothing: antialiased;
} h1, h2, h3 {
font-family: var(--font-mincho);
font-size: 60px;
} .brand, .label-en {
font-family: var(--font-en);
letter-spacing: 0.1em;
text-transform: uppercase;
}
@media (min-width: 769px) {
:root { --fs-bodycopy: 16px;
--lh-bodycopy: 28px;
}
}
.bodycopy {
font-size: var(--fs-bodycopy);
line-height: var(--lh-bodycopy);
}
.fl_left {
float: left;
}
.fl_right {
float: right;
}
.ov_hd {
overflow: hidden;
}
.bg_none {
background-image: none!important;
}
a.rollover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.rollover:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.center {
text-align: center;
}
.right {
text-align:right;
}
.line_0 {
line-height: 0;
}
.zindex {
z-index: 200;
}
input[type=radio] {
width: 15px;
height: 15px;
vertical-align: middle;
}
input[type=image]:hover{
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
} em {
text-decoration: underline;
font-style: normal;
}
.ul{
text-decoration: underline;
}
.bd_red {
border-bottom: 1px solid #FF0004;
padding-bottom: 2px;
}
.bd_red02 {
border-bottom: 3px solid #FF0004;
padding-bottom: 0px;
}
.pink{
color: #e64369;
}
.brown {
color: #B6905B;
font-weight: bold;
}
.white {
color: #fff;
font-weight: bold;
}
.green {
color: #039ca2;
font-weight: bold;
}
.gray {
color:#6e6e6e;
}
.bold {
font-weight: bold;
}
strong {
font-weight: bold;
}
.strike {
text-decoration: line-through;
}
.ac {
text-align: center !important;
}
.ar {
text-align: right !important;
}
.al {
text-align: left !important;
}
.bold {
font-weight: bold !important;
color: #00479d;
}
.font10 {
font-size: 10px !important;
}
.font11 {
font-size: 11px !important;
}
.font12 {
font-size: 12px !important;
}
.font13 {
font-size: 13px !important;
}
.font14 {
font-size: 14px !important;
}
.font15 {
font-size: 15px !important;
}
.font16 {
font-size: 16px !important;
}
.font17 {
font-size: 17px !important;
line-height:150%;
}
.font18 {
font-size: 18px !important;
}
.font19 {
font-size: 19px !important;
}
.font20 {
font-size: 20px !important;
}
.font21 {
font-size: 21px !important;
}
.font22 {
font-size: 22px !important;
}
.font23 {
font-size: 23px !important;
}
.font24 {
font-size: 24px !important;
}
.font25 {
font-size: 25px !important;
}
.font26 {
font-size: 26px !important;
}
.font27 {
font-size: 27px !important;
}
.font28 {
font-size: 28px !important;
}
.font29 {
font-size: 29px !important;
}
.font30 {
font-size: 30px !important;
}
.font42 {
font-size: 42px !important;
}
.font70 {
font-size: 70px !important;
}
.weight{
font-weight: 700;
}
.sp-only{
display: none;
}
.pc-only{
display: block;
}
@media (max-width: 768px){
.sp-only {
display:block;
}
.pc-only {
display: none;
}
} .gradient-01 {
position: relative;
color: #000; 
display: inline-block;
font-weight: 700;
}
.gradient-01::before {
content: attr(data-text);
position: absolute;
top: 0; left: 0;
background: linear-gradient(to right, #333, #000);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
pointer-events: none;
} .gradient-02 {
display: inline-block;
color: transparent; 
background: linear-gradient(to right, #a0752b, #cda384, #a0752b);
-webkit-background-clip: text;  
background-clip: text;
} .gradient-03 {
display: inline-block;
background: linear-gradient(
to right,
#0d0d0d 35%,
#6d6c6d 40%,
#0d0d0d 75%,
#ae8e66 100%
);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
} .fr {
float: right !important;
}
.fl {
float: left !important;
}
.clear {
clear: both;
}
img {
line-height: 0;
padding: 0;
margin: 0;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px; /*/*/}
hr {
height: 0;
margin: 0;
padding: 0;
border: 0;
}/**/* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.main{
max-width: 2700px;
margin: 0 auto;
}
.wrap{
width: 750px;
margin: 0 auto;
}
@media (max-width: 768px){
.wrap{
width: 92vw; 
max-width: none; 
}
}
.sec img{
width: 100%;
margin: 0 auto;
} .sr-only {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%);
white-space: nowrap; border: 0;
}
.sec.sec01 {
position: relative;
margin-inline: calc(50% - 50vw); 
width: 100vw;
overflow: hidden;
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec01_bg.jpg) top center no-repeat;
background-size: cover;
}
.fv img {
width: 70%;
height: auto;
display: block;
}
@media (max-width: 768px) {
.fv img {
width: 100%;
height: auto;
display: block;
}
} @media (min-width: 1024px){
.sec02-title{
white-space: nowrap; 
}
}
.sec.sec02 {
position: relative;
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec02_bg.jpg) center/cover no-repeat;
display: grid;           
place-items: center;     
padding: 80px 16px;
}
.sec02-grid {
background: #fff;
border-radius: 15px;
box-shadow: 0 8px 24px rgba(0,0,0,.08);
padding: 40px 30px;
display: grid;
gap: 10px;
width: min(1000px, 100%); 
margin-inline: auto;   
grid-template-columns: 1fr 1fr; 
justify-items: center;    
align-items: center;
}
.sec02-product {
position: relative;
margin: 0;                
justify-self: center;   
}
.sec02-msrp .label{
font-size: 20px;
}
.sec02-msrp .price{
font-size: 42px;
}
.sec02-product img {
width: 90%;            
height: auto;
display: block;
}
.sec02-content {
text-align: center;
position: relative;
z-index: 2;
background: transparent;
margin: 0;               
max-width: 600px;
position: relative;
}
.sec02-cap-badge .cap-line1{ font-size: 12px; color: var(--muted); }
.sec02-cap-badge .cap-amount{ font-size: 28px; font-weight: 800; display: block; }
.sec02-cap-badge .cap-line2{ font-size: 12px; color: var(--muted); } .sec02-title{
font-size: clamp(22px, 2.6vw, 34px);
font-weight: 700;
letter-spacing: .04em;
color: var(--accent);
margin: 0 0 .6em;
}
.brand .v-en{
font-size: 30px;
}
.brand02{
font-size: 42px;
}
.sec02-title{
position: relative;
display: inline-flex;     
gap: .4em;
}
.sec02-title::after{
content: "";
position: absolute;
left: 0; right: 0;
bottom: -0.7em;           
height: 2px;              
background: currentColor; 
}
.sec02-dose{
color: var(--muted);
margin: 1em 0 1.2em;
font-size: 20px;
}
.sec02-msrp{
display: flex;
align-items: center;
gap: 14px;
margin-bottom: .8em;
color: var(--muted);
letter-spacing: -0.04em;
transform: skew(-5deg); 
}
.sec02-msrp .price{
color: var(--muted);
position: relative;    
display: inline-block;
}
.sec02-msrp .price::after {
content: "";
position: absolute;
top: 50%;               
left: -0%;          
width: 100%;            
height: 2px;            
background-color: #e74d63; 
transform: rotate(-12deg); 
transform-origin: center;
}
.sec02-msrp .yen{ font-size: .9em; }
.sec02-content {
position: relative; 
}
.sec02-ribbon {
position: absolute;
left: 23%;
transform: translateX(-30%);
z-index: 5;
}
.sec02-ribbon img {
width: 380px;
height: auto;
}
.sec02-ribbon.bottom-center {
left: 50%;
top:-82%;
transform: translateX(-30%);
}
.sec02-offer {
display: flex;
align-items: center;
justify-content: center;
gap: 3px; 
flex-wrap: nowrap;
margin: 20px auto;
}
.sec02-offer img:first-of-type {
margin-right: 1px; 
width: 100px;      
height: auto;
margin-top: 20px;
}
.sec02-offer .price {
font-size: clamp(38px, 4vw, 70px);
color: #e74d63;
letter-spacing: -0.04em;
display: inline-block;
transform: skew(-5deg); 
line-height: 1;
margin-top: 20px;
}
.sec02-offer img:nth-of-type(2) {
width: 50px;      
height: auto;
margin-left: 2px; 
margin-top: 20px;
}
.sec02-offer img:last-of-type {
width: 125px;
height: auto;
margin-left: 6px; 
margin-top: -8px;
}
.sec02-note{
text-align: left;
margin-top: -50px;
font-size: 30px;
}
.dot-text {
text-emphasis-style: dot; 
text-emphasis-color: #e74d63; 
-webkit-text-emphasis-style: dot;
-webkit-text-emphasis-color: #e74d63; 
}
.sec02-cta{
grid-column: 1 / -1;          
display:flex;
justify-content:center;
margin-top: 24px;              
}
.sec02-cta img{
width:min(820px, 100%);       
height:auto;
display:block;
}
.cta-btn{
display:inline-block;
position:relative;
overflow:hidden;            
transform:translateZ(0);
transition:
transform .25s ease,
box-shadow .25s ease,
filter .25s ease;
cursor:pointer;
}
.cta-btn img{ display:block; width:min(820px,100%); height:auto; }
.cta-btn:hover,
.cta-btn:focus-visible{
transform: translateY(-2px) scale(1.02);
filter: saturate(1.05);
outline: none;
}
.cta-btn::after{
content:"";
position:absolute;
top:0; left:-150%;
width:50%; height:100%;
background: linear-gradient(120deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 45%,
rgba(255,255,255,0) 100%);
transform: skewX(-20deg);
transition: left .65s ease;
pointer-events:none;
}
.cta-btn:hover::after,
.cta-btn:focus-visible::after{
left:130%;
}
.cta-btn:active{
transform: translateY(0) scale(0.995);
box-shadow: 0 10px 24px rgba(0,0,0,.2);
}
@media (prefers-reduced-motion: reduce){
.cta-btn,
.cta-btn::after{
transition: none !important;
}
}
@media (max-width: 768px){
.sec.sec02{ padding: 40px 0px; }
.sec02-grid{
grid-template-columns: 1fr;
width: 94%;
padding: 10px 10px 10px;
gap: 0px;
border-radius: 12px;
}
.sec02-product{ margin-inline:auto; }
.sec02-product img{
width: 100%;
}
.sec02-title {
display: inline-flex;    
align-items: baseline;      
gap: 0.4em;                
white-space: nowrap;
font-size: 16px;
margin: 4px 0 6px;
}
.brand02{
font-size: 28px;
}
.sec02-dose,
.sec02-msrp{
text-align:center;
}
.sec02-dose {
margin: 0.5em 0 0.5em;
}
.sec02-msrp{
margin: 4px 0 2px;
gap: 10px;
transform: skew(-5deg);
font-size: 16px;
}
.sec02-msrp .price{ font-size: 26px; }
.sec02-ribbon{
position: static;
transform: none;
margin: 4px 0 4px -90px ;
display: flex;
justify-content: center;
}
.sec02-ribbon img{
width: 55%;
}
.sec02-offer{
justify-content: center;
align-items: center;
gap: 1px;
margin: -20px 0 2px;
flex-wrap: nowrap;
}
.sec02-offer img:first-of-type{
width: 60px; margin: 0 -5px -2px 0;
} .sec02-offer .price{
font-size: clamp(48px, 5vw, 60px);
margin-left:4px;
margin-top: 0px;
} .sec02-offer img:nth-of-type(2){
width: 28px; margin: 5px 0px 0px;
} .sec02-offer img:last-of-type{
width: 80px; margin: -2px 2 2 4px;
}
.sec02-note{
text-align: left;
margin: -30px 0 0;
font-size: 20px;
}
.sec02-cta{
margin-top: 0px;
width: 110%;
}
.sec02-cta img{
width: 100%;
height: auto;
display: block;
}
} .sec.sec03 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec03_bg.jpg)center/cover no-repeat;
padding: 80px 0;       
text-align: center;
}
.sec03_title {
margin: .2em 0 0;         
line-height: 1.4;
display: inline-block;     
}
.sec03 .lead {
font-size: 30px;        
}
.sec03 .leadtext{
font-size: 25px;   
}
.sec03-hukidasi{
width: 70%;
margin: 0 auto 20px;
}
.sec03-row{
display:grid;
column-gap:24px;
align-items:center;              
grid-template-columns: 1fr 1.1fr;
grid-template-areas: "visual right"; 
margin:40px auto;
}
.sec03-visual { grid-area: visual; margin:0;
align-self: center;        
justify-self: center;
}
.sec03-right{
grid-area:right;
display:flex;                      
flex-direction:column;
justify-content:center;            
gap:14px;                       
min-height:100%; 
}
.sec03-heading{
font-size:clamp(22px, 2.4vw, 36px);
line-height:1.25;
margin:0;
white-space:nowrap;
}
.sec03-textbox{
font-size:clamp(18px, 1.4vw, 22px);
line-height:1.8;
}
.sec03 .sec03-visual img{
width: min(100%, 300px); 
height: auto ; 
object-fit: contain; 
}
.sec03-row--normal{
display: grid;
grid-template-columns: 1.1fr 1fr;
column-gap: 24px;
align-items: center;
margin: 40px auto;
grid-template-areas: "left visual";
}
.sec03-left   { grid-area: left; }
.sec03-left{
display: flex;
flex-direction: column;
justify-content: center;         
gap: 14px;                      
}
.sec03-heading{
font-size: clamp(22px, 2.4vw, 40px);
line-height: 1.25;
margin: 0;
white-space: nowrap;
}
.sec03-textbox{
font-size: clamp(18px, 1.4vw, 22px);
line-height: 1.8;
}
.sec03-visual{
justify-self: center;
align-self: center;
}
.sec03-visual img {
display: block;
width: 100%;
max-width: 260px;
height: auto ;
object-fit: contain;
margin-inline: auto;
}
@media (max-width:768px){
.sec03-row{
grid-template-columns:1fr;
grid-template-areas:
"heading"
"visual"
"textbox";
gap:18px;
}
.sec.sec03 {
padding: 40px 0;       
text-align: center;
}
.sec03_title {
font-size: 40px;   
}
.sec03-hukidasi{
width: 95%;
}
.sec03 .lead {
font-size: 20px;        
}
.sec03-right{ display:contents; }    
.sec03-heading{ grid-area: heading; }
.sec03-textbox{ grid-area: textbox; }
.sec03-visual img{ max-width:420px; }
.sec03-row--normal{
grid-template-columns: 1fr;
grid-template-areas:
"heading"
"visual"
"textbox";
gap: 18px;
}
.sec03-left{
display: contents; 
}
.sec03 .leadtext{
font-size: 20px;   
}
.sec03-heading{
grid-area: heading;
font-size: 34px;
}
.sec03-visual{ grid-area: visual; }
.sec03-textbox{
grid-area: textbox;
padding: 16px 18px;
font-size: 20px;
}
.sec03-visual img{
max-width: 420px;
margin-inline: auto;
}
} .sec.sec04 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec04_bg.jpg) center/cover no-repeat;
padding: 80px 0;
}
.sec04 {
position: relative;
}
.sec04-jyosei {
position: absolute;
top: 40px;  
right: 100px; 
width: 420px;
z-index: 0;
}
.sec04-jyosei img {
width: 100%;
height: auto;
display: block;
}
.sec04 .lead{
position: relative;
z-index: 2;
font-size: 30px;
}
.sec04_title {
position: relative;
z-index: 2; 
font-size: clamp(24px, 3.4vw, 40px);
line-height: 1.4;
text-shadow:
0 0 3px rgba(255,255,255,.55),
0 0 8px rgba(255,255,255,.35),
0 0 16px rgba(255,255,255,.25);
margin-top: 20px;
}
.sec04_title .lead{
display: inline-block;          
font-size: clamp(28px, 4.2vw, 56px);
letter-spacing: .02em;
line-height: 1.5;
text-shadow:
0 0 4px rgba(255,255,255,.90),
0 0 12px rgba(255,255,255,.45),
0 0 22px rgba(255,255,255,.30);
}
.sec04-row{
display:grid;
column-gap:24px;
align-items:center;
grid-template-columns: 1fr 1.1fr;
grid-template-areas: "visual right";
margin:40px auto;
}
.sec04-visual { grid-area: visual; margin:0;
align-self: center; 
justify-self: center;
}
.sec04-right{
grid-area:right;
display:flex;                       
flex-direction:column;
justify-content:center;             
gap:14px;                       
min-height:100%; 
}
.sec04-heading{
font-size:clamp(22px, 2.4vw, 36px);
line-height:1.5;
margin:0;
white-space:nowrap;
}
.sec04 .sec04-visual img{
width: min(100%, 340px); 
height: auto ; 
object-fit: contain; 
}
.sec04-row--normal{
display: grid;
grid-template-columns: 1.1fr 1fr;
column-gap: 24px;
align-items: center;
margin: 40px auto;
grid-template-areas: "left visual";
}
.sec04-left{
grid-area: left;
display: flex;
flex-direction: column;
justify-content: center;        
gap: 5px;                       
}
.sec04-heading{
font-size: clamp(22px, 2.4vw, 36px);
line-height: 1.6;
margin: 0;
white-space: nowrap;
text-align: center;
}
.sec04-textbox{
font-size: clamp(18px, 1.2vw, 22px);
line-height: 1.8;
text-align: center;
margin-top: 20px;
}
.sec04-visual{
justify-self: center;
align-self: center;
}
.sec04-visual img {
display: block;
width: 100%;
max-width: 330px;
height: auto ;
object-fit: contain;
margin-inline: auto;
}
.highlight-box {
display: inline-block;
padding: 0.2em 0.6em;
background-color: #000000;
color: #fff;
font-weight: 700;
line-height: 1.6;
}
@media (max-width: 768px) {
.sec.sec04 {
padding: 40px 0 10px;
text-align: center;
position: relative; 
}
.sec04 .lead{
position: relative;
z-index: 2;
font-size: 15px;
}
.sec04_title {
font-size: 28px;
margin-top: 10px;
}
.leadtext{
font-size: 38px;
}
.sec04-right,
.sec04-textbox{
position: relative;
z-index: 2;   
}
.sec04-jyosei{
position: absolute;
z-index: 0;             
left: 50%;
transform: translateX(-50%); 
width: 100vw;               
top: 220px;              
pointer-events: none;    
}
.sec04-jyosei img{
width: 100%;
height: auto;
display: block;
}
.sec04-row {
display: flex;            
flex-direction: column;   
align-items: center;
}
.sec04-right {
order: 1;        
width: 100%;
margin-bottom: 60px;
}
.sec04-visual {
order: 2;                 
width: 100%;
max-width: 420px;
margin: 0 auto;
}
.sec04-visual img {
width: 100%;
height: auto;
}
.sec04-textbox {
text-align: center;
line-height: 1.8;
font-size: 17px;
text-shadow:
0 0 4px rgba(255,255,255,1),
0 0 10px rgba(255,255,255,0.6);
}
.highlight-box{
text-shadow:none;
}
} .sec.sec05 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec05_bg.jpg)top center/cover no-repeat;
padding: 80px 0;
}
.sec05_lead {
text-align: center;
font-size: 28px;
line-height: 1.6;
margin-bottom: 20px;
} .sec05-title-bar {
width: 100vw;
margin-left: calc(50% - 50vw); 
background: rgba(0, 0, 0, 0.85);
padding: 0px 40px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
box-sizing: border-box;
}
.sec05_title {
font-size: clamp(18px, 10vw, 25px);
line-height: 1.4;
margin: 0;
color: #fff;
}
.sec05-title-img img {
display: block;
height: auto;
max-height: 100px;
width:auto;
}
.sec05_tail {
font-size: clamp(18px, 10vw, 25px);
color: #fff;
}
.sec05-visual img {
display: block;
width: 100%;
max-width: 600px;
height: auto;
margin: 40px auto 0;
}
@media (max-width: 768px) {
.sec.sec05 {
padding: 40px 0;
}
.sec05_lead {
font-size: 20px;
line-height: 1.6;
margin-bottom: 10px;
}
.sec05_title {
font-size: clamp(18px, 10vw, 20px);
line-height: 1.2;
}
.sec05-title-bar {
flex-direction: column;
text-align: center;
padding: 10px 0;
gap: 1px;
font-size: 20px;
}
.sec05_tail {
font-size: clamp(18px, 10vw, 20px);
color: #fff;
}
.sec05-title-img img {
max-height: 100px;
margin-bottom: -20px;
}
.sec05-visual img {
width: 100%;
height: auto;
margin: 20px auto 0;
}
} .sec.sec06 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec06_bg.jpg) top center/cover no-repeat;
padding: 40px 0 0;
position: relative;
overflow: hidden;
}
.sec06-heading-wrap {
position: relative;
text-align: center;
max-width: 900px;
margin: 0 auto;
padding: 40px 0 0;
}
.sec06_h2 {
font-size: clamp(28px, 3vw, 46px);
line-height: 1.2;
margin-bottom: 10px;
}
.sec06-title {
font-size: clamp(22px, 2vw, 34px);
line-height: 1.5;
}
.sec06-image {
position: absolute;
top: 120px;
right: -20px; 
width: 230px;
z-index: 0; 
}
.sec06-image img {
width: 100%;
height: auto;
}
.sec06-textbox01,
.sec06-textbox02,
.sec06-textbox03 {
display: flex;
align-items: center;
justify-content: center;
gap: 4px; 
} 
.sec06-textbox02{
margin: -100px 0;
flex-direction: row-reverse;  
}
.sec06-textbox01 .sec06-visual img,
.sec06-textbox02 .sec06-visual img{
width: 100%;
height: auto;
display: block;
margin: 10px 0;
}
.sec06-textbox03 .sec06-visual img {
width: 100%;
max-width: 380px;
height: auto;
display: block;
}
.sec06-textbox01 p,
.sec06-textbox02 p,
.sec06-textbox03 p{
font-size: clamp(18px, 1.4vw, 18px);
line-height: 1.8;
text-align: left;
max-width: 340px;
text-align: center;
}
.sec06-textbox03 p .mini{
font-size: 13px;
}
@media (max-width: 768px) {
.sec.sec06 {
padding: 20px 0 40px;
}
.sec06-title {
font-size: clamp(18px, 2vw, 24px);
line-height: 1.2;
}
.sec06-image {
position: static;
width: 60%;
margin: 20px 0px 0 30px;
z-index: 1;
}
.sec06_h2 {
font-size: 24px;
}
.sec06-image {
position: static;  
width: 50%;
margin: 0 auto; 
z-index: 1;
}
.sec06-heading-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.sec06-textbox01,
.sec06-textbox02,
.sec06-textbox03{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 10px;
}
.sec06-textbox02{
margin-top: 30px;
}
.sec06-textbox01 .sec06-visual img,
.sec06-textbox02 .sec06-visual img {
max-width: 80%;
height: auto;
display: block;
margin-inline: auto;
margin-left:50px;
}
.sec06-textbox01 p,
.sec06-textbox02 p {
text-align: center;
font-size: 20px;
line-height: 1.3;
margin-top: -30px;
}
.sec06-textbox03 {
display: flex;
flex-direction: column-reverse; 
align-items: center;
text-align: center;
margin-top: 150px;
gap: 12px;
position: relative;
}
.sec06-textbox03 .sec06-visual img {
max-width: 60%;
height: auto;
margin-inline: auto;
margin-left: 0px;
}
.sec06-textbox03 p {
text-align: center;
font-size: 18px;
line-height: 1.8;
}
} .sec.sec07 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec07_bg.jpg) center/cover no-repeat;
padding: 40px 0;
position: relative;
overflow: hidden;
}
.sec07-heading-wrap {
position: relative;
text-align: center;
max-width: 900px;
margin: 0 auto;
padding: 40px 0 0;
}
.sec07_h2{
font-size:30px;
}
.sec07-title{
margin-top: 15px;
line-height: 1.3;
font-size: 50px;
}
.sec07-image-row{
display: flex;
justify-content: center;
align-items: flex-end;  
gap: 10px;
margin: 24px auto 32px;
flex-wrap: nowrap;    
}
.sec07-image img{
display: block;
width: 100%;
height: auto;
max-width: 360px;     
}
.sec07-image.single{
text-align: center;
}
.sec07-image.single img{
margin: 0 auto;
max-width: 420px;
}
.sec07-bottom-row {
display: flex;
align-items: center;       
justify-content: center;  
gap: 10px;                
margin-inline: auto;
}
.sec07-image-row .sec07-image img {
display: block;
width: 100%;
height: auto;
max-width: 360px; 
transition: transform 0.3s ease; 
}
.sec07-image-row .sec07-image:nth-child(2) img {
max-width: 620px; 
}
.sec07-image.single {
flex: 0 0 40%;           
text-align: center;
}
.sec07-image.single img {
width: 100%;
max-width: 350px;
height: auto;
}
.sec07-lead {
flex: 1;
font-size: clamp(18px, 1.6vw, 18px);
line-height: 2;
text-align: center;
max-width: 450px;
}
@media (max-width: 768px){
.sec.sec07 {
padding: 40px 0;
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec07_bg_sp.jpg) center/cover no-repeat;
}
.sec07-heading-wrap {
padding: 0px 0 0;
}
.sec07_h2{
font-size:23px;
}
.sec07-title{
margin-top: 10px;
font-size: 30px;
}
.sec07-image img{
display: block;
width: 100%;
height: auto;
}
.sec07-image-row{
gap: 0px;
margin: 30px 10px;
}
.sec07-image.single img {
max-width: 160px;
margin-bottom: -100px;
}
.sec07-lead {
text-align: center;
line-height: 1.5;
font-size: 18px;
max-width: 850px;  
}
.sec07-bottom-row {
gap: 3px;                
}
} .sec.sec08 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec08_bg.jpg) center/cover no-repeat;
padding: 40px 0;
text-align: center;
}
.sec08_h2{
font-size:50px;
line-height: 1.4;
}
.sec08-heading-wrap {
display: grid;
grid-template-columns: repeat(2, 1fr); 
gap: 40px;
justify-items: center;
align-items: center;
margin: 20px auto;
}
.sec08-image img {
width: 100%;
max-width: 400px;
height: auto;
}
@media (max-width: 768px) {
.sec08-heading-wrap {
grid-template-columns: 1fr; 
gap: 20px;
}
.sec08_h2{
font-size:30px;
line-height: 1.4;
}
} .sec.sec09 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec09_bg.jpg) top center/cover no-repeat;
padding: 80px 0 40px;
}
.sec09-image.single {
text-align: center;        
margin-bottom: 30px;       
}
.sec09-image.single img {
width: 100%;
max-width: 700px;          
height: auto;
display: inline-block;      
object-fit: contain;         
margin: 0 auto;
}
.sec09-row {
display: grid;
align-items: center;
gap: 40px;
margin: 60px auto 40px;
}
.sec09-left {
grid-template-columns: 1.1fr 1fr;
}
.sec09-right {
grid-template-columns: 1fr 1.1fr;
}
.sec09-visual img {
width: 100%;
max-width: 400px;
height: auto;
display: block;
margin: 0 auto;
}
.sec09-heading {
font-size: clamp(22px, 2.4vw, 34px);
line-height: 1.4;
margin-bottom: 14px;
}
.sec09-textbox p {
font-size: clamp(18px, 1.4vw, 18px);
line-height: 1.8;
}
@media (max-width: 768px) {
.sec.sec09 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec09_bg_sp.jpg) top center/cover no-repeat;
padding: 80px 0 40px;
}
.sec09-row{
grid-template-columns: 1fr;
text-align: center;
gap: 24px;
}
.sec09-heading{
font-size: 35px;
}
.sec09-image.single {
text-align: center;        
margin-bottom: 5px;       
}
.sec09-image.single img {
width: 100%;
}
.sec09-row {
display: flex;
flex-direction: column; 
text-align: center;
gap: 16px;
margin: 60px auto 0px; 
}
.sec09-heading {
order: 1; 
}
.sec09-visual {
order: 2; 
}
.sec09-textbox {
order: 3; 
}
.sec09-visual img {
width: 90%;
height: auto;
margin-inline: auto;
display: block;
}
.sec09-textbox p {
font-size: 16px;
line-height: 1.8;
text-align: left;
padding-inline: 0px;
}
} .sec.sec10 {
position: relative; 
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec10_bg.jpg) top center / cover no-repeat;
padding: 80px 0 40px;
overflow: hidden; 
}
.sec10_title {
margin: .2em 0 0;
line-height: 1.4;
display: inline-block; 
text-align: center;
}
.sec10 .wrap {
position: relative;
text-align: center;
z-index: 2;
}
.sec10-visual img {
width: 100%;
max-width: 600px;
height: auto;
margin: 0 auto;
display: block;
}
.sec10-asirai {
position: absolute; 
top: 230px;          
z-index: 1;         
pointer-events: none; 
}
.sec10-asirai img {
width: 100%;
max-width: 700px; 
height: auto;
opacity: 0.9;
}
@media (max-width: 768px) {
.sec10_title {
font-size: 27px;
}
.sec.sec10 {
padding: 40px 0 40px;
}
.sec10-asirai {
top: 140px;          
}
} .sec.sec11 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec11_bg.jpg) top center / cover no-repeat;
padding: 40px 0 80px;
text-align: center;
}
.sec11_title {
display: inline-block; 
text-align: center;
line-height: 1;
font-size: 70px;
margin: 0 auto 80px;
}
.sec11_title .title{
font-size: 30px;
line-height: 1.4;
}
.sec11_title .title02{
font-size: 80px;
}
.sec11_title .big{
font-size:120px ;
}
.sec11 .wrap {
display: grid;
grid-template-columns: repeat(2, 1fr); 
gap: 20px 20px; 
justify-items: center;
width: 1000px;
margin: 0 auto;
}
.sec11-card {
position: relative;
background: #fff;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
width: 490px;       
height: 190px;          
padding: 0px 0px 0px 110px;
display: flex;
align-items: center;     
text-align: left;
}
.sec11-card-badge {
position: absolute;
top: -2px;
left: 20px;
z-index: 2;
}
.sec11-card-badge img {
width: 70px;
height: auto;
display: block;
}
.sec11-card-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
gap: 6px;
}
.sec11-card-lead {
font-size: clamp(18px, 1.6vw, 22px);
}
.sec11-card-main {
font-size: clamp(22px, 2vw, 30px);
line-height: 1.4;
}
@media (max-width: 768px) {
.sec.sec11 {
padding: 20px 0 40px;
text-align: center;
}
.sec11_title .title{
font-size: 20px;
}
.sec11_title .title02{
font-size: 50px;
margin-top: 20px;
}
.sec11_title{
margin: 0 auto 40px;
}
.sec11_title .big{
font-size:70px ;
}
.sec11 .wrap{
display: flex;
flex-direction: column;  
align-items: center;
gap: 10px;
width: 100%;  
padding-inline: 16px; 
}
.sec11-card{
width: 100%;
height: auto;    
min-height: 150px;    
padding-left: 80px;
padding-right: 0px;
padding-top: 12px;
padding-bottom: 12px;
}
.sec11-card-badge{
top: -1px;
left: 5px;
}
.sec11-card-badge img{
width: 64px;
}
.sec11-card-lead{
font-size: 20px;
}
.sec11-card-main{
font-size: 28px;
line-height: 1.4;
}
.sec11-card-main .small{
font-size: 21px;
}
} .sec.sec12{
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec12_bg.jpg) top center / cover no-repeat;
padding: 40px 0;
text-align: center;
position: relative;
overflow: hidden;
}
.sec12-heading-wrap{
max-width: 980px;
margin: 0 auto;
position: relative;
z-index: 1;
padding-top:40px;
}
.sec12_h2{
font-size: clamp(22px, 2.2vw, 30px);
line-height: 1.4;
margin: 0 0 10px;
}
.sec12-title{
font-size: clamp(36px, 4.2vw, 50px);
line-height: 1.5;
margin: 10px 0 26px;
letter-spacing: .05em;
}
.sec12-lead{
font-size: clamp(16px, 1.6vw, 20px);
line-height: 1.9;
margin: 0 0 18px;
}
.sec12-however{
font-size: clamp(30px, 5vw, 40px);
margin: 60px 0 20px;
}
.sec12-badge{
display: inline-block;
background: #111;
color: #fff;
padding: .45em 1.1em;
box-shadow: 0 10px 22px rgba(0,0,0,.18);
font-size: clamp(18px, 1.8vw, 22px);
letter-spacing: .04em;
margin: 6px 8px;
}
.sec12-badge.big{
font-size: clamp(20px, 2.2vw, 26px);
padding: .6em 1.2em;
}
.sec12-image-row{
margin-top: 20px;
z-index: 2; 
position: relative;
}
.sec12-image-row img{
width: min(86%, 420px);
height: auto;
display: block;
margin: 0 auto;
}
.sec12-image-row02 img{
width: min(86%, 520px);
height: auto;
display: block;
margin: 0 auto;
margin-left: 10px;
}
.sec12-image-row03 img{
width: min(86%, 480px);
height: auto;
display: block;
margin: 0 auto;
}
.sec12-image-ashirai02 {
position: absolute;
top: 60%;       
left: 80%;       
transform: translate(-50%, -50%); 
width: 400px;    
z-index:1;      
pointer-events: none; 
opacity: 0.8;     
}
.sec12-image-ashirai01 {
position: absolute;
bottom: 1%;         
right: -30%;        
width: 1200px;      
z-index: 1;
pointer-events: none;
opacity: 0.85;
}
.sec12-image-ashirai01 img,
.sec12-image-ashirai02 img {
width: 100%;
height: auto;          
display: block;
object-fit: contain;   
}
@media (max-width: 768px){
.sec.sec12{ padding: 20px 0; }
.sec12_h2{
font-size: clamp(19px, 2.2vw, 27px);
line-height: 1;
margin: 0 auto;
}
.sec12-however{
font-size: clamp(30px, 5vw, 40px);
margin: 30px 0 20px;
}
.sec12-title{
font-size: clamp(28px, 4.2vw, 28px);
line-height: 1.5;
letter-spacing: .05em;
}
.sec12-lead{ line-height: 1.8;
font-size: 19px;
}
.sec12-image img{ width: min(94%, 560px); 
}
.sec12-badge{
font-size: 23px;
margin: 2px auto;
}
.sec12-badge.big{
font-size: clamp(19px, 2.2vw, 26px);
padding: .4em 0.3em;
}
.sec12-image-row02 img{
width:280px;
margin-left:15px;
}
.sec12-lead{
font-size: 18px;
line-height: 1.8;
}
} .sec.sec13 {
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec13_bg.jpg) top center  / cover no-repeat;
padding: 80px 0 0px;
text-align: center;
}
.sec13-image {
display: flex;
justify-content: center;
align-items: center;    
margin: 0 auto 40px;   
}
.sec13-image img {
width: auto;           
max-width: 100%;        
height: auto;            
display: block;
object-fit: contain; 
}
.sec13-stack {
display: grid;
place-items: center;
position: relative;
margin: 0 auto;
width: 100%;
max-width: 750px; 
}
.sec13-stack .sec13-image.is-behind {
grid-area: 1 / 1;
z-index: 0;
width: 100%;
max-width: 550px; 
opacity: 0.85;
pointer-events: none;
}
.sec13-lead {
grid-area: 1 / 1;
z-index: 1;
line-height: 1.6;
margin: -100px auto 0;
font-size: clamp(15px, 3vw, 30px);
text-align: center;
}
.sec13-image.single02 {
display: flex;
justify-content: center;
align-items: center;
margin: -80px auto 0;
max-width: 620px; 
}
.sec13-image.single img {
width: 100%;
height: auto;
display: block;
object-fit: contain;
}
@media (max-width: 768px) {
.sec.sec13 {
padding: 40px 0;
}
.sec13-stack {
max-width: 92vw;
}
.sec13-stack .sec13-image.is-behind {
max-width: 70vw;
opacity: 0.7;
margin-top:-40px;
}
.sec13-lead {
font-size: clamp(18px, 4vw, 35px);
}
.sec13-image.single02 {
margin: -50px auto 0;
}
} .sec.sec14{
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec14_bg.jpg) center/cover no-repeat;
padding: 80px 0;
text-align: center;
}
.sec14 .lead{
font-size: 25px;
}
.sec14_h2{
font-size: clamp(32px, 5vw, 66px);
line-height: 1.15;
margin: 0 0 28px;
letter-spacing: .06em;
text-shadow:
0 2px 8px rgba(255,255,255,.35),
0 8px 18px rgba(0,0,0,.18);
}
.sec14-image-row{
display: grid;
grid-template-columns: 1fr; 
gap: 28px;
}
.sec14-image{
margin: 0 auto;
}
.sec14-image img{
display: block;
width: 100%;
height: auto;        
object-fit: contain; 
}
.sec14-image.band{
position: relative;        
padding: 12px 0;         
}
.sec14-image.band::before{
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%); 
top: -10px;                  
height: calc(100% + 20px);   
width: 100vw;                 
background: linear-gradient(90deg, #14263f, #193451);
z-index: 0;                   
}
.sec14-image.band img{
position: relative;
z-index: 1;
display: block;
width: min(400px, 92vw);     
height: auto;               
margin: 0 auto;
}
.sec14-image img{
display:block;
width: min(520px, 92vw);
height: auto;
margin: 0 auto;
}
.sec14-lead{
margin: 26px auto 0;
text-shadow: 0 2px 8px rgba(255,255,255,.2);
line-height: 1.5;
font-size: 25px;
}
@media (max-width: 768px){
.sec.sec14{
padding: 40px 0;
text-align: center;
}
.sec14 .lead{
margin: 0 0 8px;
letter-spacing: .08em;
font-size: 30px;
}
.sec14_h2{
font-size: 40px;
}
.sec14-lead{
margin: 26px auto 0;
text-shadow: 0 2px 8px rgba(255,255,255,.2);
line-height: 1.5;
font-size: 20px;
}
} .sec.sec15{
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec15_bg.jpg) center/cover no-repeat;
padding: 40px 0;
text-align: center;
}
.sec15-heading-wrap{
line-height: 1.3;
margin-bottom: 40px;
font-size: 60px;
}
.voice-card{
--card-pad: 28px;        
--photo-gap: 220px;      
position: relative;
max-width: 980px;
margin: 20px auto;
background: #fff;
box-shadow: 0 14px 36px rgba(0,0,0,.12);
overflow: hidden;
padding: var(--card-pad);
text-align: left;
}
.voice-top{
position: relative;
line-height: 1.2;
}
.voice-photo{
position: absolute;
top: -20px;
left: 0;
width: 120px;
overflow: hidden;
z-index: 2;
}
.voice-card.right .voice-photo{
left: auto;
right: 0; 
}
.voice-photo img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.voice-head{
position: relative;
background: linear-gradient(180deg, #e8cdb9 0%, #d9b39b 100%);
margin: 0 calc(-1 * var(--card-pad)) 18px; 
padding: 22px var(--card-pad);
display: flex;
flex-direction: column;
justify-content: center;
}
.voice-title{
margin: 0 0 6px;
font-size: clamp(20px, 3vw, 30px);
font-weight: 700;
letter-spacing: .02em;
padding-left:130px;
}
.right .voice-title{
padding-left: 0;
}
.voice-meta{
margin: 0;
font-size: clamp(14px, 1.6vw, 16px);
}
.voice-body{
font-size: clamp(16px, 1.7vw, 18px);
line-height: 1.9;
padding-top: 20px;
} @media (max-width: 768px){
.sec.sec15{
padding: 40px 0;
text-align: center;
}
.sec15-heading-wrap{
line-height: 1.3;
margin-bottom: 20px;
font-size: 25px;
}
.voice-card{ --card-pad:0px; --photo-gap:0px; padding-top: 20px; }
.voice-top{ padding: 0; }
.voice-title{
padding-left:130px;
}
.voice-photo{
left: 17%;
right: auto;
transform: translateX(-50%);
top: -17px;
width: 120px;
}
.voice-head{
margin: 0 0 18px;       
}
.voice-top .voice-head{
padding: 18px var(--card-pad); 
}
.voice-body{
padding: 10px;
}
.right .voice-title{
padding-left: 10px;
}
.voice-card.right .voice-photo{
left: auto;
right: -50px; 
top:-25px;
}
} .sec.sec16{
background: url(https://lp.beauty5.net/wp-content/uploads/2025/11/sec16_bg.jpg) top center/cover no-repeat;
padding: 40px 0;
text-align: center;
}
.sec16_title{
text-align: center;
line-height: 1.3;
display: inline-block;     
border-bottom: 2px solid ; 
padding-bottom: 6px; 
margin-bottom: 40px;
} .faq-item {
max-width: 800px;
margin: 0 auto 20px;
border: 1px solid #ddd;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
overflow: hidden;
border-radius: 4px;
} .faq-question {
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(90deg, #0c2845 0%, #203a55 80%);
color: #fff;
padding: 18px 24px;
cursor: pointer;
transition: background 0.3s ease;
position: relative; }
.faq-question:hover {
background: linear-gradient(90deg, #183a60 0%, #2b4b6a 80%);
}
.faq-q {
font-family: "Times New Roman", serif;
font-size: 36px;
font-weight: bold;
margin-right: 18px;
}
.faq-text {
flex: 1;
text-align: left;
} .faq-toggle {
position: absolute;
right: 24px; 
top: 50%;
transform: translateY(-50%);
font-size: 32px;
font-weight: 400;
transition: transform 0.3s ease;
} .faq-answer {
display: none;
align-items: flex-start;
background: #fff;
padding: 20px 30px;
border-top: 1px solid #ccc;
}
.faq-a {
font-family: "Times New Roman", serif;
font-size: 32px;
font-weight: bold;
margin-right: 20px;
}
.faq-answer .faq-text {
line-height: 1.8;
text-align: left;
}
.faq-item.active .faq-answer {
display: flex;
}
.faq-item.active .faq-toggle {
transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 768px) {
.sec16_title{
font-size: 40px;
}
.faq-question, .faq-answer {
padding: 16px;
}
.faq-q, .faq-a {
font-size: 28px;
margin-right: 12px;
}
.faq-text {
font-size: 20px;
}
}
.sec {
width: 100vw;            
margin-left: calc(50% - 50vw); 
position: relative;
} .footer {
background: #1a1a1a;  
text-align: center;   
padding: 20px 10px;         
color: #fff;         
font-size: 13px;
}
.footer a {
color: #fff;       
text-decoration: none;
margin: 0 8px;
}
.footer a:hover { 
text-decoration: underline;
}
.footer .small {
margin-top: 8px;
font-size: 12px;
color: #ccc;       
} .plivacypolicy {
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
color: #222;
line-height: 1.8;
padding: 60px 20px;
background: #fafafa;
}
.plivacypolicy .article {
max-width: 880px;
margin: 0 auto;
background: #fff;
padding: 40px 28px;
border-radius: 6px;
box-shadow: 0 4px 14px rgba(0,0,0,0.05);
} .plivacypolicy h1 {
font-size: 2rem;
text-align: center;
margin-bottom: 2em;
font-weight: 700;
letter-spacing: 0.08em;
color: #6F4B26;
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif!important;
}
.plivacypolicy h2 {
font-size: 1.1rem;
font-weight: 500;
margin: 1.8em 0;
line-height: 1.9;
font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif!important;
}
.plivacypolicy h3 {
font-size: 1.15rem;
font-weight: 600;
margin: 2em 0 0.6em;
color: #333;
border-left: 4px solid #B6905B;
padding-left: 0.6em;
} .plivacypolicy p {
margin: 0 0 1.5em;
font-size: 0.95rem;
color: #333;
} .plivacypolicy a {
display: inline-block;
margin-top: 40px;
padding: 12px 28px;
background: #B6905B;
color: #fff;
text-decoration: none;
font-size: 0.95rem;
border-radius: 4px;
transition: background 0.3s;
}
.plivacypolicy a:hover {
background: #6F4B26;
} @media (max-width: 768px) {
.plivacypolicy {
padding: 40px 14px;
}
.plivacypolicy .article {
padding: 28px 18px;
}
.plivacypolicy h1 {
font-size: 1.6rem;
}
.plivacypolicy h2 {
font-size: 1rem;
}
.plivacypolicy h3 {
font-size: 1.05rem;
}
}  .tokushohobg {
background: #FAF7F0;
min-height: 100vh; display: flex;
justify-content: center;
align-items: center;
padding: 40px 16px;
} .tokushoho {
width: 100%;
max-width: 900px;
background: #fff;
border-radius: 12px;
padding: 40px 32px;
box-shadow: 0 8px 24px rgba(0,0,0,0.08);
animation: fadeIn 0.6s ease;
} .tokushoho > h1 {
font-size: 26px;
text-align: center;
margin-bottom: 28px;
padding-bottom: 10px;
border-bottom: 2px solid #eee;
color: #333;
letter-spacing: 1px;
} .tokushoho-list .row {
display: grid;
grid-template-columns: 200px 1fr;
gap: 12px 16px;
padding: 14px 0;
border-bottom: 1px dashed #e0e0e0;
}
.tokushoho-list dt {
font-weight: bold;
color: #555;
}
.tokushoho-list dd {
margin: 0;
color: #333;
line-height: 1.7;
} .backlink {
text-align: center;
margin-top: 32px;
}
.backlink a {
display: inline-block;
padding: 10px 20px;
background: #f8f8f8;
border-radius: 8px;
color: #444;
text-decoration: none;
border: 1px solid #ddd;
transition: 0.2s;
}
.backlink a:hover {
background: #eee;
border-color: #ccc;
} @keyframes fadeIn {
from {opacity: 0; transform: translateY(20px);}
to {opacity: 1; transform: translateY(0);}
} @media (max-width: 768px) {
.tokushoho {
padding: 24px 16px;
}
.tokushoho > h1 {
font-size: 20px;
}
.tokushoho-list .row {
grid-template-columns: 1fr;
gap: 6px;
padding: 12px 0;
}
}