@charset "UTF-8";:root{--primary-color-100:#eaeaf2;--primary-color-200:#d5d5e6;--primary-color-300:#abaccd;--primary-color-400:#8182b3;--primary-color-500:#57599a;--primary-color-600:#2d2f81;--primary-color-700:#282a74;--primary-color-800:#1d1e53;--black-color:#1e1e1e;--black-color-1:#4f4f4f;--black-color-2:#5c5c5c;--grey-color:#bdbdbd;--grey-color-2:#e0e0e0;--grey-color-3:#f2f2f2;--grey-color-4:#fafafa;--grey-color-5:#f0f0f0;--grey-color-6:#ededed;--grey-color-7:#bbb;--white-color:#fff;--green-color:#27ae60;--old-green-color:#00b0b0;--light-green-color:#ccefef;--red-color:#da0000;--red-color-2:#eb5757;--yellow-color:#f2c94c;--blue-color:#4dd2fe;--light-violet-color:#f6ecff;--violet-color:#a041ff;--purple-color-1:#841878;--orange-color:#ff8921;--dark-blue-color:#4044d0;--dark-blue-lighter-color:#ececfa;--orange-lighter-color:#fff3e9;--font-size-40:2.5rem;--font-size-32:2rem;--font-size-24:1.5rem;--font-size-20:1.25rem;--font-size-16:1rem;--font-size-14:0.875rem;--font-size-12:0.75rem;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--padding-top-12:12px}body{background-color:var(--white-color);color:var(--black-color)}.btn,body{font-family:Noto Sans JP,sans-serif;font-size:var(--font-size-14)}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:var(--font-regular);gap:4px;justify-content:center;outline:none;padding:12px 20px;text-decoration:none;text-transform:capitalize;white-space:nowrap;width:-moz-fit-content;width:fit-content}.btn-full{width:100%}.btn-primary{background-color:var(--dark-blue-color);color:var(--white-color)}.btn-primary:hover{background-color:var(--primary-color-500)}.btn-primary:active{background-color:var(--primary-color-700)}.btn-primary:disabled{background-color:var(--grey-color);color:var(--grey-color-3);cursor:not-allowed}.btn-secondary{background-color:var(--primary-color-600);color:var(--white-color)}.btn-secondary:hover{background-color:var(--primary-color-500)}.btn-secondary:active{background-color:var(--primary-color-700)}.btn-secondary:disabled{background-color:var(--grey-color-3);color:var(--grey-color);cursor:not-allowed}.btn-outline{background-color:transparent;border:1px solid var(--primary-color-600);color:var(--primary-color-600)}.btn-outline:hover{background-color:var(--grey-color-3)}.btn-outline:active{background-color:var(--grey-color-2)}.btn-outline:disabled{background-color:transparent;cursor:not-allowed;opacity:50%}.btn-ghost{background-color:transparent;color:var(--black-color)}.btn-red{background-color:var(--red-color-2);color:var(--white-color)}.form-item{display:flex;flex-direction:column;gap:4px}.form-item label,.input{color:var(--black-color);font-size:var(--font-size-14)}.input{border:1px solid var(--black-color-2);border-radius:4px;caret-color:var(--dark-blue-color);font-family:Noto Sans JP,sans-serif;line-height:20px;outline:none;padding:10px 16px}.select-icon{cursor:pointer;height:20px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px}.input[type=date]{line-height:18px}.input::-moz-placeholder{color:var(--grey-color)}.input::placeholder{color:var(--grey-color)}.input:focus{border-color:var(--dark-blue-color)}.input:disabled{background-color:var(--grey-color-3);color:var(--black-color-1)}.input[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--red-color)}.filled{background-color:var(--grey-color-3);border:none}.error-message{align-items:center;color:var(--red-color);display:flex;font-size:var(--font-size-12);gap:8px}.radio-group{display:flex;gap:16px}.custom-radio{align-items:center;cursor:pointer;display:flex;font-size:16px;height:30px;padding-left:28px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-radio input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-radio .checkmark{border:2px solid var(--black-color-2);border-radius:50%;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:border .3s;width:20px}.custom-radio:hover .checkmark{background-color:var(--grey-color-3)}.custom-radio input[type=radio]:checked~.checkmark{border-color:var(--dark-blue-color)}.custom-radio .checkmark:after{content:"";display:none}.custom-radio input[type=radio]:checked~.checkmark:after{opacity:1}.custom-radio .checkmark:after{background:var(--dark-blue-color);border-radius:50%;display:block;height:10px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s;width:10px}.custom-select{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-select-selected{align-items:center;background:var(--white-color);border:1px solid var(--black-color-2);border-radius:4px;cursor:pointer;display:flex;padding:10px 16px}.custom-select.disabled{cursor:not-allowed;opacity:.5}.custom-select-selected:focus,.custom-select.open .custom-select-selected{border-color:var(--dark-blue-color)}.custom-select-arrow{height:24px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:transform .2s;width:24px}.custom-select.open .custom-select-arrow{transform:translateY(-50%) rotate(180deg)}.custom-select-dropdown{background:#fff;border-radius:4px;box-shadow:0 0 12px 0 rgba(0,0,0,.059);display:none;left:0;max-height:320px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.custom-select.open .custom-select-dropdown{display:block}.custom-select-option{color:var(--black-color);cursor:pointer;padding:10px 16px;transition:background .15s,color .15s}.custom-select-option:hover{background:var(--grey-color-3)}.custom-select-option.selected{background:var(--dark-blue-lighter-color);border-left:4px solid var(--dark-blue-color);color:var(--dark-blue-color);padding-left:12px}.clear-select,.custom-select-placeholder{color:var(--grey-color)}.custom-checkbox{align-items:center;cursor:pointer;display:flex;font-size:16px;height:30px;padding-left:28px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox .checkmark{background:var(--white-color);border:2px solid var(--black-color-2);border-radius:4px;height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,border .2s;width:20px}.custom-checkbox:hover .checkmark{background-color:var(--grey-color-3)}.custom-checkbox input[type=checkbox]:checked~.checkmark{background-color:var(--dark-blue-color);border-color:var(--dark-blue-color)}.custom-checkbox input[type=checkbox]:checked~.checkmark i{opacity:1}.custom-checkbox .checkmark i{color:var(--white-color);font-size:var(--font-size-12);left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-col{flex-direction:column}.heading-1{font-size:var(--font-size-40)}.heading-1,.heading-2{font-weight:var(--font-bold)}.heading-2{font-size:var(--font-size-32)}.heading-3{font-size:var(--font-size-24)}.heading-3,.heading-4{font-weight:var(--font-bold)}.body20,.heading-4{font-size:var(--font-size-20)}.body16,.body20{font-weight:var(--font-regular)}.body16,.body16m{font-size:var(--font-size-16)}.body16m{font-weight:var(--font-medium)}.body16sb{font-weight:var(--font-semibold)}.body16b,.body16sb{font-size:var(--font-size-16)}.body16b{font-weight:var(--font-bold)}.body14{font-weight:var(--font-regular)}.body14,.body14m{font-size:var(--font-size-14)}.body14m{font-weight:var(--font-medium)}.body14sb{font-weight:var(--font-semibold)}.body14b,.body14sb{font-size:var(--font-size-14)}.body14b{font-weight:var(--font-bold)}.text-primary-100{color:var(--primary-color-100)}.text-primary-200{color:var(--primary-color-200)}.text-primary-300{color:var(--primary-color-300)}.text-primary-400{color:var(--primary-color-400)}.text-primary-500{color:var(--primary-color-500)}.text-primary-600{color:var(--primary-color-600)}.text-primary-700{color:var(--primary-color-700)}.text-primary-800{color:var(--primary-color-800)}.text-black{color:var(--black-color)}.text-black-1{color:var(--black-color-1)}.text-black-2{color:var(--black-color-2)}.text-grey{color:var(--grey-color)}.text-grey-2{color:var(--grey-color-2)}.text-grey-3{color:var(--grey-color-3)}.text-white{color:var(--white-color)}.text-green{color:var(--green-color)}.text-red{color:var(--red-color)}.text-red-2{color:var(--red-color-2)}.text-yellow{color:var(--yellow-color)}.text-blue{color:var(--blue-color)}.text-violet{color:var(--violet-color)}.text-orange{color:var(--orange-color)}.text-dark-blue{color:var(--dark-blue-color)}.text-center{align-items:center;text-align:center}.text-justify-center{justify-content:center}.p-0{padding:0}.relative{position:relative}.hidden{display:none}.invalid-feedback{align-items:center;display:flex;flex-direction:row;gap:8px;overflow:hidden}.error-text,.invalid-feedback{color:#da0000;font-size:14px;line-height:1}.input-border-red{border:2px solid var(--red-color-2)}.input-border-red:focus{border-color:var(--red-color-2)}@media (width >= 48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}@media (width >= 64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}}@media (width >= 80rem){.xl\:block{display:block}.xl\:flex{display:flex}.xl\:hidden{display:none}}footer{background:#2d2f81}.footer-container{margin:0 auto;max-width:1200px;padding:48px 20px}.footer-layout{display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}.footer-info{color:#fff;font-size:14px}.footer-info-title{font-size:26px}.footer-info-sub-title{font-size:15px;font-style:italic;font-weight:300;margin-bottom:24px}.footer-info-social-links{display:flex;gap:16px}.footer-info-address,.footer-info-postal-code{margin-bottom:20px}.footer-info-fax{margin-bottom:10px}.footer-info-email{margin-bottom:48px}.footer-links{display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.footer-link-title{color:#fff;font-size:16px;margin-bottom:40px}.footer-link-item{color:#fff;display:block;font-size:14px;margin-bottom:16px;text-decoration:none}.footer-copyright{color:#fff;font-size:14px;margin-top:24px}@media (min-width:768px){.footer-layout{grid-template-columns:repeat(5,1fr)}.footer-info{order:1}.footer-links{grid-column:span 4/span 4;grid-template-columns:repeat(4,1fr);order:2}}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;margin:0;outline:0;padding:0;vertical-align:baseline}body{font-size:14px}article,aside,dialog,figure,hgroup,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}body{background:#fff;color:#333;font-family:メイリオ,Meiryo,verdana,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ Ｐゴシック,MS PGothic,Sans-Serif;font-size:small}img{vertical-align:top}li{list-style:none}*{zoom:1;box-sizing:border-box}.left{float:left!important}.right{float:right!important}a.mouse-over:hover img{filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";opacity:.8}.center{text-align:center}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}header{align-items:center;background-color:var(--white-color);display:flex;flex-direction:column;left:0;position:sticky;right:0;top:0;z-index:1000}header.header-scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background-color:hsla(0,0%,100%,.8);box-shadow:0 4px 4px 0 rgba(0,0,0,.059);transition:background .3s,box-shadow .3s,-webkit-backdrop-filter .3s;transition:background .3s,box-shadow .3s,backdrop-filter .3s;transition:background .3s,box-shadow .3s,backdrop-filter .3s,-webkit-backdrop-filter .3s}.header-container{align-items:center;display:flex;justify-content:space-between;max-width:1200px;padding:16px 24px;width:100%}.header-logo{height:40px;-o-object-fit:contain;object-fit:contain;width:40px}.header-logo-name{display:none}.header-left-side,.header-right-side{align-items:center;display:flex;gap:12px}.header-cart-btn-container{align-items:center;display:flex;gap:16px}.header-cart-btn{cursor:pointer;height:28px;position:relative;width:32px}.header-cart-btn-icon{height:24px;left:0;position:absolute;top:4px;width:24px}.header-cart-count{align-items:center;background-color:var(--red-color-2);border-radius:8px;color:var(--white-color);display:flex;font-size:10px;height:16px;justify-content:center;min-width:8px;padding:0 4px;position:absolute;right:0;top:0}.header-logo-name{height:40px;-o-object-fit:contain;object-fit:contain;width:400px}.mobile-menu{background:var(--white-color);display:flex;flex-direction:column;gap:24px;padding:28px 16px;width:100%}.mobile-menu.hidden{display:none}.mobile-menu-nav{display:flex;flex-direction:column;gap:28px}.mobile-menu-nav a{color:var(--black-color)}.mobile-menu-nav a,.mobile-profile-link{font-size:var(--font-size-14);text-decoration:none}.mobile-profile-link{align-items:center;background:var(--grey-color-3);border-radius:8px;display:flex;gap:12px;gap:4px;padding:10px 12px}.mobile-profile-link.hidden{display:none}.mobile-profile-email{color:var(--black-color-1);flex:1}.mobile-menu-actions{display:flex;flex-direction:column;gap:12px}.profile-dropdown{background:#fff;border-radius:4px;box-shadow:0 0 12px 0 rgba(0,0,0,.059);display:flex;flex-direction:column;padding:4px 0;position:absolute;right:4px;top:38px;z-index:1100}.profile-dropdown.hidden{display:none}.profile-dropdown-item{cursor:pointer;display:flex;padding:10px 16px;transition:background .2s;white-space:nowrap}.profile-dropdown-item:hover{background:var(--grey-color-3)}a.btn-profile{color:inherit;text-decoration:none}.btn-logout{background-color:transparent;border:none;outline:none}@media (width >= 40rem){.header-logo{height:64px;width:64px}.header-logo-name{display:block;height:64px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}}@media (width >= 48rem){.mobile-menu-actions{flex-direction:row;gap:28px}.mobile-menu-actions:has(>:only-child){flex-direction:column;gap:16px}}@media (width >= 64rem){.header-right-side{gap:24px}}.main-nav{align-items:center;background:linear-gradient(90deg,#6c6da7,#5d9d9a 28.2%,#956de0 67.19%,#6dade1);justify-content:center;padding:16px;width:100%}.main-nav-container{align-items:center;display:flex;gap:10px;justify-content:space-between;max-width:1200px;width:100%}.main-nav a{color:var(--white-color);display:block;font-size:var(--font-size-14);text-decoration:none}.error{background-color:var(--white-color);padding-bottom:48px}.error .error-found{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;padding:80px 24px}.error .error-found p{font-size:var(--font-size-20);font-weight:var(--font-regular);margin-bottom:40px;margin-top:32px}