/* The context before the five reasons. All styles are scoped to this section. */
.w5-era{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 65px;background:radial-gradient(ellipse at 86% 16%,#284a7540,transparent 56%),#0d1521;color:#edf2fa;scroll-margin-top:74px}
.w5-era:before{content:'';position:absolute;width:700px;height:700px;right:-340px;top:-350px;border:1px solid #92b4df13;border-radius:50%;box-shadow:0 0 0 90px #92b4df05,0 0 0 180px #92b4df04;z-index:-1;pointer-events:none}
.w5-era-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:50px}
.w5-era-label{display:flex;align-items:center;gap:9px;color:#92a8c5;font-size:10px;letter-spacing:.12em;margin-bottom:22px;line-height:1.7}
.w5-era-label>span{width:5px;height:5px;border-radius:50%;background:#9ec5fb;box-shadow:0 0 14px #8db5f6}
.w5-era h2{font-size:clamp(30px,3.35vw,48px);line-height:1.48;font-weight:550;letter-spacing:-.04em}
.w5-era h2>span{color:#a3bee3}.w5-era h2>span>span{display:inline-block}
.w5-era-lead{font-size:14px;line-height:2;color:#aab7ca;padding-bottom:5px;max-width:385px}
.w5-era-lead strong{font-weight:500;color:#e1eaf6}
.w5-era-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:38px 0 0;padding:0;list-style:none}
.w5-era-step{position:relative;min-width:0}
.w5-era-step:not(:last-child):after{content:'→';position:absolute;right:-32px;top:78px;color:#7d98bb;font-size:22px;font-weight:300}
.w5-era-scene{height:174px;border:1px solid #8cadd72b;border-radius:17px;background:linear-gradient(145deg,#1e2c406b,#1420318c);padding:18px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.w5-era-stage{display:flex;align-items:center;gap:10px;color:#869cb9;font-size:9px;letter-spacing:.13em;margin:21px 0 9px}
.w5-era-stage:before{content:'';width:18px;height:1px;background:currentColor}
.w5-era h3{font-size:21px;font-weight:500;line-height:1.6;letter-spacing:-.035em;color:#e7edf7;margin:0}
.w5-era-description{margin-top:9px;color:#9caec5;font-size:12px;line-height:1.9}
.w5-era-search{width:100%;max-width:270px;transform:rotate(-3deg)}
.w5-era-query{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #93adce38;border-radius:22px;background:#202e44;color:#c3d3e7;font-size:10px;line-height:1.6}
.w5-era-query svg{width:13px;height:13px;flex-shrink:0}
.w5-era-answer{margin:10px 4px 0;padding:11px 13px;background:linear-gradient(135deg,#45629342,#76658e2a);border:1px solid #9cb3db32;border-radius:11px}
.w5-era-answer>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#b3c7e7;letter-spacing:.04em}.w5-era-answer b{font-size:17px;font-weight:400;color:#b9abeb}
.w5-era-lines{display:grid;gap:6px;margin-top:8px}.w5-era-lines i{display:block;border-radius:5px;height:3px;background:#a5bad340;width:95%}.w5-era-lines i:nth-child(2){width:77%}.w5-era-lines i:nth-child(3){width:87%}
.w5-era-window{position:relative;width:83%;max-width:248px;border:1px solid #a4bbd44a;background:#e9edf4;border-radius:10px;box-shadow:9px 9px 0 #6b86ad14;transform:rotate(2deg);color:#4d6686}
.w5-era-window-bar{display:flex;align-items:center;gap:4px;height:20px;padding:0 10px;background:#d6dfeb;border-radius:9px 9px 0 0}.w5-era-window-bar i{width:3px;height:3px;border-radius:50%;background:#849bb7}.w5-era-window-bar span{margin-left:5px;font-size:7px;letter-spacing:.06em;color:#6f86a1}
.w5-era-window-body{padding:13px 12px 17px}.w5-era-window-body>strong{font-size:12px;font-weight:550}.w5-era-window-body>div{display:flex;gap:6px;margin-top:10px}.w5-era-window-body>div span{flex:1;height:32px;border-radius:5px;background:linear-gradient(135deg,#c5d4e8,#dce5f1);font-size:8px;text-align:center;line-height:32px}
.w5-era-doubt{position:absolute;right:12px;bottom:12px;border:1px solid #89afd476;border-radius:11px 11px 3px 11px;padding:8px 11px;background:#223851;box-shadow:0 6px 20px #0003;color:#dce9fa;font-size:10px;line-height:1.6;transform:rotate(-2deg)}
.w5-era-conversation{border-color:#8dbfaf3d;background:radial-gradient(ellipse at 40% 100%,#528b7340,transparent 75%),#172a2b80}
.w5-era-chat{width:100%;max-width:275px;display:grid;gap:9px}
.w5-era-chat>p{justify-self:end;margin:0;padding:7px 11px;background:#37505b;border:1px solid #8aa9ac40;border-radius:12px 12px 3px 12px;font-size:10px;color:#e1efee;line-height:1.7}
.w5-era-chat>div{display:flex;align-items:flex-start;gap:9px}.w5-era-chat>div>b{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;font-size:21px;font-weight:400;color:#a6d7c3;background:#abcfc213;border:1px solid #abcfc22b;border-radius:8px}
.w5-era-chat>div>span{font-size:10px;line-height:1.9;color:#d3e5df}.w5-era-chat small{display:block;color:#8db5a5;font-size:8px;letter-spacing:.04em}
.w5-era-chat>span{justify-self:start;margin-left:34px;border:1px solid #94c5b255;background:#badfce;color:#264e41;border-radius:20px;padding:6px 11px;font-size:9px;line-height:1.6}
.w5-era-step:last-child .w5-era-stage{color:#99bdae}
.w5-era-proof{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px;margin-top:34px;padding-top:27px;border-top:1px solid #809eb929;align-items:center}
.w5-era-takeaway>span{font-size:10px;letter-spacing:.04em;color:#8da8ca}.w5-era-takeaway>p{margin-top:7px;font-size:22px;font-weight:500;letter-spacing:-.035em;color:#e8f0fb;line-height:1.6}.w5-era-takeaway strong{color:#a6c7ee;font-weight:500}
.w5-era-data{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 22px;padding:18px 22px;border:1px solid #8aa8cf29;border-radius:14px;background:#809ac009}
.w5-era-data-title{font-size:11px;line-height:1.8;color:#bbc9dc;align-self:center}.w5-era-data-title>span{display:block;color:#8da0b8;font-size:10px}
.w5-era-comparison{display:flex;align-items:center;gap:18px}.w5-era-comparison>div{display:flex;flex-direction:column;gap:4px}.w5-era-comparison>i{height:27px;width:1px;background:#839cba3b}
.w5-era-comparison small{font-size:9px;white-space:nowrap;color:#91a4bd}.w5-era-comparison strong{color:#b8c8dc;font-size:32px;line-height:1.1;font-weight:500;letter-spacing:-.045em}.w5-era-comparison strong>span{font-size:14px;margin-left:2px}.w5-era-comparison>div:last-child strong{color:#b5a6e5}
.w5-era-source{grid-column:1/-1;font-size:9px;line-height:1.8;color:#8095ae}.w5-era-source cite{font-style:normal;color:#9aacbf}
@media(max-width:1100px){.w5-era-heading{grid-template-columns:1.2fr .8fr;gap:30px}.w5-era-path{gap:30px}.w5-era-step:not(:last-child):after{right:-23px;font-size:18px}.w5-era h3{font-size:19px}.w5-era-proof{grid-template-columns:.8fr 1.2fr;gap:24px}.w5-era-data{padding:16px;gap:10px 14px}.w5-era-comparison{gap:12px}.w5-era-takeaway>p{font-size:21px}}
@media(max-width:760px){
 .w5-era{padding:48px 0 42px;scroll-margin-top:64px}.w5-era .wrap{width:88%}.w5-era-heading{display:block}.w5-era-label{font-size:9px;margin-bottom:18px}.w5-era h2{font-size:clamp(27px,7.1vw,38px);line-height:1.55}.w5-era-lead{font-size:13px;line-height:1.95;margin-top:19px;padding:0;max-width:none}
 .w5-era-path{display:block;margin-top:30px}.w5-era-step{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:17px;padding-bottom:21px;margin-bottom:21px;border-bottom:1px solid #8aa8cf21}.w5-era-step:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
 .w5-era-step:not(:last-child):after{content:'↓';top:auto;bottom:-12px;right:auto;left:51px;font-size:15px;line-height:20px;padding:0 4px;background:#0e1826}
 .w5-era-scene{height:121px;padding:11px 8px;border-radius:13px}.w5-era-stage{margin:0 0 7px;gap:6px;font-size:8px;letter-spacing:.06em}.w5-era-stage:before{width:10px}.w5-era h3{font-size:16px;line-height:1.55}.w5-era-description{font-size:11px;line-height:1.85;margin-top:7px}
 .w5-era-query{padding:6px;gap:5px;font-size:8px}.w5-era-query svg{width:11px;height:11px}.w5-era-query>span{font-size:0}.w5-era-query>span:after{content:'知りたいこと';font-size:8px}.w5-era-answer{padding:8px;margin:7px 0 0}.w5-era-answer>span{font-size:7px;gap:4px}.w5-era-answer b{font-size:13px}.w5-era-lines{gap:5px;margin-top:5px}.w5-era-lines i{height:2px}
 .w5-era-window{width:94%;box-shadow:4px 4px 0 #6b86ad14;border-radius:7px}.w5-era-window-bar{height:14px;padding:0 6px;gap:3px;border-radius:6px 6px 0 0}.w5-era-window-bar i{width:2px;height:2px}.w5-era-window-bar span{display:none}.w5-era-window-body{padding:9px 6px 15px}.w5-era-window-body>strong{font-size:9px;white-space:nowrap}.w5-era-window-body>div{gap:3px;margin-top:8px}.w5-era-window-body>div span{height:21px;line-height:21px;font-size:0}.w5-era-doubt{right:5px;bottom:10px;padding:5px 6px;font-size:0;border-radius:8px 8px 2px 8px}.w5-era-doubt:after{content:'自分に合う？';font-size:8px}
 .w5-era-chat{gap:8px}.w5-era-chat>p{font-size:0;padding:4px 6px}.w5-era-chat>p:after{content:'この条件でも？';font-size:8px}.w5-era-chat>div{gap:5px}.w5-era-chat>div>b{width:20px;height:20px;font-size:17px;border-radius:6px}.w5-era-chat small{font-size:7px}.w5-era-chat>div>span{font-size:0;line-height:1.4}.w5-era-chat>div>span:after{content:'合う選択肢を\Aご案内します。';white-space:pre;display:block;font-size:8px;line-height:1.5}.w5-era-chat>span{font-size:0;margin-left:25px;padding:3px 8px}.w5-era-chat>span:after{content:'選ぶ ↗';font-size:8px}
 .w5-era-proof{grid-template-columns:1fr;gap:22px;margin-top:28px;padding-top:24px}.w5-era-takeaway>span{font-size:9px}.w5-era-takeaway>p{font-size:23px;margin-top:7px}.w5-era-data{grid-template-columns:1fr auto;padding:17px 16px;gap:14px 13px}.w5-era-data-title{font-size:10px}.w5-era-data-title>span{font-size:9px}.w5-era-comparison{gap:12px}.w5-era-comparison small{font-size:8px}.w5-era-comparison strong{font-size:29px}.w5-era-comparison strong>span{font-size:12px}.w5-era-source{font-size:9px;line-height:1.8}
}
@media(max-width:360px){.w5-era-step{grid-template-columns:100px minmax(0,1fr);gap:13px}.w5-era-step:not(:last-child):after{left:43px}.w5-era h3{font-size:15px}.w5-era-description{font-size:10px}.w5-era-data{padding:14px 12px;column-gap:8px}.w5-era-comparison{gap:10px}.w5-era-data-title{font-size:9px}.w5-era-comparison small{font-size:7px}}

/* 11/8 ご本人「右のチャットの部分の背景が、左のようにチャットになっていない」：
   左の「YOUR WEBSITE」の窓に合わせて、右もチャットの窓（明るい窓・上の帯に W と WELCONVO CHAT）にした */
.w5-era-chat{position:relative;padding:34px 14px 15px;background:#eef4f1;border:1px solid #a8c8ba66;border-radius:10px;box-shadow:-9px 9px 0 #5d8f7a17;transform:rotate(-1.5deg);color:#36584c}
.w5-era-chat::before{content:"WELCONVO CHAT";position:absolute;left:0;right:0;top:0;height:22px;padding-left:30px;background:#d4e4dc;border-radius:9px 9px 0 0;font-size:7px;letter-spacing:.08em;line-height:22px;color:#5d8476}
.w5-era-chat::after{content:"";position:absolute;left:11px;top:7px;width:9px;height:9px;background:#5d8476;-webkit-mask:url(/assets/brand/welconvo-mark.png?v=1) center/contain no-repeat;mask:url(/assets/brand/welconvo-mark.png?v=1) center/contain no-repeat}
.w5-era-chat>p{background:#36505b;color:#eef6f4}
.w5-era-chat>div>b{color:#5d8f7d;background:#fff;border-color:#a8c8ba88}
.w5-era-chat>div>span{color:#36584c}
.w5-era-chat small{color:#6f9585}
.w5-era-chat>span{background:#cfe7dc;border-color:#94c5b277}