*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{-webkit-animation-duration:.01ms !important;animation-duration:.01ms !important;-webkit-animation-iteration-count:1 !important;animation-iteration-count:1 !important;-webkit-transition-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html,body{font-size:12px;color:var(--c-txt-primary);font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;font-weight:normal;text-align:justify;background:var(--c-bg-primary)}@media screen and (min-width: 768px){html,body{font-size:14px}}a{text-decoration:none}table{border-collapse:collapse}.container{max-width:1200px;margin:0 auto}.system-info{position:fixed;z-index:9999;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;height:100vh;background:var(--c-bg-layer)}.system-info .system-alert{width:14rem;text-align:center}.system-info .system-alert .img-alert{max-width:80%;margin:0 auto}.system-info .system-alert .message-alert{padding:2rem 0 0;font-size:.9rem;color:var(--c-txt-secondary)}#no-cookie-panel{display:none}#no-cookie-panel.show{display:-webkit-box;display:-ms-flexbox;display:flex}#global-header{position:fixed;z-index:9998;width:100vw;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:var(--c-bg-secondary);background:-webkit-gradient(linear, left bottom, left top, from(var(--c-bg-secondary)), to(var(--c-bg-secondary-dark)));background:linear-gradient(0deg, var(--c-bg-secondary) 0%, var(--c-bg-secondary-dark) 100%);padding:1.5rem 0;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem;-webkit-transition:top .3s ease-in;transition:top .3s ease-in}#global-header .site-title{padding:0 2rem}#global-header .site-title .company-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}#global-header .site-title .company-name .img-site-logo{width:3.2rem;height:3.2rem;border-radius:50%}#global-header .site-title .company-name .company-name-block{line-height:1}#global-header .site-title .company-name .company-name-block .company-name-main{font-size:1.4rem;color:var(--c-txt-primary);font-weight:normal;padding:0 0 .25rem}#global-header .site-title .company-name .company-name-block .company-name-sub{font-size:1rem;color:var(--c-txt-primary);font-weight:normal}#global-header .global-nav{padding:0 2rem}#global-header .global-nav .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}#global-header .global-nav .nav-list .nav-list-ul{margin:0;list-style:none;display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1.5rem}@media screen and (min-width: 768px){#global-header .global-nav .nav-list .nav-list-ul{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}#global-header .global-nav .nav-list .nav-list-ul .nav-list-li .nav-list-a{display:block;font-size:1.2rem;color:var(--c-txt-primary);font-weight:bold;line-height:1;-webkit-transition:.4s;transition:.4s}#global-header .global-nav .nav-list .nav-list-ul .nav-list-li .nav-list-a:hover,#global-header .global-nav .nav-list .nav-list-ul .nav-list-li .nav-list-a:active,#global-header .global-nav .nav-list .nav-list-ul .nav-list-li .nav-list-a:focus{color:var(--c-txt-primary-hover)}#global-header .global-nav .nav-list .nav-list-ul .nav-list-sep{display:block;width:1px;height:1rem;border-left:1px dotted var(--c-txt-primary)}#global-header .global-nav .nav-list .nav-toggle{display:block;width:38px;height:16px;position:relative;z-index:9999;cursor:pointer}#global-header .global-nav .nav-list .nav-toggle .nav-hb{position:relative}#global-header .global-nav .nav-list .nav-toggle .nav-hb span{display:block;height:1px;background:var(--c-humberger-line);position:absolute;width:100%;left:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}#global-header .global-nav .nav-list .nav-toggle .nav-hb span:nth-child(1){top:0px}#global-header .global-nav .nav-list .nav-toggle .nav-hb span:nth-child(2){top:7px;background:var(--c-humberger-line-alpha)}#global-header .global-nav .nav-list .nav-toggle .nav-hb span:nth-child(3){top:14px}#global-header .global-nav .nav-list .nav-toggle.open span:nth-child(1){top:7px;-webkit-transform:rotate(22deg);transform:rotate(22deg)}#global-header .global-nav .nav-list .nav-toggle.open span:nth-child(2){width:0;left:50%}#global-header .global-nav .nav-list .nav-toggle.open span:nth-child(3){top:7px;-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}#all-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;width:100vw;height:100vh;background:var(--c-bg-layer)}#all-nav.open{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}#all-nav .all-nav-screen{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100vh}#all-nav .all-nav-block{width:95vw;height:100vh;background:var(--c-bg-secondary);padding:1.8rem 7rem 8rem 2rem;overflow-y:auto}@media screen and (min-width: 768px){#all-nav .all-nav-block{width:30rem !important}}#all-nav .all-nav-block .all-nav-title{border-bottom:1px solid var(--c-line-alpha);padding:0 0 2rem;margin:0 0 2rem}#all-nav .all-nav-block .all-nav-title .company-name-main{font-size:1.4rem}#all-nav .all-nav-block .all-nav-title .company-name-sub{font-size:1rem}#all-nav .all-nav-block .all-nav-list .tree{list-style:none;margin:0;padding:0;font-size:1.2rem}#all-nav .all-nav-block .all-nav-list .tree.main:not(:first-of-type)::before{content:"";display:block;width:1rem;border-top:1px solid var(--c-line-alpha);padding:1rem 0 0;margin:1rem .5rem 0}#all-nav .all-nav-block .all-nav-list .tree.sub{padding-left:1rem}#all-nav .all-nav-block .all-nav-list .tree.sub li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:.5rem}#all-nav .all-nav-block .all-nav-list .tree.sub li::before{content:"";display:block;width:.5rem;height:1px;background:var(--c-line-alpha)}#all-nav .all-nav-block .all-nav-list .tree.sub li:hover::before,#all-nav .all-nav-block .all-nav-list .tree.sub li:active::before,#all-nav .all-nav-block .all-nav-list .tree.sub li:focus::before{background:var(--c-line)}#all-nav .all-nav-block .all-nav-list .tree a{display:inline-block;color:var(--c-gnav-link-txt);line-height:1;padding:.5rem .5rem;-webkit-transition:.4s;transition:.4s;border-radius:.25rem}#all-nav .all-nav-block .all-nav-list .tree a.disabled{color:var(--c-gnav-link-txt-disabled)}#all-nav .all-nav-block .all-nav-list .tree a:not(.disabled):hover,#all-nav .all-nav-block .all-nav-list .tree a:not(.disabled):active,#all-nav .all-nav-block .all-nav-list .tree a:not(.disabled):focus{background:var(--c-gnav-link-bg-hover)}#all-nav .all-nav-block .all-nav-list .tree a i{padding-left:.4rem}#all-nav .all-nav-block .all-nav-list .tree .parent{padding:0}#all-nav .all-nav-block .all-nav-list .tree .parent a{font-size:1.2rem;font-weight:bold}body.open{overflow:hidden}#header{background:url(../img/img_header.png) no-repeat;background-position:right 1rem bottom -4.5rem;background-size:auto 10rem;background-color:var(--c-bg-secondary);padding:8rem 2rem 8rem}@media screen and (min-width: 768px){#header{padding-top:14rem;padding-bottom:4rem;background-position:right -2rem bottom -2rem;background-size:auto 12rem}}@media screen and (min-width: 992px){#header{background-size:auto 15rem}}#header .container .page-title{max-width:30rem}#header .container .page-title h1{font-size:2rem;color:var(--c-txt-secondary);font-weight:bold}#header .container .page-title h1.hello{font-size:1.4rem}#header .container .page-title .sub-title{font-size:1.4rem;color:var(--c-txt-secondary)}#article{background:var(--c-bg-secondary)}#article .article-wrapper{background:var(--c-bg-primary);border-top-left-radius:2rem;border-top-right-radius:2rem;padding:2rem}#article .article-wrapper .container .breadcrumb{margin:0 0 2rem}#article .article-wrapper .container .breadcrumb nav ol{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding:0;margin:0}#article .article-wrapper .container .breadcrumb nav ol li{font-size:1.2rem}#article .article-wrapper .container .breadcrumb nav ol li:not(:last-of-type)::after{content:"/";margin:0 .5rem;color:var(--c-line)}#article .article-wrapper .container .breadcrumb nav ol li a{color:var(--c-btn-primary-bg)}#article .article-wrapper .container .page-intro{font-size:1.2rem;margin:0 0 2rem}#article .article-wrapper .container .section{margin:0 0 2rem}#article .article-wrapper .container .section .section-title{margin:0 0 1rem;font-size:1.6rem;font-weight:bold}#article .article-wrapper .container .section .section-body{background:var(--c-bg-card);border-radius:.5rem;padding:1.5rem}.btn{display:block;text-align:center;font-size:1.2rem;padding:1rem;border-radius:2rem;font-weight:bold;border:none;width:100%;-webkit-transition:.4s;transition:.4s}.btn:not(.btn-disabled){cursor:pointer}.btn:hover,.btn:visited,.btn:link,.btn:active{color:inherit}.btn.btn-link{background:var(--c-btn-link-bg);border:2px solid var(--c-btn-link-active-bg)}.btn.btn-link.active{background:var(--c-btn-link-active-bg)}.btn.btn-link.active:hover,.btn.btn-link.active:active,.btn.btn-link.active:focus{background:var(--c-btn-link-active-bg-strong)}.btn.btn-link:not(.active):hover,.btn.btn-link:not(.active):active,.btn.btn-link:not(.active):focus{background:var(--c-btn-link-bg-strong)}.btn.btn-link:hover,.btn.btn-link:active,.btn.btn-link:focus{-webkit-box-shadow:0 0 0 .5rem var(--c-btn-link-active-shadow);box-shadow:0 0 0 .5rem var(--c-btn-link-active-shadow)}.btn.btn-primary{background:var(--c-btn-primary-bg);color:var(--c-btn-primary-txt)}.btn.btn-primary:hover,.btn.btn-primary:active,.btn.btn-primary:focus{background:var(--c-btn-primary-bg-strong);-webkit-box-shadow:0 0 0 .5rem var(--c-btn-primary-shadow);box-shadow:0 0 0 .5rem var(--c-btn-primary-shadow)}.btn.btn-commit{background:var(--c-btn-commit-bg);color:var(--c-btn-commit-txt)}.btn.btn-commit:hover,.btn.btn-commit:active,.btn.btn-commit:focus{background:var(--c-btn-commit-bg-strong);-webkit-box-shadow:0 0 0 .5rem var(--c-btn-commit-shadow);box-shadow:0 0 0 .5rem var(--c-btn-commit-shadow)}.btn.btn-cancel{background:var(--c-btn-cancel-bg)}.btn.btn-cancel:hover,.btn.btn-cancel:active,.btn.btn-cancel:focus{background:var(--c-btn-cancel-bg-strong)}.btn.btn-disabled{background:var(--c-btn-disabled-bg);color:var(--c-btn-disabled-txt)}.form-control{display:inline-block;width:100%;background:var(--c-input-bg);border:1px solid var(--c-input-border);border-radius:.5rem;padding:.5rem 1rem;color:var(--c-input-txt);outline:0;-webkit-transition:.4s;transition:.4s}.form-control:hover,.form-control:active,.form-control:focus{background:var(--c-input-active-bg);border-color:var(--c-input-active-border);-webkit-box-shadow:0 0 0 .5rem var(--c-input-active-shadow);box-shadow:0 0 0 .5rem var(--c-input-active-shadow)}.field-validation-error{display:block;margin:.5rem 0 0;font-size:1rem;color:var(--c-error-txt)}.alert{border:2px solid #f8f9fa;padding:1.5rem 2rem;border-radius:.5rem;margin:0 0 2rem;font-size:1.2rem}.alert.alert-primary{border-color:#0d6efd;background:rgba(13,110,253,.1);color:#0d6efd}.alert.alert-secondary{border-color:#6c757d;background:rgba(108,117,125,.1);color:#6c757d}.alert.alert-success{border-color:#198754;background:rgba(25,135,84,.1);color:#198754}.alert.alert-danger{border-color:#dc3545;background:rgba(220,53,69,.1);color:#dc3545}.alert.alert-warning{border-color:#ffc107;background:rgba(255,193,7,.1);color:#000}.alert.alert-info{border-color:#0dcaf0;background:rgba(13,202,240,.1);color:#000}.alert.alert-dark{border-color:#212529;background:rgba(33,37,41,.1);color:#000}body .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--c-bg-layer);z-index:9999}body .modal .modal-content{background-color:#fff;border:5px solid var(--c-line);border-radius:1rem;padding:2rem;font-size:1.2rem}body .modal .modal-content .modal-header{margin-bottom:1rem}body .modal .modal-content .modal-header .modal-title{font-size:1.5rem}body .modal .modal-content .modal-body{margin-bottom:1rem}body .modal .modal-content .modal-body .hidden-print .alert{margin:1rem 0 0}body .modal .modal-content .modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}body .modal .modal-content .modal-footer button{-webkit-box-flex:1;-ms-flex:1;flex:1}body .modal.open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#footer{padding:2rem;text-align:center}#footer p{font-size:.8rem;color:var(--c-txt-primary-hover);padding:.5rem 0}#footer p a{color:var(--c-txt-primary-hover)}#footer p.cr{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif,Helvetica,sans-serif}#article .container #switch-order-month{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;margin-bottom:2rem}#article .container #switch-order-month .btn{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:2.2rem;padding:1.2rem 1rem;max-width:12rem}#article .container #switch-order-account .section-body{padding:0;font-size:1.2rem}#article .container #switch-order-account .section-body .switch-order-account-top{padding:1.5rem;background:color-mix(in srgb, #d3f1f6 50%, transparent);border-bottom:1px solid #ade8ff;border-radius:.5rem .5rem 0 0}#article .container #switch-order-account .section-body .switch-order-account-top .text{font-size:.9rem;margin-bottom:1rem}#article .container #switch-order-account .section-body .switch-order-account-top .order-account{font-weight:bold;font-size:1.4rem}#article .container #switch-order-account .section-body .switch-order-account-bottom{padding:1.5rem}#article .container #switch-order-account .section-body .switch-order-account-bottom .switch-order-account-intro{margin-bottom:1.5rem}#article .container #switch-order-account .section-body .switch-order-account-bottom .select-order-account{margin-bottom:1.5rem;font-size:1.4rem}@media screen and (min-width: 992px){#article .container #switch-order-account .section-body .switch-order-account-bottom .select-order-account{max-width:50%}}@media screen and (min-width: 576px){#article .container #switch-order-account .section-body .switch-order-account-bottom .btn{max-width:15rem}}#article .container #monthly-order-detail .section-body{padding:1.5rem 0}#article .container #monthly-order-detail .section-body .table-status-category{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;padding:0 1.5rem 2rem 1.5rem}#article .container #monthly-order-detail .section-body .table-status-category .status{width:7rem}#article .container #monthly-order-detail .section-body .table-status-category .status .status-color{height:2.5rem;border:1px solid var(--c-line);border-radius:.5rem;padding-bottom:1rem}#article .container #monthly-order-detail .section-body .table-status-category .status .status-text{text-align:center;padding-top:.5rem}#article .container #monthly-order-detail .section-body .delivered{background:var(--c-status-delivered-bg);color:var(--c-status-delivered-txt)}#article .container #monthly-order-detail .section-body .delivered .sticky-col{background:var(--c-status-delivered-bg);color:var(--c-status-delivered-txt)}#article .container #monthly-order-detail .section-body .order-deadline{background:var(--c-status-deadline-bg);color:var(--c-status-deadline-txt)}#article .container #monthly-order-detail .section-body .order-deadline .sticky-col{background:var(--c-status-deadline-bg);color:var(--c-status-deadline-txt)}#article .container #monthly-order-detail .section-body .orderable{background:var(--c-status-orderable-bg)}#article .container #monthly-order-detail .section-body .orderable .sticky-col{background:var(--c-status-orderable-bg)}#article .container #monthly-order-detail .section-body .unorderable{background:var(--c-status-unorderable-bg);color:var(--c-status-unorderable-txt)}#article .container #monthly-order-detail .section-body .unorderable .sticky-col{background:var(--c-status-unorderable-bg);color:var(--c-status-unorderable-txt)}#article .container #monthly-order-detail .section-body .order-account{font-size:1.4rem;font-weight:bold;padding:0 1.5rem .5rem 1.5rem}#article .container #monthly-order-detail .section-body .order-month{font-size:1.8rem;font-weight:bold;padding:0 1.5rem 1rem 1.5rem}#article .container #monthly-order-detail .section-body .order-detail-table{font-size:1.2rem;overflow-x:auto}#article .container #monthly-order-detail .section-body .order-detail-table table{width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--c-input-bg)}#article .container #monthly-order-detail .section-body .order-detail-table table tr th,#article .container #monthly-order-detail .section-body .order-detail-table table tr td{border:1px solid var(--c-line);padding:.25rem 0;text-align:center}#article .container #monthly-order-detail .section-body .order-detail-table table tr th.cell-name{padding:.25rem}#article .container #monthly-order-detail .section-body .order-detail-table table tr td{font-size:1.4rem}#article .container #monthly-order-detail .section-body .order-detail-table table thead tr .cell-date{width:6.5rem}#article .container #monthly-order-detail .section-body .order-detail-table table thead tr .sticky-col{background:var(--c-input-bg)}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr th{font-weight:normal}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr th .week{display:inline-block;background:var(--c-week-bg);padding:.15rem .3rem;font-size:.9rem;color:var(--c-week-txt);border-radius:.25rem}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.unorderable th{font-weight:normal}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.unorderable th .week{background:#e3e3e3;color:var(--c-status-unorderable-txt)}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.order-deadline th{font-weight:normal}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.order-deadline th .week{background:#b0b0b0;color:var(--c-status-deadline-txt)}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.delivered th{font-weight:normal}#article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.delivered th .week{background:#cadfac;color:var(--c-status-delivered-txt)}#article .container #monthly-order-detail .section-body .order-detail-table table tfoot tr .sticky-col{background:var(--c-input-bg)}#article .container #monthly-order-detail .section-body .order-detail-table table .sticky-col{position:sticky;left:0;z-index:999;border-right:2px solid var(--c-line)}#article .container #purchase-amount .section-body .purchase-account{font-size:1.8rem;padding-bottom:.7rem}#article .container #purchase-amount .section-body .purchase-month{font-size:1.8rem;font-weight:bold;padding-bottom:.7rem}#article .container #purchase-amount .section-body .purchase-amount-table{padding-bottom:.7rem}#article .container #purchase-amount .section-body .purchase-amount-table table{font-size:1.2rem;width:100%}#article .container #purchase-amount .section-body .purchase-amount-table table th,#article .container #purchase-amount .section-body .purchase-amount-table table td{padding-bottom:.3rem}#article .container #purchase-amount .section-body .purchase-amount-table table th{font-weight:normal}#article .container #purchase-amount .section-body .purchase-amount-table table td{padding-left:1rem;font-size:1.5rem;text-align:end;font-weight:bold}#article .container #purchase-amount .section-body .purchase-amount-table table td small{padding-left:.5rem;font-size:1rem}@media screen and (min-width: 992px){#top #article .article-wrapper .container #content-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}}#top #article .article-wrapper .container #content-header #corp-eyecatch{padding:0 0 2rem}#top #article .article-wrapper .container #content-header #corp-eyecatch img{display:block;margin:0 auto;height:16rem}#top #article .article-wrapper .container #content-header #to-order{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:0 0 2rem}@media screen and (min-width: 992px){#top #article .article-wrapper .container #content-header #to-order{margin:0}}#top #article .article-wrapper .container #content-header #to-order .card{background:var(--c-bg-card);padding:2rem 2.5rem;border-radius:2rem;-webkit-box-shadow:0px 0px 10px 0 rgba(0,0,0,.25);box-shadow:0px 0px 10px 0 rgba(0,0,0,.25)}#top #article .article-wrapper .container #content-header #to-order .card .card-title{padding-bottom:1rem}#top #article .article-wrapper .container #content-header #to-order .card .to-order-link{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}#top #article .article-wrapper .container #content-header #to-order .card .to-order-link .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem;gap:1.5rem;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#top #article .article-wrapper .container #content-header #to-order .card .to-order-link .btn .to-order-link-text{font-size:1.5rem}@media screen and (min-width: 768px){#top #article .article-wrapper .container #content-header #to-order .card .to-order-link .btn .to-order-link-text{font-size:1.8rem}}#top #article .article-wrapper .container #content-header #to-order .card .to-order-link .btn .to-order-link-img{width:3rem}#top #article .article-wrapper .container #month-info{width:100%}@media screen and (min-width: 992px){#top #article .article-wrapper .container #month-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem}}@media screen and (min-width: 992px){#top #article .article-wrapper .container #month-info #purchase-amount{width:30%}}#top #article .article-wrapper .container #month-info #purchase-amount .section-body .purchase-amount-note{font-size:.9rem}#top #article .article-wrapper .container #month-info #purchase-list{-webkit-box-flex:1;-ms-flex:1;flex:1}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list{width:100%}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list thead tr th{padding:.5rem 0;font-size:1.2rem;text-align:center;border:1px solid var(--c-line)}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list thead tr th.cell-date{width:9rem}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list thead tr th.cell-amount{width:5rem}@media screen and (min-width: 768px){#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list thead tr th.cell-date{width:10rem}}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr td{padding:.5rem;font-size:1.2rem;border:1px solid var(--c-line)}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr td.cell-date{vertical-align:top}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr td.cell-date a{color:var(--c-txt-primary)}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr td.cell-date a .week{display:inline-block;background:var(--c-week-bg);padding:.15rem .3rem;font-size:.9rem;color:var(--c-week-txt);border-radius:.25rem}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr td.cell-amount{text-align:end}#top #article .article-wrapper .container #month-info #purchase-list .table-purchase-list tbody tr.active td{background-color:var(--c-status-delivered-bg)}@media screen and (min-width: 992px){#daily #article .container .row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}}@media screen and (min-width: 992px){#daily #article .container #order-date{width:28rem}}#daily #article .container #order-date .section-body .select-order-date .flatpickr-input{font-size:1.8rem;text-align:center}#daily #article .container #daily-order-detail{-webkit-box-flex:1;-ms-flex:1;flex:1}#daily #article .container #daily-order-detail .section-body .order-detail-input{font-size:1.2rem;padding-bottom:1.5rem}#daily #article .container #daily-order-detail .section-body .order-detail-input table{width:100%}#daily #article .container #daily-order-detail .section-body .order-detail-input table thead{border-bottom:2px solid var(--c-line)}#daily #article .container #daily-order-detail .section-body .order-detail-input table thead tr th{padding-bottom:.5rem}#daily #article .container #daily-order-detail .section-body .order-detail-input table thead tr th.cell-amount{width:8rem}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr th,#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td{border-bottom:1px solid var(--c-line);padding-top:1rem;padding-bottom:.7rem}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr th{font-weight:normal}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1.8rem;font-weight:bold;text-align:end;padding-top:.5rem;padding-bottom:.5rem}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:hover,#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:focus,#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:active{background:var(--c-input-bg);border-color:var(--c-input-border);-webkit-box-shadow:none;box-shadow:none}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:not(.input-readonly):not([value=""]){background:var(--c-status-orderable-committed-bg);color:var(--c-status-orderable-committed-txt)}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:not(.input-readonly):hover,#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:not(.input-readonly):focus,#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control:not(.input-readonly):active{-webkit-box-shadow:inset 0 0 0 3px var(--c-status-orderable-bg-hover);box-shadow:inset 0 0 0 3px var(--c-status-orderable-bg-hover)}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .input-block .form-control.input-readonly{background:var(--c-status-unorderable-bg);color:var(--c-status-unorderable-txt)}#daily #article .container #daily-order-detail .section-body .order-detail-input table tbody tr td.input .unit-name{width:2rem;font-size:1rem;color:var(--c-txt-primary-hover);text-align:end}@media screen and (min-width: 992px){#monthly #article .container .option-block-row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}}#monthly #article .container .option-block-row .option-block{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;background:var(--c-bg-card);padding:1.5rem 1.5rem 7rem;border-radius:.5rem;margin-bottom:2rem}@media screen and (min-width: 992px){#monthly #article .container .option-block-row .option-block{max-width:50%}}#monthly #article .container .option-block-row .option-block .option-block-title{margin:0 0 1rem;font-size:1.6rem;font-weight:bold}#monthly #article .container .option-block-row .option-block .option-block-body .btn-wrap{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem}#monthly #article .container .option-block-row .option-block#switch-order-account{padding-left:0;padding-right:0}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-title{padding:0 1.5rem}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body{padding:0;font-size:1.2rem}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-top{padding:1.5rem;background:color-mix(in srgb, #d3f1f6 50%, transparent);border-top:1px solid #ade8ff;border-bottom:1px solid #ade8ff}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-top .text{font-size:.9rem;margin-bottom:1rem}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-top .order-account{font-weight:bold;font-size:1.4rem}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-bottom{padding:1.5rem 1.5rem 0}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-bottom .switch-order-account-intro{margin-bottom:1.5rem}#monthly #article .container .option-block-row .option-block#switch-order-account .option-block-body .switch-order-account-bottom .select-order-account{font-size:1.4rem}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .batch-input-intro{padding-bottom:1.5rem;font-size:1.2rem}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .name{padding-bottom:1.5rem;font-size:1.4rem}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .amount{font-size:1.4rem}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .amount input{width:12rem;text-align:center}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .btn-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}@media screen and (min-width: 768px){#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .btn-wrap{gap:1.5rem}}#monthly #article .container .option-block-row .option-block#batch-input .option-block-body .btn-wrap .btn{-webkit-box-flex:1;-ms-flex:1;flex:1}#monthly #article .container #monthly-order-detail .section-body .order-detail-table table th.cell-name{width:6.5rem}#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr td.input{padding:0}#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr td.input input{border:none;width:100%;text-align:center;padding:.25rem 0;outline:0;-webkit-transition:.4s;transition:.4s}#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr td.input input:hover,#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr td.input input:focus,#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr td.input input:active{-webkit-box-shadow:inset 0 0 0 3px var(--c-status-orderable-bg-hover);box-shadow:inset 0 0 0 3px var(--c-status-orderable-bg-hover)}#monthly #article .container #monthly-order-detail .section-body .order-detail-table table tbody tr.orderable .input input:not([value=""]){background:var(--c-status-orderable-committed-bg);color:var(--c-status-orderable-committed-txt)}#monthly #article .container #monthly-order-detail .section-body .order-btn{padding:1.5rem 1.5rem 0}#orderlist #article .container #monthly-order-detail .section-body .order-detail-table table th.cell-name{width:10rem}#orderlist #article .container #monthly-order-detail .section-body .order-detail-table table th.cell-delivered,#orderlist #article .container #monthly-order-detail .section-body .order-detail-table table th.cell-order{padding:.25rem}@media screen and (min-width: 992px){#history #article .container .row{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}}@media screen and (min-width: 992px){#history #article .container .row #purchase-amount{width:30%}}#history #article .container .row #purchase-amount .section-body .purchase-amount-note{font-size:.9rem}#history #article .container .row #order-history{-webkit-box-flex:1;-ms-flex:1;flex:1}#history #article .container .row #order-history .section-body .order-history-table table{width:100%;font-size:1.2rem}#history #article .container .row #order-history .section-body .order-history-table table thead tr th{padding:.5rem 0;text-align:center;border:1px solid var(--c-line)}#history #article .container .row #order-history .section-body .order-history-table table thead tr th.cell-date{width:9rem}@media screen and (min-width: 768px){#history #article .container .row #order-history .section-body .order-history-table table thead tr th.cell-date{width:10rem}}#history #article .container .row #order-history .section-body .order-history-table table thead tr th.cell-amount{width:5rem}#history #article .container .row #order-history .section-body .order-history-table table tbody tr th,#history #article .container .row #order-history .section-body .order-history-table table tbody tr td{border:1px solid var(--c-line);padding:.5rem}#history #article .container .row #order-history .section-body .order-history-table table tbody tr th{border-right:1px solid var(--c-line);font-weight:normal}#history #article .container .row #order-history .section-body .order-history-table table tbody tr th.cell-date{vertical-align:top}#history #article .container .row #order-history .section-body .order-history-table table tbody tr th.cell-date a{color:var(--c-txt-primary)}#history #article .container .row #order-history .section-body .order-history-table table tbody tr th.cell-date a .week{display:inline-block;background:var(--c-week-bg);padding:.15rem .3rem;font-size:.9rem;color:var(--c-week-txt);border-radius:.25rem}#history #article .container .row #order-history .section-body .order-history-table table tbody tr td.cell-amount{text-align:end}#history #article .container .row #order-history .section-body .order-history-table table tbody tr.active{background-color:var(--c-status-delivered-bg)}.setting #article .container .section .section-body .form{margin-bottom:1.5rem}.setting #article .container .section .section-body .form label{font-size:1.5rem;font-weight:bold;display:block;margin-bottom:.5rem}.setting #article .container .section .section-body .form .form-control{font-size:1.6rem}@media screen and (min-width: 576px){.setting #article .container .section .section-body .btn{max-width:15rem}}.setting#profile #article .container #change-mail{max-width:50rem}.setting#profile #article .container #change-mail .current-email{border-bottom:2px solid var(--c-bg-secondary);padding:.5rem 0 .2rem;font-size:1.6rem;color:var(--c-txt-primary)}.setting#profile #article .container #change-mail .current-email.empty-email{color:var(--c-txt-primary-hover);border-bottom-color:var(--c-line)}.setting#password #article .container .alert h3{margin:0 0 1rem}.setting#password #article .container .alert ul{margin:0;padding:0;list-style:none}.setting#password #article .container .alert ul li{margin:.5rem 0 0 1.2rem;text-indent:-0.5rem}.setting#password #article .container .alert ul li::before{content:"-";display:inline-block;margin-right:.5rem}.setting#password #article .container #change-password{max-width:50rem}#login .login-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#login .login-container .wrapper #login-form{display:block;background:var(--c-bg-card);padding:3rem;border-radius:2rem}#login .login-container .wrapper #login-form .corp-login-image{margin:0 0 2rem}#login .login-container .wrapper #login-form .corp-login-image img{width:18rem;margin:0 auto}#login .login-container .wrapper #login-form .title{font-size:1.8rem;font-weight:bold;text-align:center;padding:0 0 2rem}#login .login-container .wrapper #login-form .form-group{padding:0 0 1rem}#login .login-container .wrapper #login-form .form-group .control-label{font-size:1.2rem;font-weight:bold;display:block;padding:0 0 .5rem}#login .login-container .wrapper #login-form .form-group .form-control{font-size:1.4rem;font-weight:bold;text-align:center}#login .login-container .wrapper #login-form .form-button{padding:2rem 0 0}#login .login-container .wrapper #login-form .alert{margin:2rem 0 0}#login .login-container .wrapper #login-footer{padding:2rem;text-align:center}#login .login-container .wrapper #login-footer p{font-size:.8rem;color:var(--c-txt-primary-hover);padding:.5rem 0}#login .login-container .wrapper #login-footer p a{color:var(--c-txt-primary-hover)}#login .login-container .wrapper #login-footer p.cr{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif,Helvetica,sans-serif}#maintenance .maintenance-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#maintenance .maintenance-wrap .message-block{max-width:16rem}#maintenance .maintenance-wrap .message-block .block-img{width:70%;margin:0 auto 2rem}#maintenance .maintenance-wrap .message-block .block-txt h1{font-size:1.4rem;font-weight:bold;text-align:center;padding:0 0 1rem}#maintenance .maintenance-wrap .message-block .block-txt p{font-size:1rem;padding:0 0 .5rem}#system-error .system-error-wrap{position:fixed;top:0;left:0;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#system-error .system-error-wrap .system-error-block{max-width:16rem}#system-error .system-error-wrap .system-error-block .block-img{width:70%;margin:0 auto 2rem}#system-error .system-error-wrap .system-error-block .block-txt h1{font-size:1.4rem;font-weight:bold;text-align:center;padding:0 0 1rem}#system-error .system-error-wrap .system-error-block .block-txt p{font-size:1rem;padding:0 0 .5rem}/*# sourceMappingURL=main.css.map */