@font-face{font-family:'YuseiMagic';src:url(../fonts/YuseiMagic-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Kosugi';src:url(../fonts/Kosugi-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'HachiMaruPop';src:url(../fonts/HachiMaruPop-Regular.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Noto Sans JP';src:url(../fonts/NotoSansJP-VariableFont_wght.ttf) format('truetype');font-weight:100 900;font-style:normal;font-display:swap}:root{--sic-primary:#46757e;--sic-primary-dark:#345b63;--sic-primary-soft:#edf4f5;--sic-text:#243438;--sic-text-sub:#65777b;--sic-placeholder:#96a5a8;--sic-surface:#fff;--sic-surface-soft:#f7f9f9;--sic-border:#dce5e7;--sic-border-strong:#c6d4d7;--sic-danger:#b85454;--sic-shadow-sm:0 4px 16px rgba(37,65,71,.07);--sic-shadow-md:0 14px 38px rgba(37,65,71,.11);--sic-focus-ring:0 0 0 4px rgba(70,117,126,.14)}#sic-form,#sic-form *,#sic-result,#sic-result *{box-sizing:border-box}#sic-form{width:min(1200px,calc(100% - 32px));margin:40px auto;padding:clamp(24px,4vw,48px);overflow:hidden;color:var(--sic-text);font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.75;background:var(--sic-surface);border:1px solid rgba(70,117,126,.14);border-radius:24px;box-shadow:var(--sic-shadow-md)}#sic-form>center:first-of-type{margin-bottom:8px}#sic-form > center:nth-of-type(2) {max-width:760px;margin:0 auto 42px;padding:14px 18px;color:var(--sic-text-sub);font-size:15px;background:var(--sic-primary-soft);border-radius:14px}#sic-form .sic-notice{display:flex;align-items:flex-start;gap:16px;max-width:900px;margin:-18px auto 38px;padding:20px 22px;color:var(--sic-text);background:linear-gradient(135deg,rgba(237,244,245,.96),rgba(255,255,255,.98));border:1px solid rgba(70,117,126,.24);border-left:5px solid var(--sic-primary);border-radius:16px;box-shadow:var(--sic-shadow-sm)}#sic-form .sic-notice-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;margin-top:1px;color:#fff;font-family:Georgia,serif;font-size:20px;font-weight:700;line-height:1;background:var(--sic-primary);border-radius:50%}#sic-form .sic-notice-content{min-width:0}#sic-form .sic-notice .sic-notice-title{display:block;margin:0 0 8px;padding:0;color:var(--sic-primary-dark);font-size:17px;font-weight:750;line-height:1.5;border:0}#sic-form .sic-notice .sic-notice-title::before{display:none}#sic-form .sic-notice-list{margin:0;padding-left:1.35em}#sic-form .sic-notice-list li{margin:0;color:var(--sic-text-sub);font-size:14px;line-height:1.75}#sic-form .sic-notice-list li+li{margin-top:5px}#sic-form h1{margin:0;color:var(--sic-text);font-size:clamp(27px,4vw,40px);font-weight:750;line-height:1.35;letter-spacing:.02em}#sic-form h1::after{display:block;width:54px;height:4px;margin:16px auto 0;content:'';background:var(--sic-primary);border-radius:999px}#sic-form h2,#sic-form #sic-input-section h2,#sic-form #sic-input-section h3{display:flex;align-items:center;gap:12px;margin:44px 0 22px;padding:0 0 13px;color:var(--sic-text);font-size:clamp(20px,2.5vw,25px);font-weight:700;line-height:1.4;border-bottom:1px solid var(--sic-border)}#sic-form h2::before,#sic-form #sic-input-section h3::before{width:5px;height:1.15em;flex:0 0 auto;content:'';background:var(--sic-primary);border-radius:999px}#sic-form h4{margin:0 0 14px;color:var(--sic-text);font-size:16px;font-weight:700}#sic-template-selection>label,#sic-selected-template>label,#sic-color-selection-container>label,#sic-font-selection-container>label,#sic-form .sic-options-right>label{display:block;margin:0 0 12px;color:var(--sic-text);font-size:15px;font-weight:650}#sic-form .sic-templates{display:flex!important;flex-wrap:wrap!important;justify-content:center;gap:18px;width:100%;margin:0 0 32px}#sic-form .sic-template-item{position:relative;flex: 0 0 calc((100% - 54px) / 4) !important;width: calc((100% - 54px) / 4) !important;max-width: calc((100% - 54px) / 4) !important;min-width:0;overflow:hidden;text-align:center;cursor:pointer;background:var(--sic-surface);border:1px solid var(--sic-border);border-radius:16px;box-shadow:var(--sic-shadow-sm);transition:transform .22s ease , border-color .22s ease , box-shadow .22s ease}#sic-form .sic-template-item::after{position:absolute;top:12px;right:12px;display:grid;width:30px;height:30px;place-items:center;content:'✓';color:#fff;font-size:16px;font-weight:800;background:var(--sic-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(52,91,99,.28);opacity:0;transform:scale(.75);transition:opacity .2s ease , transform .2s ease}#sic-form .sic-template-item:hover{border-color:rgba(70,117,126,.55);box-shadow:0 12px 26px rgba(37,65,71,.13);transform:translateY(-4px)}#sic-form .sic-template-item.selected{border-color:var(--sic-primary);box-shadow:0 0 0 3px rgba(70,117,126,.14) , var(--sic-shadow-sm)}#sic-form .sic-template-item.selected::after{opacity:1;transform:scale(1)}#sic-form .sic-template-thumbnail{display:block;width:100%;height:auto;aspect-ratio: 4 / 3;object-fit:cover;background:var(--sic-surface-soft)}#sic-form .sic-template-item p{min-height:52px;margin:0;padding:13px 12px;color:var(--sic-text);font-size:14px;font-weight:600;line-height:1.55;background:var(--sic-surface);border-top:1px solid var(--sic-border)}#sic-form .sic-templates>center{flex:0 0 100%!important;width:100%!important;margin-top:4px;padding:24px;background:var(--sic-primary-soft);border:1px solid rgba(70,117,126,.14);border-radius:16px}#sic-form .sic-templates>center h4{margin-bottom:12px;color:var(--sic-text-sub);font-size:14px;font-weight:600}#sic-selected-template{margin:32px 0;padding:clamp(18px,3vw,28px);text-align:center;background:var(--sic-surface-soft);border:1px solid var(--sic-border);border-radius:18px}#sic-selected-template .sic-selected-template-image{max-width:820px;margin:0 auto}#sic-selected-template .sic-selected-template-image img{display:block;width:100%;height:auto;margin:0 auto;background:#fff;border:1px solid var(--sic-border);border-radius:14px;box-shadow:var(--sic-shadow-sm)}.sic-options-container{width:100%;gap:20px;margin:30px 0 8px;align-items:stretch}#sic-form .sic-options-container:not([style*='display: none']):not([style*='display:none']) {display:flex!important;flex-direction:row;flex-wrap:nowrap}.sic-options-left,.sic-options-right{flex:1 1 0;width:50%;min-width:0;padding:24px;background:var(--sic-surface-soft);border:1px solid var(--sic-border);border-radius:18px}#sic-color-selection-container,#sic-font-selection-container{margin:0 0 24px}#sic-font-selection-container:last-child{margin-bottom:0}#sic-color-selection{display:block;width:100%;height:52px;padding:5px;cursor:pointer;background:#fff;border:1px solid var(--sic-border-strong);border-radius:12px}#sic-color-selection::-webkit-color-swatch-wrapper{padding:0}#sic-color-selection::-webkit-color-swatch,#sic-color-selection::-moz-color-swatch{border:0;border-radius:8px}#sic-font-selection{width:100%;min-height:50px;padding:0 42px 0 14px;color:var(--sic-text);font:inherit;font-size:16px;cursor:pointer;background:#fff;border:1px solid var(--sic-border-strong);border-radius:12px;outline:none;transition:border-color .2s ease , box-shadow .2s ease}#sic-font-selection:hover{border-color:#aebfc2}#sic-font-selection:focus{border-color:var(--sic-primary);box-shadow:var(--sic-focus-ring)}.ico_wrap label{position:relative;display:block;width:min(220px,100%);aspect-ratio: 1 / 1;margin:0 auto;overflow:hidden;cursor:pointer;background: #fff url('../images/profile_sample.jpg') center / cover no-repeat;border:2px dashed rgba(70,117,126,.42);border-radius:20px;box-shadow:inset 0 0 0 8px rgba(255,255,255,.76);transition:border-color .2s ease , box-shadow .2s ease , transform .2s ease}.ico_wrap label::before{position:absolute;inset:0;content:'';pointer-events:none;background:
        linear-gradient(rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.64)),
        url('../images/ico_select.png') center / 62px auto no-repeat;opacity:0;transition:opacity .2s ease}.ico_wrap label:hover{border-color:var(--sic-primary);box-shadow:inset 0 0 0 8px rgba(255,255,255,.76) , 0 10px 24px rgba(37,65,71,.12);transform:translateY(-2px)}.ico_wrap label:hover::before{opacity:1}.ico_wrap input[type="file"]{display:none}.upload-instruction{position:absolute;top:50%;left:50%;z-index:2;width:calc(100% - 28px);padding:9px 10px;color:var(--sic-primary-dark);font-size:14px;font-weight:700;line-height:1.5;text-align:center;pointer-events:none;background:rgba(255,255,255,.86);border-radius:10px;transform:translate(-50%,-50%);transition:opacity .2s ease , visibility .2s ease}.upload-instruction.hidden{opacity:0;visibility:hidden}#sic-input-section{margin-top:10px}.sic-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 18px}.sic-column{min-width:0}.sic-column>label,.sic-column>h4,.check-services-column>h4{display:block;margin:0 0 8px;color:var(--sic-text);font-size:14px;font-weight:650}.sic-column input[type="text"],.sic-column textarea,.sic-column select,#sic-free-space{width:100%;min-height:50px;margin:0;padding:12px 14px;color:var(--sic-text);font:inherit;font-size:16px;line-height:1.65;background:#fff;border:1px solid var(--sic-border-strong);border-radius:12px;outline:none;box-shadow:0 1px 2px rgba(37,65,71,.02);transition:border-color .2s ease , box-shadow .2s ease}.sic-column textarea,#sic-free-space{min-height:112px;resize:vertical}#sic-free-space{display:block}.sic-column input[type="text"]::placeholder,.sic-column textarea::placeholder,#sic-free-space::placeholder{color:var(--sic-placeholder);opacity:1}.sic-column input[type="text"]:hover,.sic-column textarea:hover,.sic-column select:hover,#sic-free-space:hover{border-color:#aebfc2}.sic-column input[type="text"]:focus,.sic-column textarea:focus,.sic-column select:focus,#sic-free-space:focus{border-color:var(--sic-primary);box-shadow:var(--sic-focus-ring)}.check-services-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.check-services-column{min-width:0;padding:22px;background:var(--sic-surface-soft);border:1px solid var(--sic-border);border-radius:16px}.checkbox-group{display:flex;flex-wrap:wrap;gap:9px}.checkbox-group label{display:inline-flex;align-items:center;min-height:40px;margin:0;padding:8px 12px;color:var(--sic-text-sub);font-size:13px;font-weight:550;line-height:1.4;cursor:pointer;background:#fff;border:1px solid var(--sic-border);border-radius:999px;transition:color .2s ease , border-color .2s ease , background-color .2s ease , transform .2s ease}.checkbox-group label:hover{color:var(--sic-primary-dark);background:var(--sic-primary-soft);border-color:rgba(70,117,126,.4);transform:translateY(-1px)}.checkbox-group input[type="checkbox"]{width:18px;height:18px;margin:0 7px 0 0;flex:0 0 auto;cursor:pointer;accent-color:var(--sic-primary)}.checkbox-group label:has(input[type='checkbox']:checked) {color:var(--sic-primary-dark);background:var(--sic-primary-soft);border-color:var(--sic-primary)}.checkbox-group br{display:none}.sic-button{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:50px;margin:14px 10px 0 0;padding:12px 24px;color:#fff!important;font:inherit;font-size:15px;font-weight:700;line-height:1.3;text-align:center;text-decoration:none!important;cursor:pointer;background:var(--sic-primary);border:1px solid var(--sic-primary);border-radius:12px;box-shadow:0 7px 18px rgba(52,91,99,.20);transition:background-color .2s ease , border-color .2s ease , box-shadow .2s ease , transform .2s ease}.sic-button:hover,.sic-button:focus-visible{color:#fff!important;background:var(--sic-primary-dark);border-color:var(--sic-primary-dark);box-shadow:0 10px 22px rgba(52,91,99,.25);outline:none;transform:translateY(-2px)}.sic-button:active{box-shadow:0 4px 10px rgba(52,91,99,.18);transform:translateY(0)}#sic-loading{margin:24px 0 0;padding:22px;text-align:center;background:var(--sic-primary-soft);border:1px solid rgba(70,117,126,.12);border-radius:14px}#sic-loading img{display:block;width:48px;height:48px;margin:0 auto;object-fit:contain;animation:sic-spin .9s linear infinite}#sic-loading p{margin:9px 0 0;color:var(--sic-text-sub);font-size:14px;font-weight:600}@keyframes sic-spin {
    to { transform: rotate(360deg); }
}#sic-result{width:min(1200px,calc(100% - 32px));margin:28px auto 48px;color:var(--sic-text);font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;text-align:center}#sic-result h3{margin:0 0 16px;color:var(--sic-text);font-size:clamp(19px,2.4vw,24px);font-weight:700}#sic-result>img,#sic-result .image-container{width:100%}#sic-result img{display:block;width:100%;max-width:100%;height:auto;margin:0 auto;padding:clamp(8px,2vw,18px);background:#fff;border:1px solid var(--sic-border);border-radius:18px;box-shadow:var(--sic-shadow-md)}#sic-result .image-container{display:flex;max-width:100%;flex-direction:column;align-items:center}#sic-result .download-button{position:static!important;top:auto!important;left:auto!important;display:inline-flex!important;min-width:200px;margin:18px auto 0!important;background:var(--sic-primary);border-color:var(--sic-primary);transform:none}#sic-result .download-button:hover,#sic-result .download-button:focus-visible{background:var(--sic-primary-dark);border-color:var(--sic-primary-dark);transform:translateY(-2px)}#sic-form :focus-visible,#sic-result :focus-visible{outline:3px solid rgba(70,117,126,.28);outline-offset:3px}#sic-form input:focus-visible,#sic-form textarea:focus-visible,#sic-form select:focus-visible{outline:none}@media (min-width:521px) and (max-width:768px){#sic-form .sic-template-item{flex: 0 0 calc((100% - 18px) / 2) !important;width: calc((100% - 18px) / 2) !important;max-width: calc((100% - 18px) / 2) !important}.sic-row,.check-services-row{grid-template-columns:1fr}}@media (max-width:720px){#sic-form{width:min(100% - 20px,1200px);margin:20px auto;padding:24px 18px 28px;border-radius:18px}#sic-form > center:nth-of-type(2) {margin-bottom:32px;padding:12px 14px;font-size:14px}#sic-form .sic-notice{gap:12px;margin:-10px auto 30px;padding:16px;border-left-width:4px;border-radius:14px}#sic-form .sic-notice-icon{width:30px;height:30px;flex-basis:30px;font-size:18px}#sic-form .sic-notice .sic-notice-title{font-size:16px}#sic-form .sic-notice-list li{font-size:13px}#sic-form .sic-options-container:not([style*='display: none']):not([style*='display:none']) {flex-direction:column}.sic-options-left,.sic-options-right{width:100%}.sic-options-left,.sic-options-right,.check-services-column{padding:18px}#sic-result .download-button{width:min(100%,360px);margin-top:14px!important}}@media (max-width:520px){#sic-form .sic-templates{gap:14px}#sic-form .sic-template-item{flex:0 0 100%!important;width:100%!important;max-width:100%!important}#sic-form .sic-template-thumbnail{aspect-ratio:auto}#sic-form .sic-template-item p{min-height:auto}.sic-row,.check-services-row{grid-template-columns:1fr;gap:14px}.checkbox-group label{width:100%;border-radius:10px}.sic-button{width:100%;margin:10px 0 0}#sic-result{width:min(100% - 20px,1200px)}#sic-result img{padding:6px;border-radius:14px}#sic-result .download-button{width:100%}}@media (hover:none){#sic-form .sic-template-item:hover,.ico_wrap label:hover,.checkbox-group label:hover,.sic-button:hover,#sic-result .download-button:hover{transform:none}.ico_wrap label:hover::before{opacity:0}}@media (prefers-reduced-motion:reduce){#sic-form *,#sic-result *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sic-profile-heading{display:block;margin:0 0 12px;color:var(--sic-text);font-size:15px;font-weight:650;text-align:center}.sic-field-help{margin:12px 0 0;color:var(--sic-text-sub);font-size:12px;line-height:1.65;text-align:center}.sic-form-message{width:100%;margin:28px 0 8px;padding:14px 16px;font-size:14px;font-weight:650;line-height:1.7;border:1px solid transparent;border-radius:12px}.sic-form-message[hidden]{display:none!important}.sic-form-message.is-error{color:#7c3030;background:#fff4f4;border-color:#e7bcbc}.sic-form-message.is-info{color:var(--sic-primary-dark);background:var(--sic-primary-soft);border-color:rgba(70,117,126,.28)}.sic-form-message.is-success{color:#2f654d;background:#f1faf5;border-color:#b8dcc8}.sic-action-area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-top:8px}.sic-action-area .sic-button{min-width:220px;margin:0}#sic-form .sic-field-error,#sic-form input.sic-field-error,#sic-form textarea.sic-field-error,#sic-form select.sic-field-error{border-color:var(--sic-danger)!important;box-shadow:0 0 0 4px rgba(184,84,84,.13)!important}#sic-form .sic-template-item.sic-field-error{border-color:var(--sic-danger)!important;box-shadow:0 0 0 4px rgba(184,84,84,.13) , var(--sic-shadow-sm)!important}#sic-profile-image-label.sic-field-error{border-color:var(--sic-danger)!important;box-shadow:inset 0 0 0 8px rgba(255,255,255,.76) , 0 0 0 4px rgba(184,84,84,.13)!important}#sic-profile-image-label.has-image::before{opacity:0}.sic-button:disabled,.sic-button[aria-disabled="true"]{cursor:wait;box-shadow:none;opacity:.58;transform:none!important}#sic-form.is-processing{cursor:progress}#sic-loading p{margin-bottom:0}@media (max-width:520px){.sic-action-area{display:grid;grid-template-columns:1fr;gap:10px}.sic-action-area .sic-button{width:100%;margin:0}.sic-form-message{margin-top:22px;padding:13px 14px;font-size:13px}}