@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
:root{--ruri-blue:#2a5caa;--ivory:#f9f9f5;--text-dark:#222;--accent-gold:#c6a15b}body{background-color:var(--ivory);color:var(--text-dark);font-family:"Poppins","Noto Sans JP",sans-serif;line-height:1.8;font-weight:400}section h2{font-size:1.8rem;font-weight:700;letter-spacing:.05em;color:var(--ruri-blue);text-align:center;margin-bottom:2.5rem}.btn-primary{display:inline-block;margin-top:2rem;padding:.8em 2em;border-radius:999px;background-color:var(--ruri-blue);color:#fff;font-weight:600;text-decoration:none;transition:.3s ease}.btn-primary:hover{background-color:var(--accent-gold)}section{padding:6rem 2rem;max-width:1100px;margin:0 auto}#hero{text-align:center;padding:9rem 2rem 8rem;background:linear-gradient(180deg,#fff 0%,#f9f9f5 100%)}#hero h2{font-size:2.4rem;color:var(--ruri-blue);margin-bottom:1rem}#hero p{font-size:1.1rem;opacity:.85}#recent-works{text-align:center}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.work-card{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.08);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease}.work-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.12)}.work-card img{width:100%;height:auto;display:block}.work-card p{padding:1rem;font-weight:600}#blog{text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:1rem;box-shadow:0 4px 8px rgba(0,0,0,.08);overflow:hidden;text-decoration:none;color:var(--text-dark);transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.12)}.blog-card h3{font-size:1.1rem;color:var(--ruri-blue);margin-bottom:.5rem}.blog-thumb{width:100%;height:180px;object-fit:cover;display:block}.blog-content{padding:1.5rem}.blog-content h3{font-size:1.1rem;color:var(--ruri-blue);margin-bottom:.5rem}.blog-content p{font-size:.95rem;opacity:.8;margin-bottom:.5rem}.blog-content .date{font-size:.85rem;color:#777}.blog-card p{font-size:.95rem;opacity:.8;margin-bottom:.5rem}.blog-card .date{font-size:.85rem;color:#777}#about-me{border-top:1px solid #eee;border-bottom:1px solid #eee}.about-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3rem;max-width:900px;margin:0 auto;text-align:left}.about-image img{width:160px;height:auto;display:block;margin:0 auto}.about-text{flex:1;min-width:280px}.about-text p{margin-bottom:1rem;font-size:1rem;line-height:1.8;color:#333}@media (max-width:768px){.about-wrapper{flex-direction:column;text-align:center}.about-text{text-align:center}}.about-hero,.about-two-col,.about-creative,.about-grid,.about-next{max-width:1100px;margin:0 auto;padding:6rem 2rem}.about-hero{text-align:center;background:linear-gradient(180deg,#fff 0%,#f9f9f5 100%)}.about-hero h1{color:var(--ruri-blue);font-size:2.2rem;margin-bottom:1rem;font-weight:700}.about-hero .tagline{font-size:1.2rem;color:#444;line-height:1.8;margin-bottom:3rem}.lede.en,.en{font-size:1.05rem;color:#333;line-height:1.9;margin-bottom:1rem;letter-spacing:.02em}.lede.jp,.jp{font-size:.95rem;color:#444;line-height:2;margin-bottom:1.5rem}.about-cta{margin-top:2.5rem;text-align:center}.btn-outline{display:inline-block;padding:.8em 2em;border-radius:999px;border:2px solid var(--ruri-blue);color:var(--ruri-blue);text-decoration:none;font-weight:600;transition:.3s ease}.btn-outline:hover{background-color:var(--ruri-blue);color:#fff}.about-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:4rem;align-items:start}.about-two-col h2{color:var(--ruri-blue);font-size:1.6rem;margin-bottom:1.5rem}.checklist{list-style:none;padding:0;margin:0}.checklist li{margin-bottom:1.5rem;line-height:1.8}.checklist strong{color:var(--ruri-blue)}.about-creative{background:#fff;border-radius:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.05);text-align:center}.about-creative h2{color:var(--ruri-blue);font-size:1.6rem;margin-bottom:2rem}.about-creative p{max-width:700px;margin:0 auto 1.5rem;line-height:1.9}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;margin-top:3rem}.about-card{background:#fff;border-radius:1rem;box-shadow:0 4px 8px rgba(0,0,0,.08);padding:2rem}.about-card h3{color:var(--ruri-blue);font-size:1.3rem;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.linklist{list-style:none;padding:0;margin:0 0 1.5rem}.linklist li{margin-bottom:.8rem}.linklist a{color:var(--text-dark);text-decoration:none;transition:color .3s ease}.linklist a:hover{color:var(--ruri-blue)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tags li{background:var(--ivory);color:var(--ruri-blue);border:1px solid var(--ruri-blue);border-radius:999px;padding:.4em 1em;font-size:.85rem}.about-next{text-align:center;background:#fafafa;border-top:1px solid #eee;border-bottom:1px solid #eee}.about-next h2{font-size:1.6rem;color:var(--ruri-blue);margin-bottom:2rem}.about-next p{max-width:720px;margin:0 auto 1.5rem;line-height:1.9}@media (max-width:768px){.about-hero h1{font-size:1.8rem}.about-two-col{gap:2.5rem}.about-card{padding:1.5rem}.about-next{padding:4rem 1.5rem}}.works-page{background:#fff;padding-bottom:6rem}.works-intro{text-align:center;padding:6rem 2rem 3rem}.works-intro .page-title{font-size:2.2rem;color:var(--ruri-blue);font-weight:700;margin-bottom:1rem;letter-spacing:.03em}.works-intro .page-desc{font-size:1.1rem;color:#555;line-height:1.8;max-width:700px;margin:0 auto}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:3rem;max-width:1100px;margin:3rem auto 0;padding:0 2rem}.work-card{background:#fff;border-radius:1.5rem;box-shadow:0 4px 10px rgba(0,0,0,.05);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.work-card:hover{transform:translateY(-6px);box-shadow:0 6px 16px rgba(0,0,0,.1)}.work-card img{width:100%;height:auto;display:block;object-fit:cover}.work-content{padding:2rem}.work-content h2{font-size:1.3rem;font-weight:600;color:var(--ruri-blue);margin-bottom:.5rem;line-height:1.5}.work-meta{color:#777;font-size:.9rem;margin-bottom:1.2rem;letter-spacing:.03em}.work-desc.en{font-size:1rem;line-height:1.9;color:#333;margin-bottom:.6rem}.work-desc.jp{font-size:.95rem;color:#444;line-height:1.9;margin-bottom:1.2rem}.work-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1rem}.work-links a{display:inline-block;padding:.6em 1.4em;font-size:.9rem;font-weight:600;color:var(--ruri-blue);border:1.5px solid var(--ruri-blue);border-radius:999px;text-decoration:none;transition:all .3s ease}.work-links a:hover{background:var(--ruri-blue);color:#fff}.fadein{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fadein.show{opacity:1;transform:translateY(0)}@media (max-width:768px){.works-intro{padding:4rem 1.5rem 2rem}.works-intro .page-title{font-size:1.8rem}.works-grid{gap:2rem;padding:0 1.5rem}.work-content{padding:1.5rem}}.contact-page{background:var(--ivory);padding-bottom:6rem}.contact-hero{text-align:center;padding:6rem 2rem 3rem}.contact-hero h1{font-size:2.2rem;color:var(--ruri-blue);font-weight:700;margin-bottom:1rem}.contact-hero .lead{font-size:1.05rem;color:#444;line-height:1.9;max-width:720px;margin:0 auto}.contact-form{max-width:700px;margin:3rem auto;padding:2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.05)}.contact-form-inner{display:flex;flex-direction:column;gap:1.5rem}.contact-form-inner label{font-weight:600;color:var(--text-dark);font-size:.95rem;margin-bottom:.3rem;display:block}.contact-form-inner input,.contact-form-inner textarea{width:100%;padding:.8em 1em;border:1px solid #ccc;border-radius:.5em;font-family:inherit;font-size:.95rem;background:#fff;transition:border-color .3s ease}.contact-form-inner input:focus,.contact-form-inner textarea:focus{border-color:var(--ruri-blue);outline:none}.contact-form-inner textarea{min-height:180px;resize:vertical}.form-note{font-size:.9rem;color:#666;line-height:1.6;margin-bottom:.5rem}.form-note .jp{display:block;font-size:.85rem;color:#888}.required{color:var(--accent-gold);font-weight:700}.submit-wrap{text-align:center;margin-top:1.5rem}.submit-wrap input[type=submit]{background-color:var(--ruri-blue);color:#fff;border:none;padding:.9em 2.2em;border-radius:999px;font-weight:600;font-size:1rem;cursor:pointer;transition:.3s ease}.submit-wrap input[type=submit]:hover{background-color:var(--accent-gold)}.wpcf7 input,.wpcf7 textarea{width:100%;border:1px solid #ccc;border-radius:6px;padding:.8em 1em;font-size:1rem;font-family:"Poppins","Noto Sans JP",sans-serif;transition:border-color .3s ease}.wpcf7 input:focus,.wpcf7 textarea:focus{border-color:#2a5caa;outline:none}.wpcf7-submit{background-color:#2a5caa;color:#fff;font-weight:600;padding:.8em 2em;border:none;border-radius:999px;cursor:pointer;transition:background .3s ease}.wpcf7-submit:hover{background-color:#c6a15b}.fadein{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fadein.show{opacity:1;transform:translateY(0)}