@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Zen Kaku Gothic New,Noto Sans,sans-serif;background:var(--color-white);color:var(--color-heading);min-width:1440px;overflow-x:hidden}.hero-design{position:relative;height:632px;overflow:hidden}.hero-design-bg{position:absolute;inset:0}.hero-design-bg img{width:100%;height:150%;object-fit:cover;object-position:top center;will-change:transform}.hero-design-title{position:absolute;left:var(--page-side);top:136px;margin:0;font-family:Zen Kaku Gothic New,Noto Sans,sans-serif;color:var(--color-heading);letter-spacing:.01em;line-height:1;will-change:transform,opacity}.hero-design-title .ht-line{display:table;white-space:nowrap;background:var(--color-white);padding:8px 32px 10px 52px;box-shadow:0 0 16px #26231e0d;border-radius:2px}.hero-design-title .ht-line+.ht-line{margin-top:33px}.hero-design-title .ht-strong{font-weight:700;font-size:60px;line-height:75px}.hero-design-title .ht-weak{font-weight:500;font-size:36px;line-height:75px;vertical-align:baseline}.hero-design-logo{position:absolute;left:var(--page-side);top:411px;height:86px;width:auto;will-change:transform,opacity}.hero-design-logo-sp{display:none}.design-label{font-family:Noto Sans,sans-serif;font-weight:400;font-size:17px;line-height:1;background:var(--grad-blue);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;margin-bottom:12px}.design-lead{background:var(--color-bg-cream);padding:74px var(--page-pad) 0}.design-lead-heading{font-size:32px;font-weight:700;line-height:1.9;color:var(--color-heading);margin-bottom:32px}.design-lead-heading .lead-box{background:var(--color-heading);color:#fff;padding:.08em .4em;margin:0 .04em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.design-lead-body{font-size:14px;font-weight:300;line-height:2.1;color:var(--color-heading);max-width:914px;margin-bottom:0;padding-bottom:0}.design-corevalue-section{background:var(--color-bg-cream);display:flex;flex-direction:column;align-items:center;padding-bottom:60px;overflow:hidden}.corevalue-wrapper{position:relative;width:1200px;max-width:100%}.corevalue-wrapper-sp{display:none}.design-corevalue-img{width:100%;height:auto;display:block;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.corevalue-overlay-img{position:absolute;top:0;left:0;width:100%;height:auto;display:block;opacity:0;will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.design-flow-img{width:100%;height:auto;display:block;opacity:0;will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.design-flow-2,.design-flow-3{position:absolute;top:0;left:0}.design-method{background:var(--color-bg-cream);padding:0 var(--page-pad) 120px}.design-method-heading{font-size:32px;font-weight:700;line-height:66px;color:var(--color-heading);margin-bottom:16px}.br-pc{display:inline}@media(max-width:767px){.br-pc{display:none}}.nowrap{white-space:nowrap}.design-method-body{font-size:14px;font-weight:300;line-height:2.1;color:var(--color-heading);max-width:873px;margin-bottom:56px}.design-cards{display:flex;align-items:stretch;gap:4px;margin-bottom:56px}.design-card{flex:1;background:var(--color-white);border-radius:10px;box-shadow:0 0 20px 2px #26231e17;overflow:hidden;display:flex;flex-direction:column;min-height:227px}.design-card-badge{background:var(--grad-blue);padding:8px 0;text-align:center;color:var(--color-white);font-size:16px;font-weight:700;flex-shrink:0}.design-card-body{padding:10px;display:flex;flex-direction:column;align-items:center;flex:1;gap:6px}.design-card-sep{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:12px}.design-card-sep-arrow{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid rgba(38,35,30,.22);flex-shrink:0}.design-card-title{font-size:28px;font-weight:400;text-align:center;color:var(--color-heading);line-height:1.7;flex-shrink:0}.design-card-desc-bg{background:var(--color-bg-gray);border-radius:5px;padding:10px 12px;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.design-card-desc{font-size:13px;font-weight:400;color:var(--color-sub);line-height:1.6;text-align:center}.design-can{background:var(--color-bg-cream);padding:8px var(--page-pad) 120px}.design-can-heading{font-size:32px;font-weight:700;line-height:1.6;color:var(--color-heading);text-align:center;margin-bottom:20px}.design-can-body{font-size:14px;font-weight:300;line-height:2.1;color:var(--color-heading);max-width:760px;margin:0 auto 56px;text-align:center}.design-can-corewrap{display:flex;flex-direction:column;align-items:center;margin:0 auto 32px}.design-can-badge{background:var(--color-white);color:var(--color-sub);border:1px solid var(--color-sub);font-size:13px;font-weight:500;white-space:nowrap;border-radius:999px;padding:6px 18px;margin-bottom:11px}.design-can-badge strong{font-weight:inherit}.design-can-core{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.design-can-core-circle{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.design-can-core-text{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;color:var(--color-white)}.design-can-sub{font-size:13px;font-weight:500;letter-spacing:.02em}.design-can-kanji-img{width:auto;height:90px;display:block;margin:4px 0 2px}.design-can-tags{display:flex;align-items:center;gap:6px;margin-top:2px}.design-can-arrow{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:17px solid #d6d6d6;margin-top:20px}.design-can-of{font-size:13px;font-weight:500}.design-can-tag{background:transparent;color:var(--color-white);border:1px solid var(--color-white);font-size:12px;font-weight:500;border-radius:2px;padding:4px 12px}.design-can-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:48px 16px}.design-can-card{position:relative;background:var(--color-white);border-radius:12px;box-shadow:0 0 20px 2px #26231e17;display:flex;flex-direction:column}.design-can-card-bubbles{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:37px;height:auto;z-index:2;pointer-events:none}.design-can-card-head{background:var(--color-dark);color:var(--color-white);font-size:19px;font-weight:700;line-height:1.4;text-align:center;border-radius:12px 12px 0 0;padding:18px 12px 16px;min-height:82px;display:flex;align-items:flex-end;justify-content:center}.design-can-list{list-style:none;margin:0;padding:16px 16px 20px;display:flex;flex-direction:column;gap:9px}.design-can-list li{position:relative;padding-left:18px;font-size:13px;font-weight:400;line-height:1.6;color:var(--color-heading)}.design-can-list li:before{content:"";position:absolute;left:6px;top:.5em;width:7px;height:7px;background:url(/assets/kokorozashi-blue.png) center / contain no-repeat}.design-can-list .note{display:block;font-size:11px;font-weight:300;color:var(--color-sub);line-height:1.5;margin-top:2px}@media(max-width:1023px){.design-can-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.design-can{padding:48px var(--page-pad) 32px}.design-can-heading{font-size:22px;line-height:1.6;word-break:keep-all}.design-can-body{font-size:14px;word-break:keep-all;margin-bottom:32px}.design-can-tags{flex-wrap:nowrap;white-space:nowrap}.design-can-tag,.design-can-of{white-space:nowrap}.design-can-corewrap{margin-bottom:52px}.design-can-core{width:220px;height:220px}.design-can-kanji-img{height:82px}.design-can-grid{grid-template-columns:1fr;gap:44px}.design-can-card-bubbles{width:33px;top:-24px}.design-can-card-head{min-height:0;font-size:18px;padding:20px 12px 14px}}.design-cta{display:flex;gap:30px;justify-content:center}.design-btn{display:inline-flex;align-items:center;height:65px;width:307px;border-radius:70px;font-size:18px;font-weight:500;text-decoration:none;overflow:hidden;padding:0 13px 0 32px;flex-shrink:0}.design-btn-dark{background:var(--color-dark);color:var(--color-white)}.design-btn-outline{background:var(--color-white);color:var(--color-heading);border:1px solid var(--color-heading)}.design-btn .btn-text-clip{overflow:hidden;height:1.55em;display:flex;align-items:flex-start;flex:1}.design-btn .btn-text-inner{display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.65,0,.35,1);will-change:transform}.design-btn .btn-text-inner span{display:flex;align-items:center;height:1.55em;white-space:nowrap;flex-shrink:0}.design-btn:hover .btn-text-inner{transform:translateY(-1.55em)}.design-btn .btn-arrow-btn{position:relative;width:36px;height:36px;flex-shrink:0;border-radius:50%;margin-left:auto}.design-btn .btn-arrow-circle{position:absolute;inset:0;border-radius:50%;transition:transform .4s cubic-bezier(.65,0,.35,1);will-change:transform}.design-btn-dark .btn-arrow-circle{background:var(--color-white)}.design-btn-outline .btn-arrow-circle{background:var(--color-heading)}.design-btn:hover .btn-arrow-circle{transform:scale(1.4)}.design-btn .btn-arrow-clip{position:absolute;inset:0;overflow:hidden;border-radius:50%}.design-btn .btn-arrow-track{display:flex;width:200%;height:100%;transform:translate(-50%);transition:transform .4s cubic-bezier(.65,0,.35,1);will-change:transform}.design-btn .btn-arrow-track svg{width:50%;height:100%;flex-shrink:0;display:block}.design-btn:hover .btn-arrow-track{transform:translate(0)}@media(max-width:1023px){body{min-width:0}.hero-design{height:480px}.hero-design-title{top:160px}.hero-design-title .ht-line+.ht-line{margin-top:20px}.hero-design-title .ht-strong{font-size:44px;line-height:56px}.hero-design-title .ht-weak{font-size:26px;line-height:56px}.hero-design-logo{top:412px;height:68px}.design-lead-heading{font-size:26px;line-height:52px;margin-bottom:24px}.design-lead-body{font-size:14px;line-height:2.1}.design-cards{flex-wrap:wrap;gap:16px}.design-card{flex:1 1 calc(33% - 16px);min-width:180px}.design-cta{gap:16px}.design-btn{width:260px;font-size:16px}}@media(max-width:767px){body{min-width:0}.hero-design{height:500px}.hero-design-bg img{width:auto;height:100%;max-width:none;position:absolute;top:0;left:50%;transform:translate(-50%);object-fit:initial}.hero-design-title{top:calc(186.5px - (100vw - 82px) / 6.614)}.hero-design-title .ht-line{padding:6px 18px 8px 24px}.hero-design-title .ht-line+.ht-line{margin-top:12px}.hero-design-title .ht-strong{font-size:calc((100vw - 82px) / 8.4);line-height:calc((100vw - 82px) / 8.4 * 1.27)}.hero-design-title .ht-weak{font-size:calc((100vw - 82px) / 14);line-height:calc((100vw - 82px) / 8.4 * 1.27)}.hero-design-logo{top:calc(268.5px + (100vw - 82px) / 6.614);height:45px;left:var(--page-side)}.hero-design-logo-pc{display:none}.hero-design-logo-sp{display:block}.design-lead{padding:32px var(--page-pad)}.design-lead-heading{font-size:20px;line-height:36px;margin-bottom:20px;word-break:keep-all}.design-lead-body{font-size:14px;line-height:2.1;word-break:keep-all;overflow-wrap:anywhere}.design-lead-body br{display:none}.design-corevalue-section{padding-bottom:32px;padding-left:var(--page-pad);padding-right:var(--page-pad)}.corevalue-wrapper-pc{display:none}.corevalue-wrapper-sp{display:block;width:100%;max-width:320px}.design-method{padding:32px var(--page-pad)}.design-method-heading{font-size:22px;line-height:40px;word-break:keep-all}.design-method-body{font-size:14px;line-height:2.1;word-break:keep-all;margin-bottom:24px}.design-cards{flex-direction:column;gap:8px;align-items:stretch}.design-card{flex:none;width:100%;min-height:0}.design-card-title{font-size:22px;word-break:keep-all}.design-card-desc{word-break:normal;overflow-wrap:anywhere}.design-card-sep{display:flex;width:100%;justify-content:center;padding:0}.design-card-sep-arrow{border-top:8px solid rgba(38,35,30,.22);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:0}.design-cta{flex-direction:column;align-items:center;gap:16px}.design-btn{width:100%;max-width:320px;font-size:16px}}.line-clip{display:block;overflow:hidden;will-change:transform}.line-inner{display:block;will-change:transform}