.bg,.bg *{box-sizing:border-box}.bg{padding:76px 0;background:#fff;color:#282828;border-top:1px solid #ccc;scroll-margin-top:105px;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.9}.bg-inner{width:min(1080px,calc(100% - 96px));margin:auto}.bg h2,.bg h3,.bg p{margin:0}.bg-label{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:18px}.bg h2{font-size:35px;line-height:1.6;letter-spacing:.035em}.bg-head{margin-bottom:40px}.bg-head>p{font-size:14px;line-height:2.1;max-width:760px;margin-top:20px}.bg-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.bg-point{min-width:0}.bg-icon{position:relative}.bg-icon img{display:block;width:90px;height:90px;object-fit:contain}.bg-no{font:italic 14px/1 Georgia,serif}.bg-point h3{font-size:20px;line-height:1.7;letter-spacing:.015em}.bg-point p{font-size:14px;line-height:2;margin-top:12px}.bg-conversation h3{font-size:24px;line-height:1.6;letter-spacing:.02em}.bg-conversation ul{list-style:none;padding:0;margin:0}.bg-conversation li{font-size:14px;line-height:1.85}.bg-question-no{font:italic 12px/1.5 Georgia,serif;color:#777;flex-shrink:0}.bg-note{font-size:10px;color:#777;line-height:1.85;border-top:1px solid #ddd;margin-top:32px;padding-top:16px}.no-notes .bg-note{display:none}.beginners-only{margin:0}.beginners-only .bg{min-height:1180px;display:flex;align-items:center;border:0}
/* 01：3つの安心カード */
.bg-a .bg-head{text-align:center;margin-bottom:42px}.bg-a .bg-head>p{margin:18px auto 0}.bg-a .bg-point{border:1px solid #d4d4d0;border-radius:10px;background:#f5f5f2;padding:26px 26px 28px}.bg-a .bg-icon{height:102px;margin-bottom:21px;display:flex;justify-content:center;align-items:center}.bg-a .bg-no{position:absolute;top:0;left:0}.bg-a .bg-icon img{width:90px;height:90px}.bg-a .bg-point h3{font-size:19px;text-align:center;letter-spacing:0}.bg-a .bg-point p{font-size:13px;line-height:2.05;margin-top:13px}.bg-a .bg-conversation{display:grid;grid-template-columns:245px minmax(0,1fr);gap:35px;align-items:start;margin-top:36px;padding-top:32px;border-top:1px solid #bbb}.bg-a .bg-conversation h3{font-size:22px;padding-top:8px}.bg-a .bg-conversation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bg-a .bg-conversation li{display:flex;align-items:start;gap:12px;padding:15px 18px;background:#fff;border:1px solid #d4d4d0;border-radius:7px;font-size:13px;line-height:1.8;min-height:79px}
/* 02：案内帖と黒い会話の帯 */
.bg-b .bg-inner{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0 58px}.bg-b .bg-head{margin:0;padding-top:22px}.bg-b h2{font-size:35px}.bg-b h2 span{display:block}.bg-b .bg-head>p{margin-top:25px;font-size:14px}.bg-b .bg-head:after{content:"";display:block;width:140px;height:140px;margin:44px 0 0 16px;border:1px solid #bbb;border-right-color:transparent;border-radius:50%;transform:rotate(-30deg)}.bg-b .bg-points{display:block;border-top:1px solid #999}.bg-b .bg-point{display:grid;grid-template-columns:74px minmax(0,1fr);gap:26px;padding:24px 0;border-bottom:1px solid #ccc;align-items:center}.bg-b .bg-icon{height:88px;display:flex;align-items:center;justify-content:center}.bg-b .bg-icon img{width:72px;height:72px}.bg-b .bg-no{position:absolute;top:-5px;left:0;font-size:12px}.bg-b .bg-point h3{font-size:21px}.bg-b .bg-point p{font-size:13px;line-height:2;margin-top:9px}.bg-b .bg-conversation{grid-column:1/-1;display:grid;grid-template-columns:245px minmax(0,1fr);gap:33px;margin-top:39px;padding:31px 32px;background:#292929;color:#fff}.bg-b .bg-conversation h3{font-size:23px;max-width:8em;padding-top:6px}.bg-b .bg-conversation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px}.bg-b .bg-conversation li{display:flex;gap:12px;align-items:start;font-size:13px;line-height:1.9;padding:9px 0 16px;border-bottom:1px solid #666}.bg-b .bg-question-no{color:#bbb}.bg-b .bg-note{grid-column:1/-1}
/* 03：線画と吹き出し */
.bg-c{background:#f7f7f4}.bg-c .bg-head{text-align:center;margin-bottom:39px}.bg-c .bg-head>p{margin:18px auto 0}.bg-scene{display:grid;grid-template-columns:44% minmax(0,1fr);gap:42px;align-items:center}.bg-people{margin:0;min-width:0}.bg-people img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.bg-people figcaption{font-size:9px;color:#777;margin-top:6px;text-align:center}.bg-c .bg-conversation h3{font-size:24px;margin-bottom:19px}.bg-c .bg-conversation li{display:flex;gap:12px;align-items:start;position:relative;background:#fff;border:1px solid #ccc;border-radius:12px;padding:14px 18px;margin:0 0 12px;font-size:14px;line-height:1.9;max-width:96%}.bg-c .bg-conversation li:nth-child(even){margin-left:28px;margin-right:0;max-width:none}.bg-c .bg-conversation li:before{content:"";position:absolute;left:-5px;top:22px;width:8px;height:8px;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;transform:rotate(45deg)}.bg-c .bg-conversation li:last-child{margin-bottom:0}.bg-c .bg-points{margin-top:38px;padding:30px 0 0;border-top:1px solid #bbb;gap:26px}.bg-c .bg-point{display:grid;grid-template-columns:44px minmax(0,1fr);gap:17px;align-items:start}.bg-c .bg-icon{padding-top:23px}.bg-c .bg-icon img{width:43px;height:52px}.bg-c .bg-no{position:absolute;top:3px;left:3px;font-size:12px}.bg-c .bg-point h3{font-size:16px;line-height:1.65;letter-spacing:0}.bg-c .bg-point p{font-size:12px;line-height:1.95;margin-top:10px}
@media(max-width:1000px){.bg-inner{width:calc(100% - 64px)}.bg h2{font-size:31px}.bg-points{gap:18px}.bg-a .bg-point{padding:23px 20px}.bg-a .bg-point h3{font-size:17px}.bg-a .bg-conversation{grid-template-columns:210px minmax(0,1fr);gap:24px}.bg-a .bg-conversation li{padding:14px}.bg-b .bg-inner{grid-template-columns:280px minmax(0,1fr);gap:0 36px}.bg-b .bg-point{gap:20px;grid-template-columns:64px minmax(0,1fr)}.bg-b .bg-point h3{font-size:19px}.bg-b .bg-icon img{width:64px;height:64px}.bg-b .bg-conversation{grid-template-columns:210px minmax(0,1fr);gap:24px;padding:26px}.bg-scene{gap:26px;grid-template-columns:42% minmax(0,1fr)}.bg-c .bg-conversation li{font-size:13px}.bg-c .bg-point{grid-template-columns:35px minmax(0,1fr);gap:12px}.bg-c .bg-icon img{width:35px}.bg-c .bg-points{gap:20px}}
@media(max-width:700px){.bg,.beginners-only .bg{padding:46px 0;min-height:0;display:block}.bg-inner{width:calc(100% - 40px)}.bg .bg-head{text-align:left;margin-bottom:28px;padding:0}.bg-label{font-size:10px;margin-bottom:16px}.bg h2{font-size:29px;line-height:1.7;letter-spacing:.01em}.bg h2 span{display:block}.bg .bg-head>p{font-size:14px;line-height:2.05;margin:18px 0 0}.bg .bg-note{margin-top:25px;padding-top:14px;font-size:10px}.bg-a .bg-points{display:block}.bg-a .bg-point{display:grid;grid-template-columns:68px minmax(0,1fr);gap:19px;padding:21px 19px;margin-bottom:13px;align-items:start}.bg-a .bg-point:last-child{margin-bottom:0}.bg-a .bg-icon{height:88px;margin:0;padding-top:10px}.bg-a .bg-icon img{width:68px;height:68px}.bg-a .bg-no{top:0;font-size:11px}.bg-a .bg-point h3{text-align:left;font-size:18px;line-height:1.65}.bg-a .bg-point p{font-size:13px;line-height:1.95;margin-top:8px}.bg-a .bg-conversation{display:block;margin-top:27px;padding-top:25px}.bg-a .bg-conversation h3{font-size:22px;padding:0;margin-bottom:18px}.bg-a .bg-conversation ul{display:block}.bg-a .bg-conversation li{min-height:0;padding:14px 17px;margin-bottom:11px;font-size:13px}.bg-a .bg-conversation li:last-child{margin-bottom:0}.bg-b .bg-inner{display:block}.bg-b .bg-head:after{display:none}.bg-b .bg-point{grid-template-columns:58px minmax(0,1fr);gap:22px;padding:25px 0}.bg-b .bg-point h3{font-size:20px}.bg-b .bg-point p{font-size:13px}.bg-b .bg-icon img{width:58px;height:58px}.bg-b .bg-conversation{display:block;margin-top:28px;padding:24px}.bg-b .bg-conversation h3{max-width:none;padding:0;font-size:21px;margin-bottom:14px}.bg-b .bg-conversation ul{display:block}.bg-b .bg-conversation li{padding:13px 0;font-size:13px}.bg-b .bg-conversation li:last-child{border-bottom:0;padding-bottom:0}.bg-scene{display:block}.bg-people{max-width:360px;margin:0 auto 28px}.bg-people img{max-height:225px;object-fit:contain}.bg-people figcaption{font-size:8px}.bg-c .bg-conversation h3{font-size:22px;margin-bottom:18px}.bg-c .bg-conversation li{font-size:13px;line-height:1.9;padding:14px 17px;margin-bottom:12px;max-width:94%}.bg-c .bg-conversation li:nth-child(even){margin-left:20px;max-width:none}.bg-c .bg-points{display:block;margin-top:30px;padding-top:5px}.bg-c .bg-point{grid-template-columns:45px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid #d2d2d2}.bg-c .bg-point:last-child{border-bottom:0;padding-bottom:0}.bg-c .bg-point h3{font-size:18px}.bg-c .bg-point p{font-size:13px;line-height:1.95;margin-top:8px}.bg-c .bg-icon img{width:44px;height:54px}.bg-c .bg-no{top:2px}}
@media(max-width:360px){.bg-inner{width:calc(100% - 32px)}.bg h2{font-size:27px}.bg-a .bg-point{grid-template-columns:54px minmax(0,1fr);gap:15px;padding:18px 15px}.bg-a .bg-icon img{width:56px;height:64px}.bg-a .bg-point h3{font-size:17px}.bg-b .bg-point{grid-template-columns:50px minmax(0,1fr);gap:18px}.bg-b .bg-point h3{font-size:18px}.bg-b .bg-conversation{padding:21px}.bg-c .bg-conversation li{padding:13px 14px}.bg-c .bg-point{gap:16px}}

/* v9：01案の大きなアイコンを上、見出しと説明を下に。各項目の囲みなし */
.bg-c .bg-points{gap:28px;padding-top:34px}
.bg-c .bg-point{display:block;padding:15px 22px 0;border:0;border-radius:0;background:transparent}
.bg-c .bg-icon{display:flex;justify-content:center;align-items:center;height:102px;padding:0;margin:0 0 21px}
.bg-c .bg-icon img{width:90px;height:90px}
.bg-c .bg-no{top:0;left:0;font-size:14px}
.bg-c .bg-point h3{font-size:19px;line-height:1.7;letter-spacing:0;text-align:center}
.bg-c .bg-point p{font-size:13px;line-height:2.05;margin:13px auto 0;max-width:23em}
@media(max-width:1000px) and (min-width:701px){.bg-c .bg-points{gap:20px}.bg-c .bg-point{padding:15px 8px 0}.bg-c .bg-point h3{font-size:17px}}
@media(max-width:700px){.bg-c .bg-points{display:grid;grid-template-columns:minmax(0,1fr);gap:42px;margin-top:32px;padding-top:32px}.bg-c .bg-point,.bg-c .bg-point:last-child{padding:0 18px;border:0}.bg-c .bg-icon{height:102px;margin-bottom:18px}.bg-c .bg-icon img{width:90px;height:90px}.bg-c .bg-no{top:0;left:0;font-size:14px}.bg-c .bg-point h3{font-size:19px}.bg-c .bg-point p{font-size:13px;line-height:2.05;margin-top:11px}}