.content_container{ overflow:hidden; }
.content_container *{ box-sizing:border-box; word-break:keep-all; }
img{ display:block; max-width:100%; object-fit:cover; }
.btnArea{ display:none; }

.article_hd{ display:flex; gap:28px; flex-wrap:nowrap; border-bottom:solid 1px #2f2f2f; padding-bottom:8px; margin-bottom:96px; }
.hd_pt{ flex-grow:1; flex-basis:0; }
.hd_pt h2{ font-family:'nt'; font-size:20px; font-weight:600; color:#000; letter-spacing:-0.075em; line-height:1.5em; }
.hd_pt h2 span{ font-size:0.75em; font-weight:400; padding-left:0.25em; }
.hd_pt.rt{ display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.hd_pt.rt p{ font-size:19px; font-weight:300; color:#000; }
.hd_pt.rt img{ height:31px; }

@media(max-width:780px){
    .hd_pt.rt p{ font-size:14px; }
    .hd_pt.rt img{ height:23px; }
}


/* sb01 */ 
#sb01{ margin-bottom:64px; }
.sb01_tt{ text-align:center; margin-bottom:128px; }
.sb01_tt > h3{ font-family:'ns',serif; font-size:36px; font-weight:100; color:#000; line-height:1.2em; letter-spacing:-0.05em; margin-bottom:40px; }
.sb01_tt > h3 > b{ font-weight:400; }
.sb01_tt > h4{ font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; margin-bottom:40px; }
.sb01_tt > p{  font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; }
.sb01_ig{ margin-bottom:32px; border-bottom:1px solid #c8c8c8; }
.ig_01{ margin:0 auto; }
.sb01_if{ display:flex; align-items:center; justify-content:center; gap:10px; padding:16px 0; }
.sb01_if figure{ margin:0; }
.sb01_if .sd{ width:140px; height:auto; }
.sb01_if .ct{ width:80px; height:auto; }

.sb01_pw01{ display:flex; gap:38px; margin:0 auto 40px; }
.sb01_pt01{ flex-basis:0; flex-grow:1; }
.sb01_pt01.lf{ flex-basis:45%; flex-grow:0; }
.sb01_pt01 > p{ font-family:'ns',serif; font-size:19px; font-weight:100; color:#000; line-height:1.75em; letter-spacing:-0.05em; }

.sb01_pw02{ display:flex; gap:38px; }
.sb01_pt02.lf{ flex-basis:60%; flex-grow:0; }
.sb01_pt02.rt{ display:flex; flex-basis:40%; flex-grow:0; align-items:center; justify-content:center; }
.sb01_pt02.rt figure img{ width:144px; }

.sb01_bn{ display:flex; align-items:center; position:relative; z-index:1; height:480px; }
.sb01_bn .bn01{ position:absolute; z-index:2; left:-64px; width:672px; }
.sb01_bn .bn02{ position:absolute; z-index:3; right:384px; width:192px; }
.sb01_bn .bn03{ position:absolute; z-index:1; right:-30px; width:480px;  }
.sb01_bn .bn04{ position:absolute; z-index:3; right:-40px; top:80px; width:128px; }

@media(max-width:991px){
    .sb01_bn{ height:min(480px, 76.19047619047619vw); }
    .sb01_bn .bn01{ left:-6%; width:min(672px, 95%); }
    .sb01_bn .bn02{ right:min(384px, 45%); width:min(192px, 30%); }
    .sb01_bn .bn03{ right:0; width:min(480px, 80%);  }
    .sb01_bn .bn04{ right:-15px; top:min(80px, 16%); width:min(128px, 20%); }
}
@media(max-width:780px){
    .sb01_tt > h4{ font-size:14px; }
    .sb01_tt > p{  font-size:14px; }
    .sb01_pw01{ flex-direction:column; margin:0 auto; }
    .sb01_pt01 > p{  font-size:14px; }
    .sb01_pw02{ flex-direction:column; }

}


/* sb02 */ 
#sb02{ margin-bottom:128px; }
.sb02_tt{ display:flex; gap:40px; align-items:center; margin-bottom:16px; }
.sb02_tt > p{ font-family:'ns',serif; font-size:32px; font-weight:200; color:#000; white-space:nowrap; }
.sb02_tt > figure img{ width:1056px; }
.sb02_pw01{ display:flex; gap:16px; flex-flow:row wrap; padding:0 32px; margin-bottom:160px; }
.sb02_pt01.lf{ width:calc(44.27816901408451% - 8px); }
.sb02_pt01.rt{ width:calc(55.72183098591549% - 8px); }
.sb02_pt01 img{ width:100%; height:auto; }
.sb02_pd01{ width:100%; font-size:16px; font-weight:200; color:#000; line-height:1.5em; word-break:keep-all; }
.sb02_pd01 strong{ font-weight:400; }
.sb02_txt{ margin:0 0 192px; }
.sb02_txt p{ font-family:'nt',sans-serif; font-size:19px; font-weight:100; color:#000; letter-spacing:-0.05em; line-height:1.75em; }
.sb02_txt p small{ line-height:0.7em; }
.sb02_bn01{ max-width:820px; width:100%; margin:0 auto 192px; }
.sb02_bn02{ max-width:128px; width:100%; margin:0 auto 32px; }
.sb02_bn03{ position:relative; z-index:1; padding-top:70.66666666666667%; }
.sb02_bn03 > div{ position:absolute; z-index:1; }
.sb02_bn03 > div > img{ display:block; width:100%; height:auto; }
.sb02_bn03 > .bn03_01{ width:37.33333333333333%; top:0; left:6.666666666666667%; }
.sb02_bn03 > .bn03_02{ width:56%; top:7%; right:0; }

.sb02_int{ margin-top:-40px; }
.int_tt{ display:flex; align-items:flex-start; margin-bottom:160px; }
.int_tt > em{ font-family:'gf', cursive; font-size:80px; font-weight:400; color:#d4d4d4; line-height:0.8em; font-style:normal; }
.int_tt > h4{ font-family:'ns', serif; font-size:35px; font-weight:100; color:#000; line-height:1.2em; margin:0 0 0 32px; }
.int_ans{ position:relative; z-index:1; text-align:center; }
.int_ans img{ width:64px; margin:0 auto; }
.int_ans p{ width:100%; margin:40px auto; font-family:'ns'; font-size:19px; font-weight:200; color:#000; letter-spacing:-0.05em; line-height:1.75em; }
.int_ans p.p1{ max-width:650px; }
.int_ans p.p2{ max-width:730px; }
.int_ans p.p3{ max-width:690px; }
.int_ans p.p6{ max-width:690px; }
.int_ans p.p7{ max-width:620px; }
.int_ans p.p8{ max-width:970px; }
.int_ans p.p9{ max-width:970px; }
.int_ans p.p10{ max-width:640px; }
.int_ans p.p11{ max-width:690px; }
.int_ans p small{ font-size:0.7em; }
.int_ans img.int_ai{ max-width:720px; width:100%; margin:80px auto; display:block; }
.int_bg{ margin:-165px 0 120px; }
.int_bg img{ width:320px; }

.sb02_pm{ max-width:800px; width:100%; padding:170px 100px; margin:0 auto 80px; text-align:center; word-break:keep-all; background-image:url('./img/02-11.png'); background-position:center; background-size:contain; background-repeat:no-repeat; }
.sb02_pm p{ font-family:'ns',serif; font-size:19px; font-weight:100; color:#000; font-style:italic; }

.sb02_pw02{ display:flex; gap:16px; flex-flow:row wrap; margin:128px 0 0; }
.sb02_pt02.lf{ width:calc(48.75% - 8px); }
.sb02_pt02.rt{ width:calc(51.25% - 8px); }
.sb02_pt02 img{ width:100%; height:auto; }

@media(max-width:850px){
    .sb02_int{ margin-top:40px; }
}
@media(max-width:780px){
    .sb02_pw01{ padding:0; }
    .sb02_pd01{ font-size:14px; }
    .sb02_pt01.lf{ width:100%; }
    .sb02_pt01.rt{ width:100%; }
    .sb02_txt{ margin:0 0 150px; }
    .sb02_txt p{ font-size:14px; }
    .sb02_bn01{ margin:0 auto 150px; }
    .int_tt{ margin-bottom:80px; }
    .int_tt > em{ font-size:60px; }
    .int_tt > h4{ font-size:25px; margin:0 0 0 20px; }
    .int_tt > h4 br.mo_br{ display:none; }
    .int_tt > h4 br.pc{ display:none; }
    .int_ans p{ font-size:14px; }
    .int_ans img{ width:45px; }
    .int_bg{ opacity:0.2; }
    .sb02_pm{ padding:min(20vw, 150px) 30px; }
    .sb02_pm p{ font-size:14px; }
    .sb02_pt02.lf{ width:100%; }
    .sb02_pt02.rt{ width:100%; }
}
@media(max-width:500px){
    .int_tt > em{ font-size:50px; }
    .int_tt > h4{ font-size:20px; margin:0 0 0 10px; }
    .int_ans p br.pc{ display:none; }
}


/* sb03 */ 
#sb03{ margin-bottom:160px; }
.sb03_tt{ text-align:center; margin:0 0 80px; }
.sb03_tt h4{ font-family:'ns', serif; font-size:35px; font-weight:100; color:#000; line-height:1.2em; }
.sb03_pw01{ display:flex; gap:38px; margin:0 auto 200px; }
.sb03_pt01{ flex-basis:0; }
.sb03_pt01.lf{ flex-basis:40%; flex-grow:0; }
.sb03_pt01 > p{ font-family:'nt',sans-serif; font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; }
.sb03_pt01.rt{ flex-basis:60%; flex-grow:0; }
.sb03_pt01 > img{ display:block; width:100%; height:auto; margin-bottom:10px; }
.sb03_pt01 > h5{ font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; }
.sb03_pt01 > h5 > b{ font-weight:500; }

.sb03_sl{ position:relative; z-index:1; max-width:940px; width:100%; padding:130px 0; margin:80px auto 40px; }
.sb03_sl img{ position:absolute; z-index:1; width:min(240px, 70%); }
.sb03_sl img.si01{ top:0; left:0; }
.sb03_sl img.si02{ bottom:0; right:0; }
.sb03_sl > p{ font-family:'ns',serif; font-size:32px; font-weight:200; color:#000; line-height:1.2em; letter-spacing:-0.05em; text-align:center; }

.sb03_pw02{ display:flex; gap:16px; padding:0 32px; flex-flow:row wrap; margin:0 0 80px; }
.sb03_pt02.lf{ width:calc(32.83333333333333% - 8px); }
.sb03_pt02.rt{ width:calc(67.16666666666667% - 8px); }
.sb03_pt02 img{ display:block; width:100%; height:auto; }

.sb03_int.int02{ margin-bottom:200px; }
.sb03_int.int03{ margin-bottom:160px; }

.sb03_pm{ max-width:800px; width:100%; margin:0 auto 160px; text-align:center; word-break:keep-all; background-image:url('./img/03-06.svg'); background-position:center; background-size:contain; background-repeat:no-repeat; }
.sb03_pm img{ width:48px; margin:0 auto; }
.sb03_pm p{ padding:210px 100px; font-family:'ns',serif; font-size:17px; font-weight:200; color:#000; line-height:1.5em; }

.sb03_pw03{ display:flex; gap:16px; padding:0 32px; flex-flow:row wrap; margin:0 0 80px; }
.sb03_pt03.lf{ width:calc(34.50704225352113% - 8px); }
.sb03_pt03.rt{ width:calc(65.49295774647887% - 8px); display:flex; align-items:flex-end; }
.sb03_pt03 img{ display:block; max-width:100%; height:auto; }
.sb03_pt03 > p{ width:100%; padding-bottom:16px; font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; }


@media(max-width:780px){
    .sb03_tt h4{ font-size:25px; }
    .sb03_pw01{ flex-direction:column; }
    .sb03_pt01.lf, .sb03_pt01.rt{ flex-basis:100%; }
    .sb03_pt01 > p{ font-size:14px; }
    .sb03_pt01 > h5{ font-size:14px; }
    .sb03_sl > p{ font-size:24px; }
    .sb03_pw02{ padding:0; }
    .sb03_pt02.lf, .sb03_pt02.rt{ width:100%; }
    .sb03_int.int02{ margin-bottom:100px; }
    .sb03_int.int03{ margin-bottom:100px; }
    .sb03_pm img{ width:30px; }
    .sb03_pm p{ padding:min(25vw, 210px) 30px; font-size:14px; }

    .sb03_pw03{ padding:0; }
    .sb03_pt03.lf, .sb03_pt03.rt{ width:100%; }
    .sb03_pt03 > p{ font-size:14px; }
}
@media(max-width:500px){
    .sb03_pm p{ padding:18vw 15px; }
    .sb03_pm p br.pc{ display:none; }
}





/* sb04 */ 
#sb04{  }
.sb04_int:not(:last-child){ margin-bottom:160px; }
.sb04_pw01{ display:flex; flex-flow:row wrap; gap:16px; margin:80px 0; padding:0 32px; }
.sb04_pt01.lf{ width:calc(39.34% - 8px); }
.sb04_pt01.rt{ width:calc(60.66% - 8px); }
.sb04_pt01 img{ display:block; width:100%; height:auto; }

.sb04_pw02{ display:flex; flex-flow:row wrap; gap:16px; margin:80px 0; padding:0 32px; }
.sb04_pt02.lf{ width:calc(50% - 8px); }
.sb04_pt02.rt{ width:calc(50% - 8px); }
.sb04_pt01 img{ display:block; width:100%; height:auto; }

.sb04_cup{ max-width:240px; width:80%; margin:80px 0 0 auto; }

.sb04_pw03{ display:flex; flex-flow:row wrap; gap:16px; margin:0 0 80px; padding:0 32px; }
.sb04_pt03.lf{ width:calc(50% - 8px); border-radius:15px; overflow:hidden; }
.sb04_pt03.rt{ width:calc(50% - 8px); display:flex; flex-direction:column; justify-content:space-between; }
.sb04_pt03 img{ display:block; width:100%; height:100%; object-fit:cover; }
.sb04_pt03 h4{ font-family:'ns',serif; font-size:32px; font-weight:200; color:#000; line-height:1.2em; margin-bottom:20px; }
.sb04_pt03 p{ font-size:19px; font-weight:200; color:#000; line-height:1.5em; letter-spacing:-0.05em; }

@media(max-width:780px){
    .sb04_int:not(:last-child){ margin-bottom:80px; }
    .sb04_pw01{ padding:0; }
    .sb04_pt01.lf, .sb04_pt01.rt{ width:100%; }
    .sb04_pw02{ padding:0; }
    .sb04_pt02.lf, .sb04_pt02.rt{ width:100%; }
    .sb04_pw03{ padding:0; }
    .sb04_pt03.lf, .sb04_pt03.rt{ width:100%; }
    .sb04_pt03 h4{ font-size:28px; }
    .sb04_pt03 p{ font-size:14px; }
}