.article{ padding:0!important; }
.article, .article *{ font-family:'pt',sans-serif; }
section{ overflow:hidden; }




#sb01{ padding:150px 40px; }

.sb01_bw{ width:100%; margin:0 auto 60px; background-image:url(./img/01-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
.sb01_bi{ width:min(500px, 100%); margin:0 auto; }
.sb01_bdo{ position:relative; z-index:1; width:100%; padding-top:177.8%; }
.sb01_bdo > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.sb01_bw > video{ display:block; width:100%; height:auto; margin:0 auto; }

.sb01_tt{ width:min(690px, 100%); text-align:center; word-break:keep-all; margin:0 auto 80px; }
.sb01_tt > img{ max-width:500px; margin:0 auto 20px; }
.sb01_tt > h3{ font-size:24px; font-weight:500; color:#333; line-height:1.5em; margin-bottom:20px; }
.sb01_tt > p{ font-size:16px; font-weight:400; color:#333; line-height:1.5em; }

.sb01_pw{ width:min(1092px, 100%); margin:0 auto; display:flex; flex-flow:row wrap; gap:30px; }
.sb01_pw > .sb01_arr{ width:min(80px, 10%); height:20px; border-bottom:1px solid #888; border-right:1px solid #888; transform:translate(0, -50%) skewX(45deg); transform-origin:right bottom; align-self:center; }
.sb01_pt{ flex:1; display:flex; }
.sb01_pb{ width:min(476px, 100%); display:flex; flex-direction:column; margin:0 auto; }

.sb01_pi{ margin:0 auto 20px; }
.sb01_pi > img{ display:block; margin:0 auto; }

.sb01_px{ flex:1 auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; word-break:keep-all; }
.sb01_px > li{ position:relative; z-index:1; padding-left:28px; font-size:16px; font-weight:400; color:#333; line-height:1.5em; }
.sb01_px > li:not(:last-child){ margin-bottom:10px; }
.sb01_px > li > .mark{ position:absolute; width:16px; height:16px; border:2px solid #333; border-radius:100%; top:4px; left:0; }
.sb01_px > li > .mark:after{ content:''; position:absolute; bottom:63%; left:18%; width:13px; height:4px; border-bottom:2px solid #333; border-left:2px solid #333; transform:rotate(-45deg) skewX(-10deg); }


@media(max-width:991px){
    #sb01{ padding:100px 15px; }
}
@media(max-width:768px){
    #sb01{ padding:60px 15px 100px; }
    .sb01_tt > img{ max-width:400px; margin:0 auto 10px; }
    .sb01_tt > h3{ font-size:18px; }

    .sb01_pt{ flex:unset; width:100%;; }
    .sb01_pw > .sb01_arr{ width:20px; height:80px; margin:0 auto; border-right:none; border-left:1px solid #888; transform:translate(0, 0) skewY(-45deg); transform-origin:left bottom; }
}
@media(max-width:500px){
    .sb01_tt > h3{ font-size:16px; }
    .sb01_tt > p{ font-size:14px; }
}


#sb02{ background-color:#f3f3f3; }
.sb02_pw{ display:flex; flex-flow:row wrap; }
.sb02_pt{ padding:150px 40px; }
.sb02_pt.lf{ max-width:560px; width:40%; background-image:url(./img/02-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
.sb02_pt.rt{ flex:1; }

.sb02_tt{ width:min(561px, 100%); word-break:keep-all; }
.sb02_tt > h4{ font-size:24px; font-weight:400; color:#fff; line-height:1.1em; margin-bottom:10px; }
.sb02_tt > h3{ font-size:32px; font-weight:100; color:#fff; line-height:1.1em; margin-bottom:30px; }
.sb02_tt > p{ font-size:16px; font-weight:300; color:#fff; line-height:1.5em; }

.sb02_pw2{ width:min(1000px, 100%); display:flex; flex-flow:row wrap; gap:20px; margin:0 auto 40px; }
.sb02_pt2{ flex:1; display:flex; flex-direction:column; }
.sb02_pi > img{ display:block; }
.sb02_px{ flex:1 auto; background-color:#a18b69; padding:10px 15px; font-size:16px; font-weight:500; color:#fff; line-height:1em; text-align:center; }

.sb02_de{ width:min(1000px, 100%); margin:0 auto; padding:20px; border:1px solid #ccc; background-color:rgba(255,255,255,.25); backdrop-filter:blur(10px); font-size:20px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all; }

@media(max-width:991px){
    .sb02_pw{ background-image:url(./img/02-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }
    .sb02_pt.lf{ padding:100px 15px 0; max-width:unset; width:100%; background-image:none; }
    .sb02_pt.rt{ padding:60px 15px 100px; flex:unset; width:100%; }
}

@media(max-width:768px){
    .sb02_tt > h4{ font-size:18px; }
    .sb02_tt > h3{ font-size:28px; }
    .sb02_tt > p{ font-size:14px; }

    .sb02_de{ font-size:16px; }
    .sb02_px{ font-size:12px; }
}
@media(max-width:500px){
    .sb02_de{ font-size:14px; }
}



#sb03{ padding:200px 40px; }
#sb03 > .sb_con{ width:min(1400px, 100%); margin:0 auto; }

.sb03_tt{ width:min(591px, 100%); margin:0 auto 100px; text-align:center; word-break:keep-all; }
.sb03_tt.en{ width:min(770px, 100%); }
.sb03_tt > h4{ font-size:20px; font-weight:500; color:#333; line-height:1.3em; margin-bottom:5px; }
.sb03_tt > h3{ font-size:32px; font-weight:500; color:#333; line-height:1.3em; }
.sb03_tt > h3 > b{ color:#a18b69; }

.sb03_pw{ position:relative; z-index:1; display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 -40px; }
.sb03_pt{ max-width:320px; width:25%; padding:0 40px; }
.sb03_arr{ width:40px; height:60px; align-self:center; margin:-20px -20px 0; background:linear-gradient(90deg, transparent 0%, #a18b69 100%); clip-path:polygon(0 0, 100% 50%, 0 100%); }
.sb03_pb > h4{ display:block; font-size:16px; font-weight:300; color:#a18b69; text-align:center; margin:15px 0 0; word-break:keep-all; }

@media(max-width:991px){
    #sb03{ padding:150px 15px; }
}
@media(max-width:768px){
    .sb03_tt > h4{ font-size:16px; }
    .sb03_tt > h3{ font-size:24px; }

    .sb03_pw{ justify-content:space-around; gap:120px 0; }
    .sb03_pt{ width:50%; }
    .sb03_pt:nth-child(5){ order:2; }

    .sb03_arr:nth-child(4){ position:absolute; z-index:1; top:50%; right:25%; transform:rotateZ(90deg) translate(-12px, 0px); }
    .sb03_arr:nth-child(6){ order:1; transform:rotateY(180deg); }
}
@media(max-width:500px){
    .sb03_tt > h3{ font-size:20px; }
}



#sb04{ background-image:url(./img/04-00.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; }
#sb04 > .sb_con{ position:relative; z-index:1; padding:200px 40px; background-color:rgba(0,0,0,.2); backdrop-filter:blur(5px); min-height:100dvh; display:flex; align-items:center; }
#sb04 > .sb_con:before{ content:'LAVENDER'; position:absolute; z-index:1; top:0; left:0; font-size:150px; font-weight:800; color:#fff; line-height:0.73em; text-indent:-0.05em; opacity:0.1; pointer-events:none; writing-mode:vertical-lr; transform:rotate(180deg); }

.sb04_tt{ width:min(490px, 100%); word-break:keep-all; }
.sb04_tt.en{ width:min(530px, 100%); }
.sb04_tt > h3{ position:relative; z-index:1; padding-left:28px; font-size:40px; font-weight:800; color:#fff; line-height:1.1em; margin-bottom:20px; }
.sb04_tt > h3:before{ content:''; position:absolute; z-index:1; top:0.18em; bottom:0.18em; left:0; width:8px; background-color:#fff; }
.sb04_tt > h4{ font-size:20px; font-weight:500; color:#fff; line-height:1.3em; margin-bottom:100px; }
.sb04_tt > p{ font-size:16px; font-weight:300; color:#fff; line-height:1.5em; }

@media(max-width:991px){
    #sb04 > .sb_con{ padding:150px 15px; }
    #sb04 > .sb_con:before{ font-size:100px; }
    
    .sb04_tt > h3{ padding-left:20px; font-size:32px; }
    .sb04_tt > h3:before{ width:6px; }
    .sb04_tt > h4{ font-size:16px; }
    .sb04_tt > p{ font-size:14px; }
}
@media(max-width:768px){
    #sb04 > .sb_con{ align-items:flex-end; }
}