/*
Theme Name: DCL Test
Description: ディシィエルのトップページ・デザイン確認用テーマ。本文は固定、下層リンクは既存サイトです。
Version: 1.0.0
Author: ON FICTION
Text Domain: dcl-test
Requires at least: 6.0
Requires PHP: 7.4
*/
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; }
#dcl-design { max-width: 1440px; margin: 0 auto; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

    #dcl-design{--dcl-wine:#a50022;--dcl-ink:#302e2c;--dcl-paper:#fff;--dcl-cream:#f5f4ed;--dcl-line:#e5e0dc;background:var(--dcl-paper);color:var(--dcl-ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;font-size:16px;line-height:1.9;overflow:hidden;color-scheme:light}
    #dcl-design *{box-sizing:border-box}#dcl-design h1,#dcl-design h2,#dcl-design h3,#dcl-design p{margin:0}#dcl-design a{color:inherit;text-decoration:none}#dcl-design img{display:block;max-width:100%}#dcl-design button{font:inherit;cursor:pointer}#dcl-design .dcl-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 4%;border-top:4px solid var(--dcl-wine)}#dcl-design .dcl-logo{width:190px;height:auto}#dcl-design .dcl-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:500}#dcl-design .dcl-nav a:hover{color:var(--dcl-wine)}#dcl-design .dcl-nav .dcl-contact-link{background:var(--dcl-wine);color:white;border-radius:40px;padding:11px 23px}
    #dcl-design .dcl-hero{position:relative;margin:0 2.7%;min-height:460px;background:var(--dcl-cream);border-radius:32px;isolation:isolate;overflow:hidden;display:flex;align-items:center}#dcl-design .dcl-hero-photo{position:absolute;right:0;top:0;height:100%;width:57%;background-image:url("assets/image-1.jpg");background-size:auto 100%;background-position:right center;z-index:-2}#dcl-design .dcl-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dcl-cream),transparent 29%)}#dcl-design .dcl-hero-copy{padding:54px 5%;width:64%}#dcl-design .dcl-eyebrow{display:block;color:var(--dcl-wine);font-size:12px;letter-spacing:.18em;font-weight:500;margin-bottom:18px}#dcl-design h1{font-size:clamp(32px,4.3vw,49px);font-weight:500;line-height:1.6;letter-spacing:.075em}#dcl-design h1 span{color:var(--dcl-wine)}#dcl-design .dcl-hero-copy p{margin-top:23px;font-size:15px;line-height:2.1}#dcl-design .dcl-round-link{display:inline-flex;align-items:center;gap:22px;margin-top:26px;font-size:14px;font-weight:500}#dcl-design .dcl-arrow{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--dcl-wine);color:white}#dcl-design .dcl-hero-caption{position:absolute;bottom:25px;right:30px;color:var(--dcl-wine);letter-spacing:.13em;font-size:12px;background:#ffffffdb;border-radius:22px;padding:4px 15px}
    #dcl-design .dcl-intro{text-align:center;padding:66px 8% 60px}#dcl-design .dcl-intro h2{font-size:27px;line-height:1.8;letter-spacing:.08em;font-weight:500}#dcl-design .dcl-intro h2 span{color:var(--dcl-wine)}#dcl-design .dcl-intro p{max-width:640px;margin:20px auto 0;font-size:15px;line-height:2.1}#dcl-design .dcl-section{padding:64px 6%}#dcl-design .dcl-section-heading{text-align:center;margin-bottom:40px}#dcl-design .dcl-section-heading .dcl-eyebrow{margin-bottom:6px}#dcl-design h2{font-size:30px;font-weight:500;letter-spacing:.08em}#dcl-design .dcl-business{background:var(--dcl-cream);border-radius:56px 56px 0 0}#dcl-design .dcl-feature{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;background:white;border-radius:24px;padding:32px;margin-bottom:24px}#dcl-design .dcl-up-art{border-radius:18px;background:#f5f8e9;display:flex;align-items:center;justify-content:center;min-height:230px}#dcl-design .dcl-up-art img{width:205px;mix-blend-mode:multiply}#dcl-design .dcl-service-number{font-size:12px;letter-spacing:.15em;color:var(--dcl-wine);margin-bottom:8px;display:block}#dcl-design h3{font-size:23px;font-weight:500;line-height:1.65;letter-spacing:.04em}#dcl-design .dcl-feature p,#dcl-design .dcl-service p{font-size:14px;line-height:2;margin-top:15px}#dcl-design .dcl-pill{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border:1px solid var(--dcl-line);border-radius:32px;padding:10px 21px;font-size:14px;margin-top:22px;background:white;min-height:44px}#dcl-design .dcl-pill:hover{border-color:var(--dcl-wine);color:var(--dcl-wine)}#dcl-design .dcl-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#dcl-design .dcl-service{background:white;border-radius:24px;overflow:hidden}#dcl-design .dcl-service>img{width:100%;height:210px;object-fit:cover}#dcl-design .dcl-service-body{padding:27px 30px 30px}#dcl-design .dcl-service .dcl-round-link{margin-top:17px}
    #dcl-design .dcl-company{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:76px;padding-bottom:76px;align-items:start}#dcl-design .dcl-company .dcl-eyebrow{margin-bottom:8px}#dcl-design .dcl-company p{font-size:15px;margin-top:20px}#dcl-design .dcl-company dl{margin:0;font-size:14px}#dcl-design .dcl-company dl div{display:grid;grid-template-columns:95px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--dcl-line)}#dcl-design .dcl-company dt{color:#766c68}#dcl-design .dcl-company dd{margin:0}#dcl-design .dcl-recruit{margin:0 6% 66px;background:var(--dcl-cream);border-radius:24px;padding:35px 40px;display:flex;justify-content:space-between;gap:24px;align-items:center}#dcl-design .dcl-recruit .dcl-eyebrow{margin-bottom:2px}#dcl-design .dcl-recruit .dcl-pill{margin:0}#dcl-design .dcl-contact{background:var(--dcl-wine);color:white;padding:55px 6%;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}#dcl-design .dcl-contact .dcl-eyebrow{color:#f0bdc5;margin-bottom:6px}#dcl-design .dcl-contact p{font-size:14px;margin-top:10px}#dcl-design .dcl-contact-actions{text-align:center}#dcl-design .dcl-contact-actions .dcl-pill{color:var(--dcl-wine);border:none;margin:0;min-width:260px}#dcl-design .dcl-tel{display:block;font-size:27px;letter-spacing:.05em;margin-top:15px}#dcl-design .dcl-tel small{font-size:12px;margin-right:12px}#dcl-design .dcl-footer{padding:38px 6% 22px}#dcl-design .dcl-footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}#dcl-design .dcl-footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}#dcl-design .dcl-footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid var(--dcl-line);display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#786f6a}#dcl-design a:focus-visible{outline:3px solid #da9e22;outline-offset:5px}#dcl-design [id]{scroll-margin-top:20px}
    @media(max-width:720px){#dcl-design .dcl-header{flex-wrap:wrap;gap:15px;padding:20px 5%}#dcl-design .dcl-logo{width:165px}#dcl-design .dcl-nav{width:100%;gap:16px;justify-content:space-between;font-size:12px}#dcl-design .dcl-nav .dcl-contact-link{padding:8px 12px}#dcl-design .dcl-hero{min-height:530px;align-items:flex-start;border-radius:23px}#dcl-design .dcl-hero-copy{width:100%;padding:30px 7% 250px}#dcl-design h1{font-size:34px}#dcl-design .dcl-hero-copy p{font-size:14px;max-width:250px}#dcl-design .dcl-hero-photo{top:auto;bottom:0;width:100%;height:245px;background-size:auto 100%}#dcl-design .dcl-hero-photo:after{background:linear-gradient(180deg,var(--dcl-cream),transparent 45%)}#dcl-design .dcl-hero-caption{bottom:12px;right:15px}#dcl-design .dcl-intro{padding:45px 7%}#dcl-design .dcl-intro h2{font-size:23px}#dcl-design .dcl-section{padding:45px 6%}#dcl-design .dcl-feature{grid-template-columns:1fr;gap:25px;padding:22px}#dcl-design .dcl-up-art{min-height:175px}#dcl-design .dcl-up-art img{width:160px}#dcl-design .dcl-service-grid{grid-template-columns:1fr}#dcl-design .dcl-company{grid-template-columns:1fr;gap:24px}#dcl-design .dcl-recruit{padding:25px;flex-wrap:wrap;margin-bottom:45px}#dcl-design .dcl-contact{grid-template-columns:1fr;text-align:center;padding:40px 6%}#dcl-design .dcl-footer-top,#dcl-design .dcl-footer-bottom{flex-direction:column;align-items:flex-start}#dcl-design h2{font-size:26px}#dcl-design h3{font-size:22px}}
  #dcl-design .dcl-hero{min-height:510px;background:#f7f6f0;border-radius:28px;align-items:center;margin:0 2.7%;overflow:hidden}
#dcl-design .dcl-hero:before{content:"";position:absolute;width:210px;height:210px;border:1px solid #a5002226;border-radius:50%;left:31%;top:-92px;z-index:-1}
#dcl-design .dcl-hero-photo{top:20px;right:20px;width:56%;height:calc(100% - 40px);background-size:cover;background-position:52% center;border-radius:120px 20px 20px 20px;z-index:-1}
#dcl-design .dcl-hero-photo:after{display:none}
#dcl-design .dcl-hero-copy{width:46%;padding:47px 0 48px 4.8%;position:relative}
#dcl-design .dcl-hero-copy .dcl-eyebrow{font-size:11px;letter-spacing:.19em;margin-bottom:26px;display:flex;gap:12px;align-items:center}
#dcl-design .dcl-hero-copy .dcl-eyebrow:before{content:"";width:26px;height:1px;background:#a50022}
#dcl-design .dcl-hero-copy h1{font-size:clamp(28px,3.8vw,43px);line-height:1.7;letter-spacing:.045em;font-weight:500}
#dcl-design .dcl-hero-copy h1 span{display:inline-block;position:relative}
#dcl-design .dcl-hero-copy h1 span:after{content:"";position:absolute;bottom:5px;left:0;right:12px;height:8px;background:#a5002210;z-index:-1}
#dcl-design .dcl-hero-copy p{font-size:14px;line-height:2.05;margin-top:24px;color:#605954}
#dcl-design .dcl-hero-copy .dcl-round-link{margin-top:34px;gap:17px;font-size:13px}
#dcl-design .dcl-hero-copy .dcl-arrow{width:39px;height:39px}
#dcl-design .dcl-hero-caption{right:36px;bottom:36px;color:#a50022;background:#ffffffed;border-radius:5px;padding:8px 16px;font-size:11px;letter-spacing:.14em}
@media(max-width:720px){
  #dcl-design .dcl-hero{min-height:0;display:flex;flex-direction:column;align-items:stretch;padding-bottom:16px;border-radius:24px}
  #dcl-design .dcl-hero-copy{width:100%;padding:32px 7% 27px;order:0}
  #dcl-design .dcl-hero-copy h1{font-size:35px;line-height:1.55}
  #dcl-design .dcl-hero-copy .dcl-eyebrow{margin-bottom:16px}
  #dcl-design .dcl-hero-copy p{margin-top:17px;max-width:none}
  #dcl-design .dcl-hero-copy .dcl-round-link{margin-top:18px}
  #dcl-design .dcl-hero-photo{position:relative;order:1;inset:auto;z-index:0;margin:0 16px;width:calc(100% - 32px);height:auto;aspect-ratio:1.45;background-position:center;border-radius:65px 14px 14px 14px}
  #dcl-design .dcl-hero-caption{right:28px;bottom:28px;font-size:10px;z-index:1;padding:6px 10px}
  #dcl-design .dcl-hero:before{left:auto;right:-75px;top:-95px}
}