@charset "utf-8";#mainvisual .content h1{font-size:2rem}#mainvisual .content h1 span{font-size:1rem}#concept{background:#fff;background-image:url(https://monochrome17.com/monochrome/wp-content/themes/MONOCHROME/images/monochrome01.jpg.pagespeed.ce.uCfJrJ3y8z.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:80px 0}#concept .concept-box{margin:0 auto;padding:32px;background: #7b7b7b41;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px}#concept .products-title p,#concept .products-title h2{color:#fff}#concept h3{text-align:center;color:#fff}#concept p{margin-top:40px;color:#fff}#about{background:#ecece6;padding:80px 0}#about p{margin-bottom:32px}#about h3{font-size:1.3rem;line-height:1;margin-bottom:16px}#about h3 span{font-size:.8rem}#about .name{max-width:960px;margin:0 auto;padding:0 24px}#about .name .name-top{display:flex;justify-content:center;align-items:center;gap:56px}#about .name .img-box{flex:0 0 auto;text-align:center}#about .name .name-box{flex:1;min-width:0}#about .name img{width:200px;height:200px;max-width:100%;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 12px rgba(0,0,0,.1)}#about .name .name-box{padding:16px 0}#about .profile-table{width:100%;border-collapse:collapse;margin-top:48px;font-size:1rem}#about .profile-table th,#about .profile-table td{padding:20px 15px;border-bottom:1px solid #e0e0e0;text-align:left;vertical-align:top}#about .profile-table th{width:140px;font-weight:600;white-space:nowrap}.products-title{text-align:center;margin-bottom:60px}.products-title p{font-size:2.5rem;font-weight:bold;letter-spacing:.1em;margin-bottom:15px;color:#2c2c2c;position:relative;display:inline-block;padding-bottom:15px}.products-title p::after{content:"";display:block;width:50px;height:3px;background-color:#2c2c2c;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.products-title p{font-size:1rem;color:#666;letter-spacing:.05em}.products-title{text-align:center;margin-bottom:60px}.products-title p{font-size:3rem;font-weight:300;margin-bottom:10px}.products-title h2{font-size:1rem;font-weight:normal;color:#555}.about-content{display:flex;justify-content:space-between;align-items:center;gap:50px}.about-img{width:40%}.about-img img{width:100%;border-radius:10px}.about-text{width:60%}.about-text h3{font-size:2rem;margin-bottom:30px}.about-text h3 span{font-size:1rem}.about-text p{line-height:2;margin-bottom:30px}@media screen and (max-width:768px){#concept p{margin-top:24px}#about .profile-table th,#about .profile-table td{padding:16px 0}#about .profile-table th{width:120px}.about-content{flex-direction:column}.about-img,.about-text{width:100%}#about .name{padding:0 20px}#about .name .name-top{flex-direction:column;gap:24px}#about .name .img-box,#about .name .name-box{width:100%}#about .name .img-box{text-align:center}#about .name .name-box{padding:32px 0}}#skill{padding:80px 0;background-color:#f7f7f7}#skill .products-title h2,#skill .products-title p{color:#333}#skill .products-title h2::after{background-color:#333}.skill-container{display:flex;gap:50px;align-items:flex-start;padding:0 20px}.skill-list,.skill-chart{width:50%}.skill-list .skill-item{margin-bottom:25px}.skill-list h3,.skill-chart h3{font-size:1.25rem;font-weight:600;margin-bottom:15px;padding-bottom:8px;border-bottom:2px solid #ddd}.skill-chart h3 span{font-size:.9rem}.skill-list p{font-size:1rem;line-height:1.8;color:#555}.skill-chart ul{list-style:none;padding-top:10px}.skill-chart li{margin-bottom:20px}.skill-chart .skill-name{display:block;margin-bottom:8px;font-weight:500}.skill-chart .bar-container{width:100%;height:22px;background-color:#e0e0e0;border-radius:11px;overflow:hidden}.skill-chart .bar{display:block;height:22px;background:linear-gradient(90deg,#6a11cb,#2575fc);border-radius:11px;width:0;transition:width 1.5s .3s ease-out}.skill-chart .bar-container p{margin:0;line-height:0}.products-title{text-align:center;margin-bottom:60px}@media screen and (max-width:768px){.skill-container{flex-direction:column;gap:50px}.skill-list,.skill-chart{width:100%}.skill-list .skill-item{margin-bottom:16px}}#service{padding:80px 20px;background-color:#ecece6}#service .products-title{margin-bottom:40px}#service .service-list{display:flex;gap:30px;justify-content:center}#service .service-item{flex:1;background:#fff;padding:40px 30px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06)}#service .service-num{font-size:14px;letter-spacing:4px;color:#9f8e6d;margin-bottom:12px}#service .service-item h3{font-size:20px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #333;color:#333}#service .service-item p:last-child{font-size:14px;line-height:1.9;color:#555;margin-bottom:0}@media screen and (max-width:768px){#service{padding:60px 20px}#service .service-list{flex-direction:column;gap:20px}}#blog{padding:80px 20px;background-color:#ecece6}#blog .products-title{margin-bottom:40px}#blog .blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}#blog .blog-card{display:flex;flex-direction:column;gap:10px;min-width:0;background:#fff;padding:28px 26px 24px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.06);color:#333;text-decoration:none;transition:transform .2s , box-shadow .2s}#blog .blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1)}#blog .blog-card-en{font-size:12px;letter-spacing:.3em;color:#9f8e6d;font-weight:600}#blog .blog-card-head{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid #333}#blog .blog-card-icon{flex:none;width:38px;height:38px;color:#2c2c2c;--fl:#b9a983}#blog .blog-card-icon svg{display:block;width:100%;height:100%;overflow:visible}#blog .blog-card:hover .blog-card-icon{--fl:#9f8e6d}#blog .blog-card h3{font-size:18px;font-weight:600;margin:0;color:#333}#blog .blog-card p{font-size:14px;line-height:1.8;color:#555;margin:0;flex:1}#blog .blog-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#666;margin-top:4px}#blog .blog-card-meta b{font-weight:600;color:#333}#blog .blog-card-meta span::after{content:" →";color:#9f8e6d}#blog .blog-more{display:block;text-align:center;margin-top:36px;font-size:14px;letter-spacing:.14em;color:#555}#blog .blog-more::after{content:" →";color:#9f8e6d}@media screen and (max-width:900px){#blog .blog-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:560px){#blog{padding:60px 20px}#blog .blog-cards{grid-template-columns:1fr;gap:16px}}#app{padding:80px 20px;background-color:#fff}#web{padding:80px 20px;background-color:#ecece6}#app .products-title,#web .products-title{margin-bottom:40px}#app .app-cards,#web .app-cards{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0}#app .app-card,#web .app-card{display:flex;flex-direction:column;gap:10px;min-width:0}#app .app-card-media,#web .app-card-media{display:block}#app .app-card h3,#web .app-card h3{margin:0;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:.04em}#app .app-card h3 a,#web .app-card h3 a{color:#333}#app .app-card h3 small,#web .app-card h3 small{display:block;font-size:12px;font-weight:400;color:#666}#app .app-card p,#web .app-card p{margin:0;font-size:14px;line-height:1.8;color:#555;flex:1}@media screen and (max-width:900px){#app .app-cards,#web .app-cards{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:560px){#app,#web{padding:60px 20px}#app .app-cards,#web .app-cards{grid-template-columns:1fr;gap:32px}}.products-title.st2{max-width:1100px;margin:0 auto;padding:0 20px;text-align:left}#concept .products-title.st2,#service .products-title.st2,#about .products-title.st2,#skill .products-title.st2,#app .products-title.st2,#web .products-title.st2,#stream .products-title.st2,#faq .products-title.st2,#blog .products-title.st2{margin-bottom:48px}#service .products-title.st2,#stream .products-title.st2,#app .products-title.st2,#web .products-title.st2,#blog .products-title.st2,#faq .products-title.st2{padding:0}#concept .products-title.st2{padding:0}#about .products-title.st2{max-width:960px;padding:0 24px}#faq .products-title.st2{max-width:820px}.products-title.st2 .st-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.products-title.st2 .st-num{font-family:"Quicksand",sans-serif;font-size:13px;font-weight:400;letter-spacing:.1em;line-height:1;color:#9f8e6d;font-variant-numeric:tabular-nums}.products-title.st2 .st-top i{display:block;width:120px;height:1px;background:#d9d6cf}.products-title.st2 .st-en{font-family:"Quicksand",sans-serif;font-size:11px;font-weight:600;letter-spacing:.32em;line-height:1;color:#2c2c2c}.products-title.st2 h2{margin:0;font-family:"Noto Serif JP",serif;font-size:28px;font-weight:500;letter-spacing:.06em;line-height:1.45;color:#2c2c2c;text-wrap:balance}#concept .products-title.st2 .st-en,#concept .products-title.st2 h2{color:#fff}#concept .products-title.st2 .st-num{color:#cdbf9f}#concept .products-title.st2 .st-top i{background:rgba(255,255,255,.25)}@media screen and (max-width:768px){#concept .products-title.st2,#service .products-title.st2,#about .products-title.st2,#skill .products-title.st2,#app .products-title.st2,#web .products-title.st2,#stream .products-title.st2,#faq .products-title.st2,#blog .products-title.st2{margin-bottom:32px}#about .products-title.st2{padding:0 20px}.products-title.st2 .st-top i{width:48px}.products-title.st2 h2{font-size:22px}}#service .service-list.v2{gap:40px;align-items:stretch}#service .service-list.v2 .service-item{position:relative;background:none;padding:22px 0 0;border-radius:0;box-shadow:none;border-top:1px solid #2c2c2c}#service .service-list.v2 .service-item::before{content:"";position:absolute;top:-1px;left:0;width:36px;height:1px;background:#9f8e6d}#service .service-list.v2 p.service-num{font-family:"Quicksand",sans-serif;font-size:64px;font-weight:300;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px #2c2c2c;margin-bottom:18px}#service .service-list.v2 .service-item h3{font-family:"Noto Serif JP",serif;font-size:20px;font-weight:500;letter-spacing:.04em;color:#2c2c2c;margin-bottom:12px;padding-bottom:0;border-bottom:0}#service .service-list.v2 .service-item p:not(.service-num) {font-size:14.5px;line-height:1.9;color:#4a4a4a;margin-bottom:16px}#service .service-list.v2 .service-kw{font-family:"Quicksand",sans-serif;font-size:11px;letter-spacing:.14em;color:#9f8e6d}#about{background-color:#f3f1eb}#about .about-v2{max-width:960px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:300px 1fr;gap:64px;align-items:start}#about .about-photo{position:relative;margin:14px 0 0 14px}#about .about-photo::before{content:"";position:absolute;top:-14px;left:-14px;width:100%;height:100%;border:1px solid #9f8e6d;pointer-events:none}#about .about-photo img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}#about .about-en{font-family:"Quicksand",sans-serif;font-size:12px;letter-spacing:.32em;color:#9f8e6d;font-weight:600;margin-bottom:8px}#about .about-body h3{font-family:"Noto Serif JP",serif;font-size:34px;font-weight:500;letter-spacing:.1em;line-height:1.3;margin:0 0 6px}#about .about-role{font-size:13px;color:#6b6b6b;letter-spacing:.08em;margin-bottom:22px}#about .about-lead{font-size:14.5px;line-height:1.9;color:#4a4a4a;margin:0 0 28px}#about .about-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 32px;margin:0;border-top:1px solid #d9d6cf;padding-top:22px}#about .about-facts dt{font-family:"Quicksand",sans-serif;font-size:11px;letter-spacing:.2em;color:#9f8e6d;font-weight:600;margin-bottom:4px}#about .about-facts dd{margin:0;font-size:14px;line-height:1.7;color:#2c2c2c}.skill-container.v2{gap:64px}.skill-container.v2 .skill-chart h3{display:flex;align-items:baseline;gap:12px;font-family:"Noto Serif JP",serif;font-size:16px;font-weight:500;letter-spacing:.06em;margin:36px 0 14px;padding-bottom:10px;border-bottom:1px solid #2c2c2c}.skill-container.v2 .skill-chart h3:first-child{margin-top:0}.skill-container.v2 .skill-chart h3 small{font-family:"Quicksand",sans-serif;font-size:11px;letter-spacing:.14em;color:#9f8e6d;font-weight:600}.skill-container.v2 .skill-chart ul{margin:0;padding:0}.skill-container.v2 .skill-chart li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0;padding:9px 0;border-bottom:1px solid #e6e3dc}.skill-container.v2 .skill-nm{font-size:14px}.skill-container.v2 .skill-nm small{font-size:12px;color:#6b6b6b;margin-left:6px}.skill-container.v2 .skill-ticks{display:flex;gap:4px}.skill-container.v2 .skill-ticks i{display:block;width:3px;height:14px;background:#d9d6cf;border-radius:1px}.skill-container.v2 .skill-ticks i.on{background:#2c2c2c}.skill-container.v2 .skill-ticks i.on.top{background:#9f8e6d}.skill-container.v2 .skill-chart li.has-ic{grid-template-columns:20px minmax(0,1fr) auto;gap:14px}.skill-container.v2 .skill-ic{display:flex;justify-content:center;width:20px;color:#2c2c2c;transition:color .2s}.skill-container.v2 .skill-ic svg{display:block;width:18px;height:18px;fill:currentColor}.skill-container.v2 .skill-chart li.has-ic:hover .skill-ic{color:#9f8e6d}#stream .flow-list.v2{position:relative;max-width:860px;margin:0 auto;padding:0}#stream .flow-list.v2::before{content:"";position:absolute;left:104px;top:8px;bottom:8px;width:1px;background:#d9d6cf}#stream .flow-list.v2 .flow-item{display:grid;grid-template-columns:84px 40px 1fr;gap:0;align-items:start;padding:0 0 44px;border:0}#stream .flow-list.v2 .flow-item:last-child{padding-bottom:0}#stream .flow-list.v2 .flow-item-number{font-family:"Quicksand",sans-serif;font-size:40px;font-weight:300;line-height:1;color:#2c2c2c;text-align:right;min-width:0;padding:0;margin-top:-4px}#stream .flow-list.v2 .flow-dot{position:relative;height:100%}#stream .flow-list.v2 .flow-dot::before{content:"";position:absolute;left:20px;top:8px;width:9px;height:9px;border-radius:50%;background:#fff;border:1px solid #9f8e6d;transform:translateX(-50%);box-shadow:0 0 0 4px #fff}#stream .flow-list.v2 .flow-item:first-child .flow-dot::before{background:#9f8e6d}#stream .flow-list.v2 .flow-item-content h3{font-family:"Noto Serif JP",serif;font-size:19px;font-weight:500;letter-spacing:.04em;line-height:1.5;margin:0 0 8px}#stream .flow-list.v2 .flow-item-content p{font-size:14.5px;line-height:1.9;color:#4a4a4a;margin:0;max-width:620px}@media screen and (max-width:768px){#service .service-list.v2{gap:28px}#service .service-list.v2 p.service-num{font-size:48px}#about .about-v2{grid-template-columns:1fr;gap:36px;padding:0 20px}#about .about-photo{max-width:240px}#about .about-body h3{font-size:28px}#about .about-facts{grid-template-columns:1fr;gap:14px}.skill-container.v2{gap:40px}#stream .flow-list.v2::before{left:60px}#stream .flow-list.v2 .flow-item{grid-template-columns:44px 32px 1fr;padding-bottom:36px}#stream .flow-list.v2 .flow-item-number{font-size:28px;margin-top:-2px}#stream .flow-list.v2 .flow-dot::before{left:16px}}#concept:has(.concept-v2) {background:#f3f1eb;padding:104px 20px}.concept-a{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:72px;align-items:center;max-width:1100px;margin:0 auto}.concept-a .concept-figure{position:relative;margin:0;aspect-ratio: 3 / 4;max-width:100%;overflow:hidden;border-radius:2px;background:#121214}.concept-a .concept-figure picture{display:block;height:100%}.concept-a .concept-photo{display:block;width:100%;height:100%;object-fit:cover}.concept-a .concept-figure figcaption{position:absolute;left:16px;bottom:14px;font-family:"Quicksand",sans-serif;font-size:10px;font-weight:500;letter-spacing:.3em;color:rgba(255,255,255,.75)}.concept-a .concept-body{min-width:0}#concept .concept-a .products-title.st2{margin-bottom:0}#concept .concept-a .products-title.st2 .st-en,#concept .concept-a .products-title.st2 h2{color:#2c2c2c}#concept .concept-a .products-title.st2 .st-num{color:#9f8e6d}#concept .concept-a .products-title.st2 .st-top i{background:#d9d6cf}#concept .concept-a .products-title.st2 h2{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#concept .concept-a .products-title.st2 .st-top{margin-bottom:0}.concept-a .concept-dict{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 18px;margin:40px 0 0;padding:18px 0;border-top:1px solid #d9d6cf;border-bottom:1px solid #d9d6cf}.concept-a .concept-dict dt{font-family:"Quicksand",sans-serif;font-size:22px;font-weight:500;letter-spacing:.04em;color:#2c2c2c}.concept-a .concept-dict dd{margin:0;font-size:12px;letter-spacing:.08em;color:#7b776f}.concept-a .concept-dict dd.concept-def{grid-column: 1 / -1;font-size:14px;color:#4a4a4a}.concept-a .concept-dict dd.concept-def b{margin-right:8px;font-family:"Quicksand",sans-serif;font-size:12px;font-weight:600;color:#9f8e6d}#concept .concept-a .concept-quote{margin:28px 0 24px;font-family:"Noto Serif JP",serif;font-size:clamp(28px,3.6vw,42px);font-weight:500;letter-spacing:.12em;line-height:1.5;color:#2c2c2c}#concept .concept-a .concept-quote span{color:#9f8e6d}#concept .concept-a .concept-paras p{margin:0 0 18px;max-width:34em;line-height:2.05;color:#4a4a4a}#concept .concept-a .concept-paras p.concept-sign{margin:28px 0 0;font-family:"Noto Serif JP",serif;letter-spacing:.08em;color:#2c2c2c}@media screen and (max-width:768px){#concept:has(.concept-v2) {padding:64px 20px 72px}.concept-a{grid-template-columns:1fr;gap:36px}.concept-a .concept-figure{aspect-ratio: 4 / 3}.concept-a .concept-dict{margin-top:32px}.concept-a .concept-dict dt{font-size:20px}.concept-a .concept-dict dd{grid-column: 1 / -1}#concept .concept-a .concept-quote{margin:22px 0 20px}#concept .concept-a .concept-paras p{margin-bottom:16px;line-height:2}}body:has(.concept-v2) #mainvisual.hero-outline,
body:has(.concept-v2) footer {background:#121214}body:has(.concept-v2) #service,
body:has(.concept-v2) #about,
body:has(.concept-v2) #skill,
body:has(.concept-v2) #stream,
body:has(.concept-v2) #faq {background-color:#fff}body:has(.concept-v2) #app,
body:has(.concept-v2) #web,
body:has(.concept-v2) #blog {background-color:#f3f1eb}body:has(.concept-v2) #about,
body:has(.concept-v2) #skill,
body:has(.concept-v2) #web,
body:has(.concept-v2) #faq {position:relative}body:has(.concept-v2) #about::before,
body:has(.concept-v2) #skill::before,
body:has(.concept-v2) #web::before,
body:has(.concept-v2) #faq::before {content:"";position:absolute;top:0;left:50%;width:min(1100px,100% - 40px);height:1px;background:#e2ded5;transform:translateX(-50%)}body:has(.concept-v2) #web::before {background:#ddd8cc}