.c-connect-tab-contents__title{text-align:center;margin:0 0 var(--space-60) 0}.c-connect-tab-contents__tabs{width:100%;margin-bottom:var(--space-64)}.c-connect-tab-contents__tab-list{display:grid;gap:24px}.c-connect-tab-contents__tab-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 0 7px #0000002b;padding:18px 23px;border-radius:10px;font-size:var(--fs-18);font-weight:600;letter-spacing:.1em;color:#007398;line-height:1.6;transition:all .3s ease;border:2px solid transparent;background:#fff;cursor:pointer;text-align:left}.c-connect-tab-contents__tab-button svg{margin-top:2px;min-width:20px;flex-shrink:0}.c-connect-tab-contents__tab-button:hover{border:2px solid var(--color-primary)}.c-connect-tab-contents__tab-item[aria-selected=true] .c-connect-tab-contents__tab-button,.c-connect-tab-contents__tab-button.active{box-shadow:none;border:2px solid var(--color-primary)}.c-connect-tab-contents__panels{position:relative}.c-connect-tab-contents__panel{display:none;animation:fadeIn .3s ease-in-out}.c-connect-tab-contents__panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.c-connect-tab-contents__content{display:grid;grid-template-columns:600px 1fr;gap:var(--space-32);align-items:start}.c-connect-tab-contents__image{width:100%}.c-connect-tab-contents__img{width:100%;height:auto;display:block}.c-connect-tab-contents__right{display:flex;flex-direction:column;gap:var(--space-24);margin-top:var(--space-32);max-width:473px}.c-connect-tab-contents__content-title{font-size:var(--fs-28);font-weight:700;line-height:1.6;letter-spacing:.05em;color:var(--color-primary);margin:0}.c-connect-tab-contents__text-groups{display:flex;flex-direction:column;gap:var(--space-24)}.c-connect-tab-contents__text-group{display:flex;flex-direction:column;gap:4px}.c-connect-tab-contents__group-title{font-size:var(--fs-20);font-weight:600;line-height:1.4;letter-spacing:.1em;margin:0}.c-connect-tab-contents__group-text{font-size:var(--fs-16);font-weight:600;line-height:1.4;letter-spacing:.1em;margin:0}.c-connect-tab-contents__group-caution{font-size:var(--fs-12);font-weight:600;line-height:1.4;letter-spacing:.1em;margin:0}.c-connect-tab-contents__popup-button{align-self:flex-start;font-size:var(--fs-14);font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:4px;cursor:pointer;transition:opacity .3s ease;display:flex;align-items:center;gap:12px;letter-spacing:.1em;margin-top:6.5px}.c-connect-tab-contents__popup-button:hover{opacity:.7}.c-connect-tab-contents__modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:var(--space-35)}.c-connect-tab-contents__modal.active{display:flex}.c-connect-tab-contents__modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;cursor:pointer}.c-connect-tab-contents__modal-content{position:relative;z-index:1;max-width:388px;max-height:90vh;animation:modalFadeIn .3s ease-in-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.c-connect-tab-contents__modal-close{position:absolute;top:0;transform:translate(100%,-100%);right:-16px;cursor:pointer;transition:opacity .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff}.c-connect-tab-contents__modal-close-icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;color:#fff}.c-connect-tab-contents__modal-close-text{font-size:var(--fs-14);font-weight:600;line-height:1.6;letter-spacing:.1em;margin:0;color:#fff}.c-connect-tab-contents__modal-close:hover{opacity:.7}.c-connect-tab-contents__modal-image{max-width:100%;max-height:calc(90vh - 40px);height:auto;display:block;border-radius:14px}@media screen and (min-width:1440px){.c-connect-tab-contents__content{display:flex;justify-content:center}.c-connect-tab-contents__image{max-width:600px;width:100%}}@media screen and (max-width:999px){.c-connect-tab-contents__content{grid-template-columns:1fr;gap:var(--space-48)}.c-connect-tab-contents__image{position:static;max-width:400px;margin:0 auto}.c-connect-tab-contents__content-title{font-size:var(--fs-24)}.c-connect-tab-contents__group-title{font-size:var(--fs-18)}}@media screen and (max-width:800px){.c-connect-tab-contents__tab-item{width:100%}.c-connect-tab-contents__tab-button{padding:18px 24px;font-size:var(--fs-20)}}@media screen and (max-width:768px){.c-connect-tab-contents__title{margin-bottom:var(--space-44)}.c-connect-tab-contents__tabs{margin-bottom:var(--space-48)}.c-connect-tab-contents__tab-list{gap:16px}.c-connect-tab-contents__content{gap:var(--space-32)}.c-connect-tab-contents__right{gap:var(--space-24);margin-top:var(--space-0)}.c-connect-tab-contents__text-groups{gap:var(--space-24)}.c-connect-tab-contents__content-title{font-size:var(--fs-25)}.c-connect-tab-contents__group-title{font-size:var(--fs-20)}.c-connect-tab-contents__group-text{font-size:var(--fs-16)}.c-connect-tab-contents__modal-close{transform:translateY(-100%);right:0;top:-21px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/c-connect-tab-contents.css.map */