#cc-observatory .ix-core{ padding-top:0; }
#cc-observatory .ix-core-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:48px 0 0}
#cc-observatory .ix-core-heading>p{font-size:15px;line-height:2;color:#626c67;margin-bottom:8px}
#cc-observatory .ix-core-art{position:relative;margin:28px 0 0;isolation:isolate;border:1px solid #e0e9e5;overflow:hidden;background:#fff}
#cc-observatory .ix-core-art>img{display:block;width:100%;height:620px;object-fit:cover}
#cc-observatory .ix-art-label{position:absolute;display:grid;gap:10px;max-width:230px;font-size:12px;line-height:1.8;padding:18px 20px;background:#ffffffed;border-left:2px solid #0f766e}
#cc-observatory .ix-art-label>span{font-size:9px;letter-spacing:.14em;color:#0f766e}
#cc-observatory .ix-art-input{left:36px;top:42px}
#cc-observatory .ix-art-output{right:36px;bottom:100px}
#cc-observatory .ix-core-art figcaption{display:flex;justify-content:space-between;gap:20px;padding:22px 28px;border-top:1px solid #e0e9e5;font-size:12px;color:#626c67}
#cc-observatory .ix-core-art figcaption span{font-size:9px;letter-spacing:.12em}
#cc-observatory .ix-map{margin-top:72px}
#cc-observatory .ix-map-head h3{font-size:clamp(22px,2.8vw,34px);font-weight:700;letter-spacing:-.03em;margin:16px 0}
#cc-observatory .ix-map-head>p{font-size:14px;color:#626c67}
#cc-observatory .ix-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;border:1px solid #dce5e0}
#cc-observatory .ix-map-card{display:flex;flex-direction:column;padding:30px;min-width:0;transition:background .2s}
#cc-observatory .ix-map-card+.ix-map-card{border-left:1px solid #dce5e0}
#cc-observatory .ix-map-card:hover{background:#f3f8f6}
#cc-observatory .ix-map-top{display:flex;justify-content:space-between;align-items:center;color:#0f766e;font-size:11px}
#cc-observatory .ix-map-top svg{width:48px;height:48px}
#cc-observatory .ix-map-card h4{font-size:24px;margin:28px 0 12px;font-weight:700}
#cc-observatory .ix-map-card>strong{font-size:15px;color:#0f766e}
#cc-observatory .ix-map-card>p{font-size:12px;line-height:1.9;color:#626c67;margin:12px 0 25px}
#cc-observatory .ix-map-link{display:flex;justify-content:space-between;border-top:1px solid #dce5e0;padding-top:20px;font-size:12px;font-weight:700;margin-top:auto}
#cc-observatory .ix-map-link b{font-size:20px;font-weight:400}
#cc-observatory .ix-map-foot{font-size:13px;line-height:1.9;padding:22px 0;border-bottom:1px solid #dce5e0}
#cc-observatory .ix-diagram{margin:0;padding:30px;border:1px solid #dce5e0;background:linear-gradient(135deg,#f3f8f6,#fff);min-width:0}
#cc-observatory .ix-diagram h3{font-size:20px;font-weight:700;line-height:1.6;margin:16px 0 24px;letter-spacing:-.03em}
#cc-observatory .ix-browser,#cc-observatory .ix-mail{background:#fff;border:1px solid #dce5e0;box-shadow:0 12px 32px #153d3010}
#cc-observatory .ix-browser-bar{display:block;border-bottom:1px solid #e0e9e5;font-size:9px;letter-spacing:.09em;padding:12px;color:#626c67}
#cc-observatory .ix-browser-bar b{font-size:10px;margin-left:12px;font-weight:400}
#cc-observatory .ix-searchbox{padding:14px;margin:16px;border-radius:28px;border:1px solid #c5d9d1;font-size:12px}
#cc-observatory .ix-result{padding:0 20px 22px}
#cc-observatory .ix-result>span{font-size:8px;letter-spacing:.15em;color:#0f766e}
#cc-observatory .ix-result strong{display:block;font-size:14px;line-height:1.8;margin-top:8px}
#cc-observatory .ix-result p,#cc-observatory .ix-mail p{font-size:11px;line-height:1.8;color:#626c67;margin-top:8px}
#cc-observatory .ix-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:26px;border-top:1px solid #c5d9d1;padding-top:20px;gap:12px}
#cc-observatory .ix-steps>div{display:grid;gap:7px}
#cc-observatory .ix-steps span{font-size:9px;color:#0f766e}
#cc-observatory .ix-steps strong{font-size:13px}
#cc-observatory .ix-steps small{font-size:10px;color:#626c67;line-height:1.7}
#cc-observatory .ix-diagram figcaption{font-size:11px;line-height:1.9;color:#626c67;border-top:1px solid #dce5e0;margin-top:22px;padding-top:16px}
#cc-observatory .ix-sources{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
#cc-observatory .ix-sources>span{border:1px solid #c5d9d1;text-align:center;padding:16px 8px;background:#fff;font-size:12px}
#cc-observatory .ix-source-line{text-align:center;font-size:30px;color:#0f766e;padding:10px}
#cc-observatory .ix-answer{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #0f766e;padding:20px}
#cc-observatory .ix-answer-symbol{font-size:35px;color:#0f766e}
#cc-observatory .ix-answer strong{font-size:13px;line-height:1.8;display:block}
#cc-observatory .ix-answer p{font-size:11px;color:#626c67;line-height:1.8;margin:6px 0 0}
#cc-observatory .ix-mail>strong,#cc-observatory .ix-mail>p{display:block;margin:16px;font-size:13px;line-height:1.8}
#cc-observatory .ix-mail>p{font-size:11px}
#cc-observatory .ix-review{display:grid;grid-template-columns:35px 1fr 20px 35px 1fr;align-items:center;gap:8px;margin-top:20px}
#cc-observatory .ix-review>span{display:grid;place-items:center;width:35px;height:35px;background:#0f766e;color:#fff;font-size:12px;border-radius:50%}
#cc-observatory .ix-review>span.ix-human{background:#111}
#cc-observatory .ix-review>strong{font-size:11px;line-height:1.7}
#cc-observatory .ix-review>b{font-size:18px;color:#0f766e}
#cc-observatory .ix-deliverables{margin:30px 0 50px}
#cc-observatory .ix-doc-stage{height:440px;background:radial-gradient(ellipse at 50% 80%,#dcebe6,#f3f8f6 65%);position:relative;overflow:hidden;border:1px solid #dce5e0}
#cc-observatory .ix-doc-stage img{position:absolute;width:49%;height:auto;border:1px solid #d5dfda;box-shadow:0 30px 55px #122f2426;top:65px}
#cc-observatory .ix-doc-one{left:3%;transform:rotate(-9deg);z-index:1}
#cc-observatory .ix-doc-two{left:26%;transform:rotate(0);z-index:3}
#cc-observatory .ix-doc-three{right:-1%;transform:rotate(9deg);z-index:2}
#cc-observatory .ix-doc-label{position:absolute;bottom:22px;left:26px;font-size:10px;letter-spacing:.16em;color:#0f766e;z-index:4;background:#f3f8f6ed;padding:10px}
#cc-observatory .ix-deliverables figcaption{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0;gap:20px;font-size:13px;line-height:1.8;border-bottom:1px solid #dce5e0}
#cc-observatory .ix-deliverables figcaption b{color:#0f766e;font-size:10px;margin-right:8px}
#cc-observatory .ix-voice-art{display:flex;justify-content:space-between;align-items:center;padding:18px 0 26px;border-bottom:1px solid #dce5e0;margin-bottom:24px;color:#0f766e}
#cc-observatory .ix-voice-art svg{width:76px;height:76px}
#cc-observatory .ix-voice-art span{font-size:8px;line-height:1.8;letter-spacing:.12em}
#cc-observatory .output-preview{height:340px}
@media(max-width:1000px){#cc-observatory .ix-core-art>img{height:480px}
#cc-observatory .ix-map-card{padding:22px}
#cc-observatory .ix-map-card h4{font-size:22px}
#cc-observatory .ix-diagram{padding:22px}
#cc-observatory .ix-doc-stage{height:340px}
#cc-observatory .ix-core-heading{gap:20px}
#cc-observatory .ix-core-heading>p{font-size:13px}}
@media(max-width:700px){#cc-observatory .ix-core-heading{display:block;margin-top:30px}
#cc-observatory .ix-core-heading>p{margin-top:24px;font-size:14px}
#cc-observatory .ix-core-art>img{height:auto;aspect-ratio:1.1;object-fit:cover}
#cc-observatory .ix-art-label{position:static;max-width:none;background:#fff;border-left:0;border-top:1px solid #e0e9e5;padding:16px 20px;gap:3px}
#cc-observatory .ix-art-label strong{font-size:12px}
#cc-observatory .ix-core-art figcaption{display:block;font-size:11px;line-height:1.8;padding:16px 20px}
#cc-observatory .ix-core-art figcaption span{display:block;font-size:8px;margin-top:8px}
#cc-observatory .ix-map{margin-top:45px}
#cc-observatory .ix-map-grid{grid-template-columns:1fr}
#cc-observatory .ix-map-card+.ix-map-card{border-left:0;border-top:1px solid #dce5e0}
#cc-observatory .ix-map-card{padding:24px}
#cc-observatory .ix-map-card h4{margin-top:8px}
#cc-observatory .ix-map-top svg{width:38px;height:38px}
#cc-observatory .ix-map-card>p{font-size:13px}
#cc-observatory .ix-map-foot{font-size:12px}
#cc-observatory .ix-diagram{padding:20px}
#cc-observatory .ix-diagram h3{font-size:19px}
#cc-observatory .service-body .ix-diagram{grid-column:1/-1}
#cc-observatory .ix-steps{gap:8px}
#cc-observatory .ix-steps strong{font-size:12px}
#cc-observatory .ix-steps small{font-size:11px}
#cc-observatory .ix-steps span{font-size:10px}
#cc-observatory .ix-diagram figcaption{font-size:12px}
#cc-observatory .ix-deliverables{margin-bottom:25px}
#cc-observatory .ix-doc-stage{height:240px}
#cc-observatory .ix-doc-stage img{width:67%;top:34px}
#cc-observatory .ix-doc-one{left:-15%}
#cc-observatory .ix-doc-two{left:17%}
#cc-observatory .ix-doc-three{right:-17%}
#cc-observatory .ix-doc-label{font-size:7px;left:10px;bottom:10px}
#cc-observatory .ix-deliverables figcaption{grid-template-columns:1fr;gap:8px;padding:18px 0;font-size:13px}
#cc-observatory .ix-review{grid-template-columns:30px 1fr 12px 30px 1fr;gap:6px}
#cc-observatory .ix-review>span{width:30px;height:30px}
#cc-observatory .ix-review strong{font-size:10px}
#cc-observatory .output-preview{height:300px}}
#cc-observatory .text-link{border:1px solid #b4ccc2;background:#fff;padding:12px 18px;min-height:46px;font-weight:700;color:#0f766e;gap:24px;cursor:pointer;border-radius:3px;transition:background .2s,border-color .2s}
#cc-observatory .text-link:hover,#cc-observatory .text-link:focus-visible{background:#e9f3ef;border-color:#0f766e}
#cc-observatory .service-info .text-link,#cc-observatory .voices-grid .text-link{padding:12px 16px;border:1px solid #b4ccc2;min-height:46px}
#cc-observatory .service summary{grid-template-columns:57px 1fr 1fr 44px;transition:background .2s}
#cc-observatory .service summary:hover,#cc-observatory .service summary:focus-visible{background:#e9f3ef}
#cc-observatory .service summary .expand{width:40px;height:40px;border:1px solid #0f766e;border-radius:50%;background:#fff;justify-self:end;position:relative}
#cc-observatory .service summary .expand:before,#cc-observatory .service summary .expand:after{position:absolute;left:11px;top:19px;width:16px;height:1px}
#cc-observatory .service summary .expand:after{transform:rotate(90deg)}
#cc-observatory .service[open] summary .expand:after{transform:rotate(0)}
#cc-observatory .service-action{display:flex;width:max-content;gap:8px;align-items:center;margin-top:14px;padding:6px 10px;border:1px solid #b4ccc2;border-radius:3px;color:#0f766e;font-size:12px;font-weight:700;background:#fff}
#cc-observatory .when-open{display:none}
#cc-observatory .service[open] .when-open{display:inline}
#cc-observatory .service[open] .when-closed{display:none}
#cc-observatory .ix-map-card{border-radius:0}
#cc-observatory .ix-map-link{background:#0f766e;color:#fff;padding:12px 16px;border:0;border-radius:3px;min-height:44px}
#cc-observatory .ix-map-card:hover .ix-map-link{background:#115e59}
#cc-observatory .output-card{cursor:pointer}
#cc-observatory .output-card .preview-open{width:auto;height:auto;min-height:44px;padding:11px 16px;background:#0f766e;color:#fff;font-size:12px;line-height:1.6;border-radius:3px;bottom:16px;right:16px;font-weight:700;z-index:5;opacity:1}
#cc-observatory .output-card:focus-visible,#cc-observatory .ix-doc-button:focus-visible{outline:3px solid #0f766e;outline-offset:5px}
#cc-observatory .ix-doc-stage .ix-doc-button{position:absolute;width:49%;height:auto;top:65px;display:block;padding:0;background:#fff;border:1px solid #c5d9d1;box-shadow:0 30px 55px #122f2426;cursor:zoom-in}
#cc-observatory .ix-doc-stage .ix-doc-button img{position:static;width:100%;height:auto;border:0;box-shadow:none;display:block}
#cc-observatory .ix-doc-stage .ix-doc-button:after{content:'制作見本を拡大 ↗';position:absolute;bottom:12px;right:12px;background:#0f766e;color:white;padding:10px 14px;font-size:12px;font-weight:700}
#cc-observatory .ix-doc-button.ix-doc-one{left:3%;transform:rotate(-9deg);z-index:1}
#cc-observatory .ix-doc-button.ix-doc-two{left:26%;transform:rotate(0);z-index:3}
#cc-observatory .ix-doc-button.ix-doc-three{right:-1%;transform:rotate(9deg);z-index:2}
#cc-observatory .ix-doc-button:hover,#cc-observatory .ix-doc-button:focus-visible{z-index:6;transform:translateY(-8px)}
@media(max-width:900px){#cc-observatory .service summary{grid-template-columns:35px 1fr 44px}
#cc-observatory .service-short{display:none}
#cc-observatory .service-action{font-size:12px}
#cc-observatory .ix-doc-stage .ix-doc-button:after{font-size:10px;padding:8px}}
@media(max-width:600px){#cc-observatory .text-link,#cc-observatory .service-info .text-link,#cc-observatory .voices-grid .text-link{font-size:13px;max-width:100%;gap:14px}
#cc-observatory .service summary{grid-template-columns:24px 1fr 36px;gap:10px}
#cc-observatory .service summary .expand{width:34px;height:34px}
#cc-observatory .service summary .expand:before,#cc-observatory .service summary .expand:after{left:8px;top:16px}
#cc-observatory .service-action{font-size:11px;margin-top:12px}
#cc-observatory .ix-doc-stage .ix-doc-button{width:67%;top:34px}
#cc-observatory .ix-doc-button.ix-doc-one{left:-15%}
#cc-observatory .ix-doc-button.ix-doc-two{left:17%}
#cc-observatory .ix-doc-button.ix-doc-three{right:-17%}
#cc-observatory .ix-doc-stage .ix-doc-button:after{font-size:9px;padding:6px;bottom:6px;right:6px}
#cc-observatory .output-card .preview-open{font-size:12px;padding:10px 14px}}