:root {--primary-color: #43AF80;--primary-hover: #358964;--secondary-color: #F66666;--secondary-hover: #be4f4f;--accent-color: #538ED2;--accent-hover: #3e699a;--bg-color: #f8fafc;--card-bg: rgba(255, 255, 255, 0.95);--text-main: #334155;--text-light: #64748b;--text-red:#F10101;--border-color: #e2e8f0;--link-color:#4d4dcd;--radius: 12px;--transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);--border-accent-color:#f18233;}
* {box-sizing: border-box;margin: 0;padding: 0;}
#content {line-height: 1.6;}
body {font-family: 'Inter', 'Noto Sans JP', sans-serif;background-color: var(--bg-color);color: var(--text-main);line-height: 1.6;overflow-x: hidden;}
.require-doc-contents .red{color: var(--text-red);font-weight:700;}
ul {list-style: disc;margin-bottom:0px;}
ul.list-none {list-style-type:none;padding-left:1.5rem;}
ul.list-revert {list-style-type:revert;}
ul.mark-refarence li{position:relative;padding-left:17.5rem;}
ul.mark-refarence li::before {content:"※";position:absolute;left:0;}
ul.mark-poti li{position:relative;padding-left:17.5rem; font-weight:600;margin-bottom:0;font-size:13rem;}
ul.mark-poti li span{font-weight:normal;}
ul.mark-poti li::before {content:"●";position:absolute;left:0;font-size:11rem;color:var(--accent-color);}
button {font-family: inherit;cursor: pointer;border: none;outline: none;}
.sp-only {display: none;}
.pc-only {display: inline-flex;}
.sp-image {display: none;}
.pc-image {display: block;}
.container {max-width: 1000px;margin: 0 auto;padding: 0 20px;}
.shadow-card {background: var(--card-bg);border-radius: var(--radius);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);border: 1px solid rgba(255, 255, 255, 0.5);backdrop-filter: blur(10px);}
.hero {position: relative;height: 380px;display: flex;align-items: center;justify-content: center;text-align: center;color: #3F3F46;z-index: 1;}
.hero-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;z-index: 0;}
.hero-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(135deg, rgba(30, 58, 138, 0.8) 0%, rgba(14, 165, 233, 0.6) 100%);z-index: 1;}
.hero-content {position: relative;z-index: 20;padding: 0 20px;animation: fadeInDown 0.8s ease-out;display: flex;align-items: center;justify-content: flex-start;width: 100%;max-width: 1000px;}
.hero-left {display: flex;margin-right: 40px;}
.hero-image {max-width: 100%;width: 230px;height: auto;object-fit: contain;transform: translateY(40px);}
.hero-right {text-align: left;position:relative;}
.hero-app-image {position:absolute;right:-250px;top:50%;transform:translateY(-32%);object-fit:contain;z-index:-1;}
.hero-app-image img {width:265px;height:auto;}
.hero-title {font-size: 40rem;font-weight: 700;margin-bottom: 12px;}
.hero-subtitle {font-size: 20rem;opacity: 0.9;font-weight: 600;}
@keyframes fadeInDown {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}}
.main-container {max-width: 1050px;flex-direction: column;gap: 40px;position: relative;z-index: 10;}
.main-container.reserve-contents {margin: -40px auto 60px;}
.main-container.require-doc-contents {margin: 20px auto 60px;}
.reception-info {padding: 30px;border-top: 4px solid var(--accent-color);margin-bottom:20px;}
.procedure-nav {display: flex;flex-direction: column;background: var(--white);border: 1px solid var(--border-color);border-radius: var(--radius);margin-bottom: 20px;overflow: hidden;}
.nav-item {font-weight: 700;color: var(--accent-color);display: flex;align-items: center;justify-content: center;padding: 8px;font-size: 16rem;transition: var(--transition);}
.nav-item:hover {background: #f1f5f9;}
.nav-icon {font-size: 15rem;margin-right: 12px;color: #8ab4f8;}
.procedure-main {background: var(--white);border: 1px solid var(--accent-color);border-top: 6px solid var(--accent-color);border-radius: var(--radius);padding: 24px 20px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);margin-bottom: 30px;}
.main-title {font-size: 22rem;color: var(--accent-color);margin-bottom: 16px;font-weight: 700;}
.description {font-size: 13rem;color: #555;margin-bottom: 24px;line-height: 1.6;}
.exception-box {background-color: #f7f7f7;padding: 20px;border-radius: 4px;margin-bottom: 30px;display: flex;flex-direction: column;gap: 20px;}
.exception-section {flex: 1;}
.exception-title {font-size: 13rem;color: var(--text-red);margin-bottom: 8px;font-weight: 700;margin-left: -5px;}
.exception-text {font-size: 13rem;color: #666;margin-bottom: 5px;padding-left: 10px;}
.exception-list {padding-left: 10px;}
.exception-list li {font-size: 13rem;color: #666;margin-bottom: 4px;}
.exception-box a, .description a, .item-text a {font-weight: 600;color: var(--link-color);}
.corp-pro-box {display: flex;flex-direction: column;margin-bottom: 20px;gap:20px;}
.corp-pro-box .prepare-title {background: var(--accent-color);color:#fff;border-radius:6px;line-height:30rem;padding-left:10px; font-size:13rem;width:60%;}
.corp-pro-box .prepare-item {margin-bottom:20px;}
.prepare-title {font-size: 25rem;color: #444;margin-bottom: 20px;font-weight: 700;}
.prepare-list {display: flex;flex-direction: column;gap: 30px;}
.item-title {font-size: 13rem;font-weight: 700;color: var(--text-main);margin-bottom: 12px;display: flex;align-items: center;}
.item-title .bullet {color: var(--accent-color);font-size: 11rem;margin-right: 8px;}
.item-content {padding-left: 20px;}
.flex-row {display: flex;flex-direction: row;gap: 15px;align-items: normal;}
.flex-column {display: flex;flex-direction: column;gap: 10px;}
.flex-change {display: flex;flex-direction: column;gap: 10px;margin-bottom:20px;}
.flex-change img {display: block;width: 100%;height: auto;margin-bottom:0px;}
.align-start {align-items: flex-start;}
.item-text {font-size: 13rem;color: var(--text-main);line-height: 1.5;}
.item-text ul {margin-top:10rem;}
.item-text li {font-size: 13rem;color: var(--text-main);line-height: 1.5;margin-bottom:0px;}
.item-image {flex-shrink: 0;width:calc(50% - 5px);}
.prepare-img {display: block;max-width: 100%;height: auto;object-fit: contain;}
.id-images-container {display: flex;flex-direction: row;align-items: center;gap: 10px;}
.img-id {width: 100%;margin:0;}
.id-separator {font-size: 16rem;color: #888;font-weight: 600;}
.img-icon {width: 170px;margin-top: auto;}
.warning-box {	margin-top: 15px;}
.warning-title {font-size: 13rem;color: var(--text-red);margin-bottom: 5px;font-weight:600;}
.warning-text {font-size: 12rem;color: #666;line-height: 1.6;}
.action-section {text-align: center;margin-top: 30px;}
.btn-web {background-color: var(--accent-color);box-shadow: 0 4px 10px rgba(83, 142, 210, 0.2);}
.btn-web:hover {background-color: var(--accent-hover);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(83, 142, 210, 0.3);}
.btn-store {background-color: var(--primary-color);box-shadow: 0 4px 10px rgba(83, 142, 210, 0.2);}
.btn-store:hover {background-color: var(--primary-hover);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(83, 142, 210, 0.3);}
.btn-close {background-color: var(--accent-color);box-shadow: 0 4px 10px rgba(83, 142, 210, 0.2);}
.btn-close:hover {background-color: var(--accent-hover);transform: translateY(-2px);box-shadow: 0 6px 15px rgba(83, 142, 210, 0.3);}
.info-layout {display: flex;flex-direction: column;gap: 24px;}
.info-content {flex: 2;}
.badge {display: inline-block;background: var(--accent-color);color: white;font-size: 14rem;font-weight: 600;padding: 4px 12px;border-radius: 20px;margin-bottom: 12px;}
.info-content h2 {font-size: 23rem;color: var(---accent-color);margin-bottom: 8px;}
.lead-text {color: var(--text-light);margin-bottom: 20px;}
.accepted-list-container {background: rgba(241, 245, 249, 0.5);padding: 16px;border-radius: 8px;}
.list-title {font-weight: 600;font-size: 18rem;margin-bottom: 12px;color: var(---accent-color);}
.accepted-list {display: flex;flex-direction: column;gap: 8px;padding-left: 35px;}
.accepted-list li {font-size: 17rem;display: flex;align-items: center;margin-bottom: 0;}
.accepted-list li::before {content: "✓";color: var(--primary-color);font-weight: bold;margin-right: 8px;}
.info-action {flex: 1;display: flex;align-items: center;justify-content: center;}
.action-btn {display:inline-flex;align-items: center;justify-content: center;gap: 12px;width: 100%;padding: 12px 16px;font-size: 19.8rem;font-weight: 700;border-radius: var(--radius);color: white;transition: var(--transition);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}
.action-btn:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
.action-btn-group {display:flex;gap:10px;}
.action-btn-group.top {margin-bottom:20px;}
.action-btn-group .recommend-text {display: inline-flex; align-items: center;justify-content: center;gap: 12px;width: 100%;font-size: 11rem;font-weight: 700;transition: var(--transition);}
.recommend-text-red {color:var(--secondary-color);color: var(--secondary-color);justify-content: normal !important;transform: skew(7deg, -8deg) translateX(-11px) translateY(-2px);padding: 0 !important;}
.recommend-text-red::before,.recommend-text-red::after {content:"";display:inline-block;width: 1.2em;height:1.2em;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M25 80 L10 5 L30 15 Z M28 85 L55 5 L85 30 Z M32 90 L90 55 L95 80 Z'/%3E%3c/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M25 80 L10 5 L30 15 Z M28 85 L55 5 L85 30 Z M32 90 L90 55 L95 80 Z'/%3E%3C/svg%3E");-web-kit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.recommend-text-red::before {transform:scaleX(-1) translateY(-5px);}
.recommend-text-red::after {transform:translateY(-5px);}
.web-btn {background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);}
.store-btn {background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);}
.online-btn {background: linear-gradient(135deg, var(--secondary-color) 0%, var(--secondary-hover) 100%);}
.btn-icon {width: 24px;height: 24px;object-fit: contain;}
.section-heading {text-align: center;font-size: 27rem;margin-bottom: 30px;color: var(--accent-color);position: relative;font-weight: 600;}
.section-heading::after {content: '';display: block;width: 60px;height: 3px;background: var(--accent-color);margin: 12px auto 0;border-radius: 2px;}
.stepper {display: flex;flex-direction: column;gap: 20px;margin-bottom: 40px;}
.step-progress-bar {display: flex;align-items: center;justify-content: space-between;margin: 0 auto 30px;max-width: 800px;}
.step-progress-item {flex: 1;text-align: center;padding: 10px;font-size: 15rem;font-weight: 600;color: var(--text-light);border-bottom: 3px solid var(--border-color);transition: var(--transition);}
.step-progress-item.active {color: var(---accent-color);border-color: var(--accent-color);}
.step-progress-divider {width: 20px;}
.step-summary {display: flex;justify-content: space-between;align-items: center;background: #f1f5f9;padding: 16px 20px;border-radius: 8px;animation: fadeIn 0.3s ease-out;}
.selected-text {font-size: 17rem;color: var(--accent-color);}
.reselect-btn {background: white;border: 1px solid var(--border-color);padding: 8px 10px;border-radius: 6px;font-size: 15rem;color: var(--text-main);transition: var(--transition);font-weight: 500;}
.reselect-btn:hover {background: #e2e8f0;}
.step-card {padding: 24px;animation: fadeIn 0.5s ease-out;}
.step-header {display: flex;align-items: center;gap: 12px;margin-bottom: 20px;}
.step-number {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;background: var(--accent-color);color: white;border-radius: 50%;font-weight: 700;}
.step-header h3 {font-size: 18rem;font-weight: 600;}
.step-tip {margin-top:20px;font-size:16rem;}
.toggle-group {display: flex;gap: 12px;}
.toggle-btn {flex: 1;padding: 14px;border-radius: 8px;font-size: 16rem;font-weight: 600;color: var(--text-main);background: #e2e8f0;border: 2px solid transparent;transition: var(--transition);}
.toggle-btn:hover {background: #cbd5e1;}
.toggle-btn.active {background: white;color: var(--primary-color);border-color: var(--primary-color);box-shadow: 0 4px 10px rgba(30, 58, 138, 0.1);}
.hidden-step {display: none !important;}
.results-container {padding-top: 20px;border-top: 1px dashed var(--border-color);animation: fadeIn 0.5s ease-out;}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
.results-title {text-align: center;margin-bottom: 24px;font-size: 21rem;font-weight:600;color:var(--text-main);}
.options-grid {display: flex;flex-direction: column;gap: 16px;}
.option-card {background: white;border-radius: var(--radius);padding: 24px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);border: 1px solid var(--border-color);display: flex;flex-direction: column;justify-content: space-between;transition: var(--transition);animation: fadeInUp 0.4s ease-out backwards;}
.option-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);border-color: var(--accent-color);}
@keyframes fadeInUp {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}
.option-type-label {font-size: 0.85rem;font-weight: 700;color: var(--secondary-color);margin-bottom: 8px;display: block;}
.option-title {font-size: 17rem;font-weight: 700;margin-bottom: 0px;color: var(--text-main);}
.option-card.accordion-card {justify-content: flex-start;cursor: pointer;}
.accordion-header {display: flex;justify-content: space-between;align-items: center;width: 100%;}
.accordion-header:hover .option-title {color: var(--accent-color);}
.accordion-icon {font-size: 13rem;color: var(--text-light);font-weight: bold;}
.accordion-body {border-top: 1px dashed var(--border-color);padding-top: 16px;gap:10px;display:grid;}
.accordion-note {font-size: 16rem;color: var(--text-light);margin-bottom: 12px;background: #f8fafc;padding: 10px 16px;border-radius: 6px;border-left: 4px solid var(--accent-color);}
.accordion-note li { font-size:16rem;margin-bottom:0px;}
.accordion-guide {font-size:18rem;}
.accordion-guide a {font-weight:600;color:var(--link-color);}
.modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;align-items: center;justify-content: center;}
.modal.show {display: flex;}
.modal-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(15, 23, 42, 0.6);backdrop-filter: blur(4px);}
.modal-content {position: relative;z-index: 1001;width: 90%;max-width: 500px;background: white;border-radius: var(--radius);padding: 0;overflow: hidden;display: flex;flex-direction: column;max-height: 85vh;animation: popIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
@keyframes popIn {from {opacity: 0;transform: scale(0.95);}to {opacity: 1;transform: scale(1);}}
.modal-header {background: var(--accent-color);color: white;padding: 16px 24px;display: flex;justify-content: space-between;align-items: center;}
.modal-header h3 {font-size: 18rem;font-weight: 600;}
.close-modal-btn {background: transparent;color: white;font-size: 20rem;opacity: 0.8;transition: 0.2s;}
.close-modal-btn:hover {opacity: 1;}
.modal-body {padding: 24px;overflow-y: auto;flex: 1;}
#modal-subtitle, #modal-poc {margin-bottom: 16px;color: var(--text-main);font-size:18rem;}
#modal-subtitle {font-weight: 600;}
.modal-view {display: none;flex-direction: column;gap: 10px;}
.modal-view.active {display: flex;animation: fadeIn 0.3s ease;}
.list-btn {padding: 14px 20px;background: #f8fafc;border: 1px solid var(--border-color);border-radius: 8px;text-align: left;font-size: 16rem;font-weight: 500;transition: var(--transition);display: flex;justify-content: space-between;align-items: center;}
.list-btn:hover {background: var(--accent-color);color: white;border-color: var(--accent-color);}
.list-btn::after {content: '›';font-size: 17rem;}
#modal-view-store .list-btn::after {content: '';}
.modal-footer {padding: 16px 24px;border-top: 1px solid var(--border-color);background: #f8fafc;}
.back-btn {padding: 8px 16px;background: transparent;color: var(--text-light);border: 1px solid var(--border-color);border-radius: 6px;font-weight: 500;font-size:14rem;}
.back-btn:hover {background: #e2e8f0;}
.back-btn.hidden {display: none;}
#uni-modal ul {margin-bottom:20px;}
#uni-modal li {margin-bottom:0px;}
#uni-view-body {font-size:18rem;}
.app-links-container{background:#f8f8fc;padding:16px;border-radius:8px;border:1px solid var(--border-color);text-align:center;margin-bottom:10px;}
.app-links-title{font-size:17rem;font-weight:600;color:var(--text-main);margin-bottom:12px;line-height:1.4;}
.app-links-note{font-size: 14rem;font-weight:400;color:var(--text-light);margin-top:4px;display:inline-block;}
.app-links-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.app-link-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#1e293d;color:#fff;border-radius:8px;padding:10px 20px;font-size:16rem;font-weight:600;transition:var(--transition);border:none;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.app-link-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);background-color:#0f172a;}
.app-link-btn img {margin: 0 !important; width: 40px;}
.floating-action-container{position:fixed;bottom:20px;right:20px;z-index:9999;}
.sp-br { display:none;}
.attension {color:var(--text-red);font-weight:700;}
.text-underline {text-decoration:underline 1px var(--text-main);}
.arrow-box {position: relative; border: 6px solid var(--border-accent-color);padding:10px;border-radius:12px;}
.arrow-box:after, .arrow-box:before {left: 100%; top: 65%; border: solid transparent;content:"";height:0;width:0;position:absolute;}
.arrow-box:after {border-left-color:#fff;border-width:16px;margin-top:-16px;}
.arrow-box:before {border-left-color:var(--border-accent-color);border-width: 25px; margin-top:-25px;}
.traial-image {max-width: 100%; width: 230px; height: auto; object-fit: contain;}
@media (max-width: 599px) {
.sp-only {display: inline;}
.sp-image {display: block;}
.pc-image {display: none;}
.info-layout {flex-direction: column;}
.hero {height: 285px;}
.hero-content {flex-direction: row;text-align: left;gap: 0;padding: 0 10px;}
.hero-left {margin-right: 12px;}
.hero-right {text-align: left;width: 75%;}
.hero-app-image {transform:translateY(-17%);right:-28px;}
.hero-app-image img {width:145px;}
.hero-image {width: 180px;transform: translateY(25px);}
.hero-title {font-size: 17rem;margin-bottom: 6px;}
.badge {  font-size: 9rem;}
.hero-subtitle {font-size: 13rem;}
.stepper {flex-direction: column;}
.toggle-group {flex-direction: column;}
.info-content h2 {  font-size: 16rem;}
.lead-text {  font-size: 10rem;}
.list-title {  font-size: 12rem;}
.accepted-list li {  font-size: 10rem;}
ul {  margin-bottom: 0;}
ul.mark-refarence li{padding-left:14.5rem;}
.section-heading {font-size: 20rem;}
.step-progress-item {font-size: 12rem;padding: 5px;}
.step-header h3 {font-size: 14rem;}
.toggle-btn {font-size: 12rem;}
.action-btn {font-size: 16rem;}
.selected-text {font-size: 13rem;}
.reselect-btn {font-size: 12rem;width:90px;padding:6px;}
.results-title {font-size: 13rem;}
.option-title {font-size: 13rem;}
.accordion-icon {font-size: 11rem;}
.accordion-note, .accordion-note li {font-size: 12rem;}
.accordion-note {padding:10px 8px;}
.modal-header h3 {font-size: 13rem;}
#modal-subtitle, #modal-poc {font-size:13rem;}
.close-modal-btn {font-size: 16rem;}
.back-btn {font-size:10rem;}
.list-btn {font-size: 14rem;}
.list-btn::after {content: '›';font-size: 15rem;}
.app-links-buttons{flex-wrap: nowrap;}
.app-links-title{font-size:13rem;}
.app-links-note{font-size: 10rem;}
.app-link-btn{font-size: 11rem; padding: 5px 10px;}
.app-link-btn img {width: 20px;}
.action-btn-group{flex-direction:column;}
.accordion-guide {font-size:12rem;}
.step-tip {font-size:10rem;}
.prepare-title {font-size: 20rem;}
#uni-modal ul {margin-top:20px;}
#uni-modal li {font-size:13rem;}
#uni-view-body {font-size:13rem;}
.sp-br { display:block;}
}
@media (min-width: 600px) {
.pc-only{ display:none; }
ul.mark-poti li{font-size:18rem;}
.info-layout {flex-direction: row-reverse;align-items: center;}
.action-btn-group {flex-direction:row;}
.action-btn-group .action-btn {flex:1;}
.action-btn-group .recommend-text {font-size: 19.8rem;padding:12px 16px;}
.procedure-main {padding: 40px;}
.procedure-nav {flex-wrap:wrap;}
.nav-item {font-size: 22rem;padding: 10px;}
.procedure-nav-half {flex-direction:row;}
.procedure-nav-half .nav-item {width:calc(50% - 10px);}
.nav-item:not(:last-child) {border-bottom: none;}
.description {font-size: 18rem;}
.main-title {font-size: 34rem;}
.exception-box {flex-direction: row;gap: 30px;padding: 24px 10px 24px 24px;}
.exception-title {font-size: 17rem;}
.exception-list li, .exception-text {font-size: 18rem;}
.item-text {font-size: 18rem;}
.item-text li {font-size: 18rem;}
.item-title {font-size: 18rem;}
.item-image {width:220px;}
.item-banner-image {width:360px;}
.id-separator {margin: 0 10px;}
.warning-title {font-size: 17rem;}
.warning-text {font-size: 17rem;}
.corp-pro-box {flex-wrap:wrap;flex-direction:row;}
.corp-pro-box .prepare-title {font-size:20rem;line-height:40rem;}
.corp-identity {width:calc(50% - 10px);}
.recommend-text-red {transform: skew(7deg, -8deg) translateX(-11px) translateY(-18px);padding: 0 !important;}
.flex-change {display: flex;flex-direction:row;gap:15px;align-items: normal;}
}