/* AIの豆知識。既存の色・書体・ヘッダーを引き継ぎ、会話と本文に幅を確保する。 */
.tips-page{background:var(--white)}
.tips-review-bar{padding:10px 24px;background:var(--pale-gold);border-bottom:1px solid #e4d4b4;text-align:center;font-size:13px;line-height:1.7;color:var(--gold-ink)}
.tips-review-bar span{margin-left:18px;color:var(--muted)}
.tips-breadcrumb{font-size:12px;line-height:1.8}
.tips-breadcrumb li:last-child{min-width:0;max-width:100%}
.tips-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:44px;align-items:center;padding-block:56px 52px}
.tips-opening h1{color:var(--navy);font-size:clamp(38px,4.4vw,62px);letter-spacing:-.04em;line-height:1.4}
.tips-opening-lead{margin-top:25px;font-size:clamp(23px,2.25vw,31px);font-weight:650;letter-spacing:-.03em;line-height:1.75}
.tips-phrase{display:inline-block}
.tips-opening-copy{margin-top:19px;color:var(--muted);font-size:17px;line-height:2}
.tips-opening-people{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr);gap:4px;align-items:center;max-width:460px;justify-self:end}
.tips-opening-people img{width:100%;height:auto;object-fit:contain;aspect-ratio:1}
.tips-opening-people img,.tips-question-person img,.tips-guide img{transform:scaleX(-1)}
.tips-opening-people>span{text-align:center;color:var(--gold-ink);font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.1}
.tips-opening-people>span>span{display:block;font-size:16px;line-height:1.8}
.tips-stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--rule)}
.tips-stage-nav a{display:flex;gap:14px;align-items:center;padding:19px 22px;font-size:17px;font-weight:650;transition:background .2s,color .2s}
.tips-stage-nav a+a{border-left:1px solid var(--rule)}
.tips-stage-nav a>span{font-family:Georgia,"Times New Roman",serif;color:var(--gold-ink);font-size:20px;font-weight:400}
.tips-stage-nav .arrow{margin-left:auto;width:18px;height:18px;transform:rotate(90deg)}
.tips-stage-nav a:hover{background:var(--pale-blue);color:var(--navy)}
.tips-stages{padding-block:24px 16px}
.tips-stage{padding-block:38px 18px;scroll-margin-top:110px}
.tips-stage-heading{display:flex;gap:22px;align-items:baseline;margin-bottom:26px}
.tips-stage-number{font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:400;line-height:1;color:var(--gold-ink)}
.tips-stage-heading h2{font-size:29px;color:var(--navy);letter-spacing:-.025em}
.tips-stage-heading p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.9}
.tips-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.tips-card{position:relative;min-width:0;border:1px solid var(--rule);border-top:3px solid var(--gold);background:var(--white);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}
.tips-card>a{display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:27px 29px 25px}
.tips-card-number{font-family:Georgia,"Times New Roman",serif;color:var(--gold-ink);font-size:18px;letter-spacing:.02em}
.tips-card h3{color:var(--navy);font-size:22px;line-height:1.75;font-weight:700;letter-spacing:-.025em;margin-top:8px}
.tips-card p{font-size:15px;line-height:1.95;margin-top:13px;margin-bottom:23px;color:var(--muted)}
.tips-card-read{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;color:var(--navy);margin-top:auto}
.tips-card-read .arrow{width:19px;height:19px;transition:transform .2s}
.tips-card:hover,.tips-card:focus-within{border-color:var(--gold-ink);box-shadow:0 5px 18px #182f460b}
.tips-card:hover .arrow{transform:translateX(4px)}
.tips-stage-coming{border-top:1px solid var(--rule);margin-top:28px;padding-block:30px 15px}
.tips-stage-coming .tips-stage-heading{margin-bottom:12px}
.tips-stage-note{font-size:14px;color:var(--muted);margin-left:61px;line-height:1.9}
.tips-index-bottom{padding-block:45px 76px;text-align:center;font-size:15px}
.tips-article-container{max-width:1120px}
.tips-article-heading{padding-top:37px}
.tips-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 25px;font-size:13px;line-height:1.8;margin-bottom:28px}
.tips-meta>a{color:var(--navy);border-bottom:1px solid var(--gold);font-weight:650;padding-bottom:2px}
.tips-meta>p{color:var(--muted)}
.tips-meta time{margin-left:9px;white-space:nowrap}
.tips-question{display:grid;grid-template-columns:140px minmax(0,1fr);gap:29px;align-items:center;margin-right:105px}
.tips-question-person img,.tips-guide img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.tips-question-person figcaption{font-size:12px;color:var(--muted);text-align:center;line-height:1.6;margin-top:3px}
.tips-question-bubble{position:relative;border:1px solid #cad7e3;border-radius:var(--radius);background:var(--pale-blue);padding:28px 32px 33px}
.tips-question-bubble::before{position:absolute;left:-8px;top:50%;width:14px;height:14px;content:"";border-left:1px solid #cad7e3;border-bottom:1px solid #cad7e3;background:var(--pale-blue);transform:translateY(-50%) rotate(45deg)}
.tips-question-label{display:block;color:var(--gold-ink);font-family:Georgia,"Times New Roman",serif;font-size:18px;margin-bottom:6px}
.tips-question h1{font-size:clamp(26px,2.55vw,35px);color:var(--navy);line-height:1.7;font-weight:750;letter-spacing:-.035em}
.tips-video{margin:36px 169px 0 58px;min-width:0}
.tips-video-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:13px}
.tips-video-heading h2{font-size:20px;line-height:1.7;color:var(--navy);letter-spacing:0}
.tips-video-heading p{font-size:12px;color:var(--muted);line-height:1.8}
.tips-video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--rule);border-radius:var(--radius);background:var(--ink)}
.tips-video-launch{display:block;position:relative;width:100%;height:100%;color:var(--white)}
.tips-video-launch img{width:100%;height:100%;object-fit:cover}
.tips-video-launch:focus-visible{outline:3px solid var(--gold);outline-offset:-5px;border-radius:var(--radius)}
.tips-video-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:76px;height:60px;border-radius:14px;background:var(--navy);box-shadow:0 2px 12px #0005;transform:translate(-50%,-50%);transition:background .2s}
.tips-video-play svg{width:29px;height:29px;fill:currentColor;margin-left:-2px}
.tips-video-launch:hover .tips-video-play,.tips-video-launch:focus-visible .tips-video-play{background:#163a5c}
.tips-video-play-label{position:absolute;bottom:0;left:0;right:0;padding:11px 16px;background:#182f46ed;color:var(--white);font-size:14px;font-weight:650;text-align:center;line-height:1.7}
.tips-video-player iframe{display:block;width:100%;height:100%;border:0;position:absolute;inset:0}
.tips-video-player iframe:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.tips-video-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:11px}
.tips-video-external{display:inline-flex;align-items:center;gap:7px;margin-top:5px;font-size:12px;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.tips-video-external .arrow{width:17px;height:17px}
@media(min-width:1400px){.tips-video{margin-left:70px}}
@media(max-width:1000px){.tips-video{margin-left:20px;margin-right:127px}}
@media(max-width:760px){.tips-video{margin:27px 0 0}.tips-video-heading{gap:4px;margin-bottom:11px}.tips-video-heading h2{font-size:19px}.tips-video-heading p{font-size:11px}.tips-video-play{width:64px;height:49px;border-radius:11px}.tips-video-play svg{width:25px;height:25px}.tips-video-play-label{font-size:12px;padding:8px 12px}.tips-video-note{font-size:10px;margin-top:9px}.tips-video-external{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tips-video-play{transition:none}}
@media print{.tips-video-player{display:none}.tips-video{margin:25px 0}.tips-video-note{display:none}}
.tips-answer{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:29px;align-items:start;margin-top:42px;margin-left:58px}
.tips-guide{grid-column:2;grid-row:1;position:sticky;top:117px}
.tips-guide figcaption{text-align:center;color:var(--navy);font-size:15px;font-weight:650;line-height:1.7;margin-top:5px}
.tips-guide figcaption span{display:block;color:var(--muted);font-size:10px;font-weight:400;white-space:nowrap;margin-top:2px}
.tips-answer-copy{grid-column:1;grid-row:1;position:relative;border:1px solid #e1d5bb;border-radius:var(--radius);padding:36px 39px 40px;min-width:0}
.tips-answer-copy::before{content:"";position:absolute;right:-8px;top:55px;width:14px;height:14px;border-right:1px solid #e1d5bb;border-top:1px solid #e1d5bb;background:var(--white);transform:rotate(45deg)}
.tips-answer-from{font-size:13px;font-weight:650;color:var(--gold-ink);padding-bottom:20px;border-bottom:1px solid var(--rule);margin-bottom:26px}
.tips-body-block{max-width:40em;margin-inline:auto}
.tips-body-block+.tips-body-block{margin-top:31px}
.tips-body-block h2{font-size:19px;line-height:1.8;letter-spacing:0;color:var(--navy);margin-bottom:12px}
.tips-body-block p{font-size:18px;line-height:2.15;letter-spacing:.015em;line-break:strict;overflow-wrap:anywhere}
.tips-body-block p+p{margin-top:21px}
.tips-prose-list{margin:21px 0;padding-left:1.4em;font-size:18px;line-height:2.15;letter-spacing:.015em}
.tips-prose-list li+li{margin-top:7px}
@media(max-width:1000px){.tips-prose-list{font-size:17px}}
@media(max-width:760px){.tips-prose-list{font-size:16px;line-height:2.1;letter-spacing:.01em;margin-block:18px}}
.tips-one-step{padding:24px 25px 25px;background:var(--pale-gold);border-left:3px solid var(--gold)}
.tips-one-step p{font-size:17px;line-height:2.05}
.tips-related{padding-block:65px 52px;margin-top:40px;border-top:1px solid var(--rule)}
.tips-related h2{font-size:25px;color:var(--navy);letter-spacing:-.025em;margin-bottom:25px}
.tips-related .tips-card-grid{grid-template-columns:1fr;max-width:780px}
.tips-related .tips-card>a{padding-block:21px}
.tips-related .tips-card h3{font-size:21px}
.tips-all-link{font-size:15px;margin-top:25px}
.tips-consult{padding:42px 38px;margin-bottom:75px;background:var(--pale-blue);border-radius:var(--radius)}
.tips-consult h2{font-size:clamp(25px,2.7vw,34px);color:var(--navy);letter-spacing:-.035em}
.tips-consult>p:not(.eyebrow){font-size:16px;line-height:2;margin-top:18px}
.tips-consult .button{margin-top:25px;font-size:17px;gap:20px}
.tips-consult small{display:block;font-size:12px;color:var(--muted);margin-top:9px}
@media(min-width:1400px){.tips-article-container{max-width:1200px}.tips-answer{margin-left:70px}.tips-answer-copy{padding-inline:44px}.tips-body-block{max-width:40em}}
@media(max-width:1000px){.tips-opening{gap:25px;grid-template-columns:minmax(0,1fr) minmax(0,.65fr)}.tips-opening-copy{font-size:16px}.tips-stage-nav a{padding-inline:15px;gap:10px;font-size:15px}.tips-card>a{padding:23px}.tips-card h3{font-size:20px}.tips-question{grid-template-columns:105px minmax(0,1fr);margin-right:30px;gap:22px}.tips-question-bubble{padding:24px 26px}.tips-answer{grid-template-columns:minmax(0,1fr) 105px;margin-left:20px;gap:22px}.tips-answer-copy{padding:29px}.tips-guide figcaption{font-size:14px}.tips-guide figcaption span{font-size:9px}.tips-body-block p{font-size:17px}}
@media(max-width:760px){.tips-review-bar{padding:9px 18px;font-size:11px}.tips-review-bar span{display:block;margin-left:0}.tips-opening{grid-template-columns:1fr;gap:20px;padding-block:34px}.tips-opening h1{font-size:39px}.tips-opening-lead{font-size:24px;margin-top:20px}.tips-opening-copy{font-size:15px;margin-top:13px}.tips-opening-people{max-width:275px;justify-self:center;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.tips-opening-people>span{font-size:24px}.tips-stage-nav{grid-template-columns:1fr}.tips-stage-nav a{padding:14px 17px;font-size:15px}.tips-stage-nav a+a{border-left:0;border-top:1px solid var(--rule)}.tips-stages{padding-top:6px}.tips-stage{padding-top:30px}.tips-stage-heading{gap:15px;margin-bottom:20px}.tips-stage-number{font-size:29px}.tips-stage-heading h2{font-size:25px}.tips-stage-heading p{font-size:13px;line-height:1.9}.tips-card-grid{grid-template-columns:1fr;gap:17px}.tips-card>a{padding:21px 23px}.tips-card h3{font-size:20px}.tips-card p{font-size:14px;margin-top:11px;margin-bottom:20px}.tips-stage-coming{margin-top:22px}.tips-stage-note{margin-left:0;font-size:13px}.tips-index-bottom{padding-block:30px 50px}.tips-article-heading{padding-top:25px}.tips-meta{font-size:11px;gap:7px 16px;margin-bottom:23px}.tips-question{grid-template-columns:63px minmax(0,1fr);gap:14px;align-items:start;margin-right:0}.tips-question-person{margin-top:20px}.tips-question-person figcaption{font-size:10px}.tips-question-bubble{padding:17px 18px 20px}.tips-question-bubble::before{top:54px}.tips-question h1{font-size:25px;line-height:1.65;letter-spacing:-.035em}.tips-question-label{font-size:16px}.tips-answer{grid-template-columns:minmax(0,1fr) 63px;gap:15px;margin:25px 0 0}.tips-guide{position:static;grid-column:1/-1;grid-row:1;justify-self:end;display:flex;flex-direction:row-reverse;align-items:center;gap:9px}.tips-guide img{width:63px}.tips-guide figcaption{text-align:right;font-size:13px;margin:0}.tips-guide figcaption span{font-size:9px}.tips-answer-copy{grid-column:1/-1;grid-row:2;padding:23px 22px 27px}.tips-answer-copy::before{top:-8px;right:26px;transform:rotate(-45deg)}.tips-answer-from{font-size:11px;padding-bottom:16px;margin-bottom:22px}.tips-body-block h2{font-size:18px;margin-bottom:10px}.tips-body-block p{font-size:16px;line-height:2.1;letter-spacing:.01em}.tips-body-block p+p{margin-top:18px}.tips-body-block+.tips-body-block{margin-top:27px}.tips-one-step{padding:19px 17px}.tips-one-step p{font-size:15px;line-height:2.05}.tips-related{padding-block:38px;margin-top:34px}.tips-related h2{font-size:22px;line-height:1.65;margin-bottom:20px}.tips-related .tips-card h3{font-size:19px}.tips-consult{padding:28px 23px;margin-bottom:45px}.tips-consult h2{font-size:26px;line-height:1.65}.tips-consult>p:not(.eyebrow){font-size:14px;margin-top:15px}.tips-consult .button{font-size:15px;padding-inline:20px;gap:14px;width:100%}.tips-consult small{font-size:10px}}
@media(max-width:370px){.tips-opening h1{font-size:35px}.tips-opening-lead{font-size:22px}.tips-question{grid-template-columns:48px minmax(0,1fr);gap:11px}.tips-question h1{font-size:23px}.tips-question-bubble{padding-inline:16px}.tips-answer-copy{padding-inline:18px}.tips-body-block p{font-size:16px}.tips-consult{padding-inline:19px}.tips-consult h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.tips-page a,.tips-card,.tips-card-read .arrow{transition:none}.tips-card:hover .arrow{transform:none}}
@media print{.tips-review-bar,.tips-stage-nav,.tips-related,.tips-consult{display:none}.tips-question,.tips-answer{display:block;margin:20px 0}.tips-question-person,.tips-guide{display:none}.tips-answer-copy{border:0;padding:0}.tips-question-bubble::before,.tips-answer-copy::before{display:none}.tips-card{break-inside:avoid}.tips-body-block{max-width:none}}