@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese);
:root{--top-line-height:36px;--page-heading-height:94px;--sidebar-icon-button-icon-width:44px;--menubar-icon-button-icon-size:45px}@media screen and (max-width:480px){:root{--menubar-height:calc(38px + 6.25vw);--tool-bar-height:calc(38px + 6.25vw);--menubar-icon-button-icon-size:calc(8px + 6.25vw);--sidebar-icon-button-icon-width:calc(8px + 6.25vw)}}

/*!
 * Bootstrap Reboot v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-size:.9rem;font-weight:400;line-height:1.6;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}a{color:#78716b;text-decoration:none;background-color:initial}a:hover{color:#504b47;text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{border-style:none}img,svg{vertical-align:middle}svg{overflow:hidden}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body,html{margin:0;width:100%;height:100%}body{font-family:Noto Sans JP,sans-serif;text-decoration:none}body a,body a:hover{text-decoration:none!important}body select,body select option,select{color:#000!important}a,button,input,option,select,textarea{outline-color:#ffc30a!important;outline-color:var(--color-focus-outline,#ffc30a)!important}.hide-tab-focusable{position:absolute;filter:alpha(opacity=0);opacity:0;-webkit-appearance:none;appearance:none}input[type=checkbox].hide-tab-focusable~label,input[type=radio].hide-tab-focusable~label{-webkit-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:0}input[type=checkbox].hide-tab-focusable:focus~label,input[type=radio].hide-tab-focusable:focus~label{outline:5px auto #ffc30a;outline:var(--color-focus-outline,#ffc30a) auto 5px}input[type=checkbox].hide-tab-focusable:focus:not(.focus-visible)~label,input[type=radio].hide-tab-focusable:focus:not(.focus-visible)~label{outline:none}input[type=checkbox].hide-tab-focusable:not(:checked)~.display-toggle,input[type=radio].hide-tab-focusable:not(:checked)~.display-toggle{display:none}.base-grid{width:100%;height:100%;display:grid;grid-template-rows:75px 1fr 36px;grid-template-columns:80px 1fr;grid-template-areas:"menubar menubar" "toolbar content" "footer footer";color:#78716b}.base-grid,main{position:relative}main{grid-area:content}.error-msg{color:red;font-weight:500;font-size:15px}input::-webkit-credentials-auto-fill-button{margin:0;width:0;background-color:initial}.pagination{display:flex;padding-left:0;list-style:none;border-radius:.25rem;justify-content:center;margin-top:20px}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#ffc30a;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#ffc30a;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(52,144,220,.25)}.page-link:not(:disabled):not(.disabled){cursor:pointer}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:1;color:#fff;background-color:#ffc30a;border-color:#fbe9b2}.page-item.disabled .page-link{color:#fbe9b2;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.125rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.7875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.page-heading{margin:0;display:flex;align-items:center;height:94px;height:var(--page-heading-height,94px);background:#fbe9b2;background:var(--page-heading-bg-color,#fbe9b2);font-size:1.4em}.page-heading>.page-heading-icon.popkit-icon{--height:var(--page-heading-icon-height,75px);--width:var(--page-heading-icon-width,80px);color:#a49a90;color:var(--page-heading-icon-color,#a49a90);margin:0 0 0 1em;margin:0 0 0 var(--page-heading-margin-left,1em)}.markdown-article h1{font-size:1.5em}.markdown-article h2{font-size:1.3em}.markdown-article img{max-width:100%}.markdown-article.news-article img{max-height:40vh}.markdown-article iframe[src^="https://www.youtube.com/"]{max-width:100%}.markdown-article a,.markdown-article a:hover{text-decoration:underline!important}.popbox-customize-toggle{margin-left:auto;margin-right:2em}.popbox-customize-toggle .button-like{display:block;float:left;height:2.6em;line-height:2.6em;font-size:16px;font-weight:400;color:#78716b;background:#fff;border:1px solid #78716b;padding:0 1em}.popbox-customize-toggle .button-like:first-child{border-right:none}.popbox-customize-toggle .button-like.active{background:#fb0}.menubar-logo-additional-label .nav-bar-text{margin-left:5px;font-size:.7em;font-weight:600;color:#78716b;position:relative;top:2px}.menubar-logo-additional-label .navbar-premium{margin-left:5px;font-size:.8em}.sidepanel-area{position:absolute;top:75px;right:-450px;height:calc(100% - 75px);z-index:6;display:flex;transition-duration:.5s}.sidepanel-area.open{right:0}.sidepanel-area .printshop-sidepanel{width:440px;background-color:#fff;box-shadow:-7px 0 0 0 #ffa30a;position:relative}.sidepanel-area .printshop-sidepanel .open-close-button{width:4.5em;height:9em;background:transparent;border:none;padding:0;margin-top:3rem;margin-right:-6px;position:absolute;left:-4rem;outline:none}.sidepanel-area .printshop-sidepanel .header{margin-top:1rem;display:flex}.sidepanel-area .printshop-sidepanel .header .back-btn-arrow{--width:32px;margin-left:.5em;transform:rotate(180deg);transition:.5s}.sidepanel-area .printshop-sidepanel .header .print-shop-logo{width:80%}.sidepanel-area .printshop-sidepanel .contents{height:calc(100% - 4rem);overflow-y:scroll;margin:1rem 0 0;padding:0 5%}.sidepanel-area .printshop-sidepanel .no-header{height:calc(100% - 4rem)}.sidepanel-area .printshop-sidepanel .footer{display:flex;background-color:#f9da9f;justify-content:space-between;height:3rem}.sidepanel-area .printshop-sidepanel .footer .printshop-about,.sidepanel-area .printshop-sidepanel .footer .printshop-cart,.sidepanel-area .printshop-sidepanel .footer .printshop-history{padding:0 1rem;justify-content:center;align-items:center;display:flex}.sidepanel-area .printshop-sidepanel .footer .printshop-about .popkit-icon,.sidepanel-area .printshop-sidepanel .footer .printshop-cart .popkit-icon,.sidepanel-area .printshop-sidepanel .footer .printshop-history .popkit-icon{vertical-align:middle}.sidepanel-area .printshop-sidepanel .footer .printshop-about .popkit-icon{width:2rem;height:auto}.sidepanel-area .printshop-sidepanel .footer .printshop-history .popkit-icon{width:2.3rem;height:auto}.sidepanel-area .printshop-sidepanel .footer .printshop-cart{border:none}.sidepanel-area .printshop-sidepanel .footer .printshop-cart .popkit-icon{width:1.7rem;height:auto;vertical-align:middle}.sidepanel-area .printshop-sidepanel .footer .printshop-cart .link-text{display:contents;vertical-align:middle}.print-order-preview{margin:0 0 .5rem;display:flex;justify-content:space-between}.print-order-preview .main-area{width:32%;height:8rem}.print-order-preview .main-area-img{object-fit:scale-down;width:100%;height:100%}.print-order-preview .sub-area{margin-left:.5rem;width:68%}.print-order-preview .sub-area .promotion-text{font-size:.8rem;margin-bottom:0}.print-order-preview .sub-area .detail{display:flex;justify-content:flex-start;margin:.8rem auto}.print-order-preview .sub-area .detail .show-detail-btn{border:1px solid #ed7974;outline:none;-webkit-appearance:none;appearance:none;background-color:#ed7974;border-radius:30px;padding:.2rem 1rem .3rem;font-size:.8em;color:#fff}.print-order-select{margin:1.1em auto}.print-order-select .input-number{-webkit-appearance:none;appearance:none;padding:5px 0 5px 15px;background:none;border:1px solid rgba(60,60,60,.26);border-radius:0;white-space:normal}.print-order-select.has-navigation-btn{display:grid;grid-template-columns:1fr 2rem;grid-column-gap:.5rem}.print-order-select.has-navigation-btn .show-navigation-btn{height:100%;margin:auto;padding:0;border:none;outline:none;-webkit-appearance:none;appearance:none;background-color:initial}.print-order .papercount,.print-order .serface{display:flex;align-items:center}.print-order .papercount .caption,.print-order .serface .caption{margin:auto .6rem}.print-order .serface{justify-content:flex-end}.print-order-price{border-top:1px solid grey}.print-order-price .total{width:10rem;text-align:right;font-size:1.2rem;font-weight:700}.print-order-delivery-date{color:#f68293;margin:0 auto}.print-order-delivery-date .main-text{font-size:.9rem;margin-bottom:0}.print-order-delivery-date .sub-text{font-size:.7rem;margin-bottom:.5rem}.print-order-checklist .check-item .detail{font-size:.8rem;width:80%;margin:.3rem 0 .3rem .3rem;display:inline-block;vertical-align:middle}.print-order .btn-area{text-align:center;margin-top:.5rem}.print-order .btn-area .popkit-button{font-size:.9rem;min-width:110px;padding:.7em 1em}.print-order .btn-area .btn-disabled{opacity:.5;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;cursor:not-allowed;--button-background:#dcd8d4}.print-order .btn-area .go-to-cart{display:inline-flex}.print-order .btn-area .go-to-cart .cart-icon{height:1.8rem;width:1.8rem}.print-order .btn-area .go-to-cart .cart-label{margin:auto 1rem;font-size:.8rem}.print-order-has-lamination{margin-bottom:0}.print-order-delivery-date .main-text.has-navigation-btn{display:grid;grid-template-columns:1fr 2rem;grid-column-gap:.5rem;height:1.5em}.show-navigation-btn{height:100%;margin:auto;padding:0;border:none;outline:none;-webkit-appearance:none;appearance:none;background-color:initial;height:2em;color:#78716b}.nav-size{max-width:55em}.nav-size h3{text-align:left}.nav-size .img-container{padding:1rem}.nav-size .img-container img{width:auto;height:auto;max-width:100%;max-height:calc(100vh - 150px)}.nav-page{text-align:center}.nav-laminate{text-align:left;display:grid;grid-template-columns:1fr 15rem;grid-column-gap:1em}.nav-laminate .img-container{padding:1em}.nav-surface-treatment{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1em;text-align:left}.nav-surface-treatment h3{grid-column:1/3}.nav-surface-treatment .img-container{padding:1em}.nav-tickness{text-align:left}.nav-tickness ul{list-style:none;padding-left:0}.nav-shipping{text-align:center;margin:auto}.nav-shipping h3{text-align:left}.nav-shipping ul{list-style:none;max-width:27em;margin:auto}.nav-shipping ul li{display:grid;grid-template-columns:7em 1fr;grid-column-gap:2em;text-align:left}.nav-shipping .mixed-order{border:1px solid #999;max-width:33em;text-align:left;padding:1em;margin:auto}.shipping-date h2,.shipping-date h3{text-align:left}.shipping-date .img-container{max-width:55em;max-height:100%;padding:1em}.shipping-date .img-container img{max-width:100%}.shipping-date .text{text-align:left}.shipping-date .text p{margin-left:1.5em}.print-order-price{display:grid;grid-template-columns:3em 1fr 5em;align-items:center}.print-order-price .price-wrapper{padding-top:1.2rem}.print-order-price .price-wrapper .total{padding:0;margin:0;text-align:left;width:100%}.print-order-price .price-wrapper .price-detail{padding:0;margin:0}.print-order-price .price-wrapper .price-detail label{vertical-align:bottom;margin-bottom:0}.print-order-price .show-shipping-fee-navigation{border:1px solid #ada49d;outline:none;-webkit-appearance:none;appearance:none;background-color:#ada49d;border-radius:10px;padding:0 1em;margin:.3em .5em .5em 1em;color:#fff;font-size:.8em}.dialog-bg.navigation-dialog{position:fixed;top:0;left:0}.dialog-bg.navigation-dialog .dialog-content{background:#fffaf5;border-radius:30px}.dialog-bg.navigation-dialog .close-icon{border:1px solid #606060;background:#606060;border-radius:100%;padding:6px;color:#fffaf5}.unselectable-option-message ul{padding-left:0}.unselectable-option-message ul li{font-size:.9em;list-style-type:none;color:#62a597}.caution-text{color:#f68293;margin-left:16px}.printing-price-settings{padding:0 50px 50px}.printing-price-settings .warning-note{margin:20px 0 5px;display:flex;justify-content:space-between}.printing-price-settings .warning-note span{font-size:.7rem}.printing-price-settings .accordion-list{border:1px solid #b7afa7;padding:0;background-color:#ffefbf}.printing-price-settings .accordion-list dd,.printing-price-settings .accordion-list dl,.printing-price-settings .accordion-list ul{margin-bottom:0}.printing-price-settings .accordion-list table{width:100%;border-top:1px solid #ccc}.printing-price-settings .accordion-list table td,.printing-price-settings .accordion-list table th{width:10%}.printing-price-settings .accordion-list table tr{border-bottom:1px solid #ccc}.printing-price-settings .accordion-list table tr th.label{font-weight:400;text-align:center;padding:6px 0}.printing-price-settings .accordion-list table tr:first-child{background-color:#f7f6f5}.printing-price-settings .accordion-list table tr:last-child{border-bottom:none}.printing-price-settings .accordion-list table td{height:55px;text-align:center}.printing-price-settings .accordion-list table td input::-webkit-inner-spin-button,.printing-price-settings .accordion-list table td input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.printing-price-settings .accordion-list table td input[type=number]{-moz-appearance:textfield}.printing-price-settings .accordion-list table .price{line-height:2.5;width:70%;border:1px solid #b7afa7;border-radius:3px;padding:0 10px;text-align:right}.printing-price-settings .accordion-list .radio-wrap{cursor:pointer;margin-bottom:0}.printing-price-settings .accordion-list .radio-wrap .display-radio{background-color:#fff;cursor:pointer}.printing-price-settings .accordion-list .radio-wrap .mr-2{margin-right:2px}.printing-price-settings .accordion-list .radio-wrap .mr-15{margin-right:15px}.printing-price-settings .accordion-list dt{position:relative;display:block;height:45px;line-height:45px;border-top:1px solid #b7afa7;font-size:1em;z-index:1;display:flex}.printing-price-settings .accordion-list dt .kind{margin-right:auto}.printing-price-settings .accordion-list dt{height:auto;line-height:2;padding:.8em 10px .8em 20px}.printing-price-settings .accordion-list dl:first-child dt{border-top:none}.printing-price-settings .accordion-list>li:first-child dt{border:none}.printing-price-settings .accordion-list .arrow{width:0;margin:0 30px}.printing-price-settings .accordion-list .arrow:before{content:"";cursor:pointer;position:absolute;top:50%;right:auto;right:30px;display:block;width:12px;height:12px;border-right:2px solid #b7afa7;border-bottom:2px solid #b7afa7;transform:translateY(-5px) rotate(45deg);transform-origin:50% 50%;transition:all .2s ease 0s}.printing-price-settings .accordion-list .arrow.accordion-open:before{transform:translateY(-2px) rotate(225deg)}.printing-price-settings .accordion-list dd{overflow:hidden;height:0;background:#fff}.printing-price-settings .accordion-list dt[class*=accordion]+dd{transition:all .2s ease 0s}a.navbar-brand{font-weight:500;font-size:1.3em}.menubar .icon-button-icon{height:45px;height:var(--menubar-icon-button-icon-size);width:45px;width:var(--menubar-icon-button-icon-size)}.menubar .menubar-item{color:#a59b91}.menubar .menubar-item.to-pop-create{font-weight:500;font-size:1.1em}.menubar .menubar-item.user-profile.wide-space{margin:auto 16px}.menubar .menubar-item.user-profile .user-name{vertical-align:middle;color:#78716b;text-decoration:underline;font-size:1.2em;margin-right:10px;margin-left:10px}@media screen and (min-width:481px) and (max-width:1079px) and (orientation:portrait){.menubar .menubar-item.user-profile .user-name{display:none}}.menubar .popkit-icon.inline-small{display:inline-block;width:67.5px;height:67.5px}.menubar .popkit-icon.inline-small.shrink{width:45px;height:45px}.menubar .item-corporation-name{color:#78716b}@media screen and (min-width:481px) and (max-width:1079px) and (orientation:portrait){.menubar .item-corporation-name{visibility:hidden}}.popkit-icon.user-icon.bg-gray{background-color:#f0efef;--icon__fill:#fff}.menubar{z-index:5}.user-menu{position:absolute;display:block;right:-16px;margin-top:8px;word-break:keep-all;border:1px solid #b6aea6;font-size:14px;line-height:1}.user-menu-list{list-style:none;padding-left:0;margin-bottom:0;background-color:#fff}.user-menu-item-link,.user-menu-list-item{display:block}.user-menu-item-link{padding:.9em 2em;background:#fff;border:none;width:100%;text-align:left}.user-menu-item-link,.user-menu-item-link:active,.user-menu-item-link:link,.user-menu-item-link:visited .user-menu-item-link:hover{color:#78716b!important}.user-menu-item-link:hover{background:#fdf0cd;background:var(--user-menu-active-color,#fdf0cd);transform:unset!important}.toolbar .icon-button{width:100%}.toolbar .icon-button-icon{width:44px;width:var(--sidebar-icon-button-icon-width)}.toolbar .tool{margin-top:.5em;margin-bottom:.8em}.toolbar .active .tool-like-link{color:#f5bd1f}.toolbar .tool-like-link{margin-top:1em}.toolbar a:hover{color:#f5bd1f}.credit-card-check.page__credit-card-check nav .icon-button[data-v-48c18036]{max-height:77px}.credit-card-check.page__credit-card-check nav .icon-button .icon-button-icon[data-v-48c18036],.credit-card-check.page__credit-card-check nav .popkit-icon[data-v-cc6d9aae]{max-height:61px}.page-footer{color:#78716b;color:var(--color-footer-text,#78716b);grid-area:footer;position:relative}.page-footer .page-footer-link{color:#78716b}.page-footer .page-footer-link:hover{color:#504b47}@media screen and (min-width:481px) and (max-width:1079px),screen and (min-width:1080px){.page-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;background:#e0dcd9;background:var(--footer-background,#e0dcd9)}.page-footer .page-footer-item{flex:1}.page-footer .footer-links{text-align:right;padding-right:30px}.page-footer .page-footer-contact-us{padding-right:20px}.page-footer small.copyright{text-align:center;font-size:1em;font-weight:500}}@media screen and (max-width:480px){.page-footer{z-index:-1;background:var(--tool-bar-background);width:14em}.page-footer .page-footer-link{color:#fff}}.page-system .base-grid{grid-template-rows:36px 1fr 36px;grid-template-rows:var(--top-line-height) 1fr 36px;grid-template-columns:1fr;grid-template-areas:"top-line" "content" "footer"}.page-system .top-line{background:var(--page-top-line-background);grid-area:top-line}.page-system .logo{margin-top:17vh}.page-system .logo .logo-additional-label{display:block;font-size:1.25em;line-height:1;padding:.8em;font-weight:700}.page-system main{text-align:center}.page-system .page-footer,.page-system main{background:var(--color-background-light)}.login.page__login .already_logged_in_dialog_1 .dialog-window{max-height:400px}.login.page__login .already_logged_in_dialog_2 .dialog-window{max-height:450px}.login.page__login .already_logged_in_dialog_3 .dialog-window{max-height:400px}.login.page__login .already_logged_in_dialog_3 .dialog-window .content{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (min-width:900px){.login.page__login .main .dialog-bg{top:0;left:0}.login.page__login .main .dialog-window{overflow:hidden;max-width:35%;min-width:400px;text-align:left;background-color:#fffaf5}.login.page__login .main .dialog-window .dialog-content{padding:30px 0;overflow-y:hidden}.login.page__login .main .dialog-window [v-cloak]{display:none}.login.page__login .main .already_logged_in_dialog_1 .main-content,.login.page__login .main .already_logged_in_dialog_2 .main-content,.login.page__login .main .already_logged_in_dialog_3 .main-content{text-align:left;width:80%;margin:25px auto auto;padding-bottom:10px;font-size:1.1rem}.login.page__login .main .already_logged_in_dialog_1 .main-content .btn,.login.page__login .main .already_logged_in_dialog_2 .main-content .btn,.login.page__login .main .already_logged_in_dialog_3 .main-content .btn{margin:20px 0;display:flex;justify-content:center;align-items:center}.login.page__login .main .already_logged_in_dialog_1 .main-content .btn button.logout,.login.page__login .main .already_logged_in_dialog_2 .main-content .btn button.logout,.login.page__login .main .already_logged_in_dialog_3 .main-content .btn button.logout{margin:auto;background-color:#ffcf3b;border:1px solid #aba093;padding:12px 20px;color:#78716b}.login.page__login .main .already_logged_in_dialog_1 .input-content,.login.page__login .main .already_logged_in_dialog_2 .input-content,.login.page__login .main .already_logged_in_dialog_3 .input-content{display:flex;flex-direction:column;font-size:1.1rem}.login.page__login .main .already_logged_in_dialog_1 .input-content .btn,.login.page__login .main .already_logged_in_dialog_2 .input-content .btn,.login.page__login .main .already_logged_in_dialog_3 .input-content .btn{margin:20px 0}.login.page__login .main .already_logged_in_dialog_1 .input-content .btn button.logout-btn,.login.page__login .main .already_logged_in_dialog_2 .input-content .btn button.logout-btn,.login.page__login .main .already_logged_in_dialog_3 .input-content .btn button.logout-btn{width:35%;margin:auto;background-color:#ffcf3b;border:1px solid #aba093;padding:12px 15px;color:#78716b}.login.page__login .main .already_logged_in_dialog_1 .input-content .re-logout button.re-logout-btn,.login.page__login .main .already_logged_in_dialog_2 .input-content .re-logout button.re-logout-btn,.login.page__login .main .already_logged_in_dialog_3 .input-content .re-logout button.re-logout-btn{border:none;background:none;color:#78716b;text-decoration:underline;outline:none;cursor:pointer}.login.page__login .main .logout .content{width:80%;margin:auto}.login.page__login .main .logout .content p{margin:0;font-size:1.1rem}.login.page__login .main .contents2{width:100%;grid-area:cont-2;margin-left:auto;margin-right:auto;position:relative;text-align:center;margin-top:20px}.login.page__login .main .contents2 h1{font-size:25px;color:#78716b;margin:0 0 20px}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 h1{margin-bottom:15px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .header_contents img{width:35%}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .header_contents img{width:37%}}@media screen and (min-width:900px){.login.page__login .main .contents2 .login_bar_image{display:flex;width:100%}.login.page__login .main .contents2 .login_bar_image .describation-image{width:70%;object-fit:contain}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image{width:72%}}@media screen and (min-width:900px){.login.page__login .main .contents2 .login_bar_image .describation-image .main-image{width:98%;object-fit:contain}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image .main-image{width:100%;margin-top:1em}}@media screen and (min-width:900px){.login.page__login .main .contents2 .login_bar_image .describation-image .content-image{margin-left:9%;width:60%;object-fit:contain}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image .content-image{margin-top:1em;width:65%}}@media screen and (min-width:900px){.login.page__login .main .contents2 .member-register{margin-top:20px;margin-bottom:20px;width:100%;background-color:#f5e7d5;display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width:900px){.login.page__login .main .contents2 .member-info{font-size:19px;color:#78716b;text-align:right;margin-right:40px;padding:25px 0;font-weight:500}.login.page__login .main .contents2 .member-info .member-info-title-1{margin-right:25px;vertical-align:middle}}@media screen and (min-width:900px){.login.page__login .main .contents2 .inside-member-register{text-align:left;margin-left:10px;padding:25px 0}.login.page__login .main .contents2 .inside-member-register a{text-decoration:none;color:#fff;font-size:20px;outline:none}.login.page__login .main .contents2 .inside-member-register a:hover{background:#f08d99;color:#fff}.login.page__login .main .contents2 .inside-member-register .member-register-point{background:#ff6670;padding:15px 60px;color:#fff;font-weight:600;vertical-align:middle;border:1px solid #ff6670;cursor:pointer}.login.page__login .main .contents2 .inside-member-register .member-register-point:hover{background:#f08d99;color:#fff;border:1px solid #f08d99}}@media screen and (min-width:900px){.login.page__login .main .contents2 .sub-content{margin-top:3.5em}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .sub-content{margin-top:2em}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .sub-content h1{width:23vw;font-size:20px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article{padding-bottom:5px}.login.page__login .main .contents2 .article .article-1 .mail-add{text-align:left}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add{text-align:left;width:23vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add span{margin:0;font-size:17px;color:#78716b;font-weight:400}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add span{font-size:15px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail{text-align:left}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info{position:relative}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .input{width:22vw;height:53px;margin-bottom:10px;margin-top:5px;font-size:17px;padding-left:50px;border:1px solid #d3cec9}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .input{height:43px;width:23vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info ::-ms-input-placeholder{color:#78716b;padding-left:18px}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info ::placeholder{color:#78716b;padding-left:18px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .mail-icon{position:absolute;height:35px;width:50px;bottom:18px;color:#a59b91}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .mail-icon{bottom:12px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add .logged-text span{color:#ff6670;text-decoration:underline}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail2{position:relative;bottom:16px;text-align:right;margin-top:6px}.login.page__login .main .contents2 .article .article-1 .mail-add .mail2 label{line-height:1px;text-decoration:underline}.login.page__login .main .contents2 .article .article-1 .mail-add .mail2 label a{font-size:14px;font-weight:400;color:#78716b;text-decoration:underline}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .login-btn-org{width:23vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-1 .login_btn{background-color:#ffcf3b;border:1px solid #aba093;font-size:17px;padding:10px 50px;color:#78716b;text-align:center;cursor:pointer}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .login_btn{font-size:16px;padding:7px 35px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .others{margin:1em 0}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .others{width:23vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .others span{font-size:17px;color:#78716b}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .others span{font-size:15px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2{margin-top:13px}.login.page__login .main .contents2 .article .article-2 .social{margin-top:7px;margin-bottom:20px;display:flex;justify-content:space-between;text-align:center}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social{margin-top:2px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .social .in-social{display:flex;flex-direction:column}.login.page__login .main .contents2 .article .article-2 .social .in-social button{display:flex;align-items:center;justify-content:center;border:1px solid #d3cec9;background:#fff;width:60px;height:65px}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social .in-social button{width:50px;height:55px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .social .in-social button img{margin:auto}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .social .in-social span{color:#78716b}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social .in-social span{font-size:.8rem}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .register .in-register{text-align:center}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register{width:23vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save{display:inline-flex;margin:auto}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save{margin-left:0;align-items:center}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save div{margin:0;font-size:14px;color:#78716b}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save div{font-size:12px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save a{font-size:16px;margin-left:1em;color:#56bea9;text-decoration:underline}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save a{font-size:13px;text-decoration:underline}}@media screen and (min-width:900px){.login.page__login .main .contents2 .pop{margin:30px 0 10px;font-size:20px;color:#ff6670;font-weight:700}}@media screen and (min-width:900px){.login.page__login .main .contents2 .pop-for img{width:40%;object-fit:contain;margin-top:10px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .content-image img{width:45%;object-fit:contain}}@media screen and (min-width:900px){.login.page__login .main .contents2 .video iframe{width:50vw;margin:auto;height:28.125vw}}@media screen and (min-width:900px){.login.page__login .main .contents2 .alert-text{text-align:left;margin:30px auto 5px 24%}.login.page__login .main .contents2 .alert-text a{color:#ff6670;text-decoration:underline!important}.login.page__login .main .contents2 .alert-text ul{color:#78716b;font-size:15px;margin:0}.login.page__login .main .contents2 .alert-text ul div{padding:0;font-size:19px;margin:0 0 0 -6px;color:#000}.login.page__login .main .contents2 .alert-text ul li{list-style:none}}@media screen and (min-width:900px){.login.page__login .main .contents2 .middle-content-image-0 img{width:40%;object-fit:contain;position:relative;top:50px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .middle-content-image-1 img{width:40%}}@media screen and (min-width:900px){.login.page__login .main .contents2 .middle-content-image-2 img{width:53%;margin-top:30px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_for_law{margin-top:20px;height:60px;line-height:60px;text-align:center;align-items:center;font-size:18px;font-weight:600;color:#78716b;background-color:#e0efe9}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content{display:flex;width:70%;margin:2% auto 1%}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content{width:91%}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-img{width:55%}.login.page__login .main .contents2 .guidance_content .premium-img img{width:80%;object-fit:contain}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content{margin-top:15px}.login.page__login .main .contents2 .guidance_content .premium-content .text{text-align:left;font-size:21px;font-weight:600;color:#78716b}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .text{font-size:20px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used{font-size:16px;color:#78716b;margin-top:25px;font-weight:500;text-align:left}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used{font-size:15px;margin-top:20px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used p{margin:0}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn{margin-top:30px;margin-left:17px}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn{margin-top:20px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn button{padding:12px 22px;background-color:#ffcf3b;border:1px solid #aba093;color:#78716b;font-size:17px;font-weight:500}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn button{padding:10px 18px;font-size:16px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn p{margin:0;font-size:1px!important;color:#78716b;text-align:right}}@media screen and (min-width:900px){.login.page__login .main .contents2 .last-content-image{background-color:#f5e7d5}.login.page__login .main .contents2 .last-content-image img{width:45%;margin-top:40px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .social-icon{background-color:#f5e7d5;display:grid;padding-top:20px;margin:auto;grid-template-columns:1fr 1fr}.login.page__login .main .contents2 .social-icon .text{padding:15px 0;text-align:right;margin-right:10px;font-size:16px}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .text{font-size:15px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .social-icon .text .info-1{margin-right:85px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .social-icon .icon{display:inline-flex;padding:15px 0;margin-left:18px;width:40%}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .icon{padding:15px;align-items:center}}@media screen and (min-width:900px){.login.page__login .main .contents2 .social-icon .icon a{text-decoration:none}}@media screen and (min-width:900px){.login.page__login .main .contents2 .social-icon .icon img{width:50%;cursor:pointer}}@media screen and (min-width:900px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .icon img{width:58px;padding:0 10px;object-fit:contain}}@media screen and (min-width:900px){.login.page__login .main .contents2 .company-contact{background-color:#f5e7d5;display:grid;grid-template-columns:1fr 1fr}.login.page__login .main .contents2 .company-contact .company{text-align:right;margin-right:30px;font-size:18px}.login.page__login .main .contents2 .company-contact .contact{margin-left:30px;text-align:left;font-size:18px}}@media screen and (min-width:900px){.login.page__login .main .contents2 .footer{background-color:#f5e7d5;padding-top:20px;padding-bottom:15px}}.login-popup{margin-left:40px;font-size:14px;text-align:left;color:#78716b}@media screen and (min-width:481px) and (max-width:1079px){.login-popup{margin-left:0;font-size:12px}}.login-popup .open{cursor:pointer;text-decoration:underline}.login-popup .open:hover{text-decoration:none}.login-popup #login-popup-toggle,.login-popup .overlay,.login-popup .window{display:none}.login-popup #login-popup-toggle:checked+.overlay{display:block;z-index:100;background-color:rgba(0,0,0,.25);position:fixed;width:100%;height:100vh;top:0;left:0}.login-popup #login-popup-toggle:checked+.overlay+.window{display:block;padding:60px 60px 40px;z-index:200;width:90vw;max-width:600px;background-color:#f9f4ea;border-radius:16px;justify-content:center;align-items:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.login-popup h4{text-align:center;font-size:20px;margin-bottom:30px}.login-popup p{font-size:16px;line-height:200%;text-align:justify;text-justify:inter-ideograph}.login-popup .close{cursor:pointer;position:absolute;top:4px;right:4px;padding:8px 16px;font-size:20px;font-weight:700}@media screen and (max-width:899px){.login.page__login .main .dialog-bg{top:0;left:0}.login.page__login .main .printing-terms .dialog-window{overflow:hidden;max-width:50%;min-width:500px;text-align:left;background-color:#fffaf5}.login.page__login .main .printing-terms .dialog-window .dialog-content{padding:0;overflow-y:hidden}.login.page__login .main .printing-terms .dialog-window [v-cloak]{display:none}.login.page__login .main .login.page__login .printing-terms.already_logged_in_dialog_1 .dialog-window{max-height:450px}.login.page__login .main .printing-terms .main-content{text-align:left;width:80%;margin:25px auto auto;padding-bottom:10px;font-size:1.1rem}.login.page__login .main .printing-terms button.content{margin:auto;background-color:#ffcf3b;border:1px solid #aba093;padding:12px 20px;color:#78716b}.login.page__login .main .printing-terms .input-content{display:flex;flex-direction:column;font-size:1.1rem}.login.page__login .main .printing-terms .input-content .btn{margin:20px 0}.login.page__login .main .printing-terms .input-content .btn button.logout-btn{width:35%;margin:auto;background-color:#ffcf3b;border:1px solid #aba093;padding:12px 15px;color:#78716b}.login.page__login .main .printing-terms .input-content .re-logout button.re-logout-btn{border:none;background:none;color:#78716b;text-decoration:underline}.login.page__login .main .logout.dialog-window{overflow:hidden;max-width:35%;max-height:25%;min-width:200px;text-align:left;background-color:#fffaf5}.login.page__login .main .logout.dialog-window .dialog-content{padding:30px 0;overflow-y:hidden}.login.page__login .main .logout .content{width:80%;margin:auto}.login.page__login .main .logout .content p{margin:0;font-size:1.1rem}.login.page__login .main .contents2{width:100%;grid-area:cont-2;margin-left:auto;margin-right:auto;position:relative;text-align:center;margin-top:20px}.login.page__login .main .contents2 h1{font-size:25px;color:#78716b;margin:0 0 20px}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 h1{margin-bottom:15px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .header_contents img{width:50%}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .header_contents img{width:50%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .login_bar_image{display:flex;flex-direction:column;width:100%}.login.page__login .main .contents2 .login_bar_image .describation-image{width:100%;object-fit:contain}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image{width:100%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .login_bar_image .describation-image .main-image{width:98%;object-fit:contain}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image .main-image{width:100%;margin-top:1em}}@media screen and (max-width:899px){.login.page__login .main .contents2 .login_bar_image .describation-image .content-image{margin-left:9%;width:60%;object-fit:contain}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .login_bar_image .describation-image .content-image{margin-top:1em;width:65%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .member-register{margin-top:20px;margin-bottom:20px;width:100%;background-color:#f5e7d5;display:grid;grid-template-columns:1fr 1fr}}@media screen and (max-width:899px){.login.page__login .main .contents2 .member-info{font-size:19px;color:#78716b;text-align:right;margin-right:40px;padding:25px 0;font-weight:500}.login.page__login .main .contents2 .member-info .member-info-title-1{margin-right:25px;vertical-align:middle}}@media screen and (max-width:899px){.login.page__login .main .contents2 .inside-member-register{text-align:left;margin-left:10px;padding:25px 0}.login.page__login .main .contents2 .inside-member-register a{text-decoration:none;color:#fff;font-size:20px;outline:none}.login.page__login .main .contents2 .inside-member-register a:hover{background:#f08d99;color:#fff}.login.page__login .main .contents2 .inside-member-register .member-register-point{background:#ff6670;padding:15px 60px;color:#fff;font-weight:600;vertical-align:middle;border:1px solid #ff6670;cursor:pointer}.login.page__login .main .contents2 .inside-member-register .member-register-point:hover{background:#f08d99;color:#fff;border:1px solid #f08d99}}@media screen and (max-width:899px){.login.page__login .main .contents2 .sub-content{margin-top:3.5em}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .sub-content{margin-top:2em}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .sub-content h1{width:23vw;font-size:20px;margin:0 auto 15px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article{display:flex;flex-direction:column;align-items:center}.login.page__login .main .contents2 .article .article-1 .mail-add{text-align:left}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add{text-align:left;width:35vw}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add span{margin:0;font-size:17px;color:#78716b;font-weight:400}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add span{font-size:2vw}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail{text-align:left}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info{position:relative}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .input{width:100%;height:53px;margin-bottom:10px;margin-top:5px;font-size:2.5vw;padding-left:50px;border:1px solid #d3cec9}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .input{height:43px;width:100%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info ::-ms-input-placeholder{color:#78716b;padding-left:18px}.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info ::placeholder{color:#78716b;padding-left:18px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .mail-icon{position:absolute;height:35px;width:50px;bottom:18px;color:#a59b91}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail .mail-info .mail-icon{bottom:12px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add .logged-text span{color:#ff6670;text-decoration:underline}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .mail-add .mail2{position:relative;bottom:16px;text-align:right;margin-top:6px}.login.page__login .main .contents2 .article .article-1 .mail-add .mail2 label{line-height:1px;text-decoration:underline}.login.page__login .main .contents2 .article .article-1 .mail-add .mail2 label a{font-size:14px;font-weight:400;color:#78716b;text-decoration:underline}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-1 .login_btn{background-color:#ffcf3b;border:1px solid #aba093;font-size:17px;padding:10px 50px;color:#78716b;text-align:center;cursor:pointer}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-1 .login_btn{font-size:16px;padding:7px 35px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2{margin-top:13px}.login.page__login .main .contents2 .article .article-2 .social{margin-top:7px;margin-bottom:20px;display:flex;justify-content:space-between;text-align:center}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social{margin-top:2px;width:35vw}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .social .in-social{display:flex;flex-direction:column}.login.page__login .main .contents2 .article .article-2 .social .in-social button{display:flex;align-items:center;justify-content:center;border:1px solid #d3cec9;background:#fff;width:60px;height:65px}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social .in-social button{width:50px;height:55px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .social .in-social button img{margin:auto}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .social .in-social span{color:#78716b}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .social .in-social span{font-size:.8rem}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .register .in-register{text-align:center}.login.page__login .main .contents2 .article .article-2 .register .in-register .save{display:inline-flex;margin:auto}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save{margin-left:0;align-items:center}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save div{margin:0;font-size:14px;color:#78716b}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save div{font-size:12px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save a{font-size:16px;margin-left:1em;color:#56bea9;text-decoration:underline}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .article .article-2 .register .in-register .save a{font-size:13px;text-decoration:underline}}@media screen and (max-width:899px){.login.page__login .main .contents2 .pop{margin:30px 0 10px;font-size:20px;color:#ff6670;font-weight:700}}@media screen and (max-width:899px){.login.page__login .main .contents2 .pop-for img{width:40%;object-fit:contain;margin-top:10px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .content-image img{width:45%;object-fit:contain}}@media screen and (max-width:899px){.login.page__login .main .contents2 .video iframe{width:50vw;margin:auto;height:28.125vw}}@media screen and (max-width:899px){.login.page__login .main .contents2 .alert-text{text-align:left;display:flex;justify-content:center;margin:30px auto 5px}.login.page__login .main .contents2 .alert-text a{color:#ff6670;text-decoration:underline!important}.login.page__login .main .contents2 .alert-text ul{color:#78716b;font-size:15px;margin:0}.login.page__login .main .contents2 .alert-text ul div{padding:0;font-size:19px;margin:0 0 0 -6px;color:#000}.login.page__login .main .contents2 .alert-text ul li{list-style:none}}@media screen and (max-width:899px){.login.page__login .main .contents2 .middle-content-image-0 img{width:40%;object-fit:contain;position:relative;top:50px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .middle-content-image-1 img{width:40%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .middle-content-image-2 img{width:53%;margin-top:30px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_for_law{margin-top:20px;height:60px;line-height:60px;text-align:center;align-items:center;font-size:18px;font-weight:600;color:#78716b;background-color:#e0efe9}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content{display:flex;flex-direction:column;width:70%;margin:2% auto 1%}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content{display:flex;flex-direction:column;width:91%}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-img{width:100%}.login.page__login .main .contents2 .guidance_content .premium-img img{width:80%;object-fit:contain}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content{margin-top:15px}.login.page__login .main .contents2 .guidance_content .premium-content .text{text-align:center;font-size:21px;font-weight:600;color:#78716b}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .text{font-size:20px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used{font-size:16px;color:#78716b;margin-top:25px;font-weight:500;text-align:center}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used{font-size:15px;margin-top:20px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used p{margin:0}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn{margin-top:30px;margin-left:17px}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn{margin-top:20px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn button{padding:12px 22px;background-color:#ffcf3b;border:1px solid #aba093;color:#78716b;font-size:17px;font-weight:500}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn button{padding:10px 18px;font-size:16px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .guidance_content .premium-content .shared-and-used .about-popkit-btn p{margin:0;font-size:1px!important;color:#78716b;text-align:right}}@media screen and (max-width:899px){.login.page__login .main .contents2 .last-content-image{background-color:#f5e7d5}.login.page__login .main .contents2 .last-content-image img{width:45%;margin-top:40px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .social-icon{background-color:#f5e7d5;display:grid;padding-top:20px;margin:auto;grid-template-columns:1fr 1fr}.login.page__login .main .contents2 .social-icon .text{padding:15px 0;text-align:right;margin-right:10px;font-size:16px}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .text{font-size:15px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .social-icon .text .info-1{margin-right:85px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .social-icon .icon{display:inline-flex;padding:15px 0;margin-left:18px;width:40%}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .icon{padding:15px;align-items:center}}@media screen and (max-width:899px){.login.page__login .main .contents2 .social-icon .icon a{text-decoration:none}}@media screen and (max-width:899px){.login.page__login .main .contents2 .social-icon .icon img{width:50%;cursor:pointer}}@media screen and (max-width:899px) and (min-width:481px) and (max-width:1079px){.login.page__login .main .contents2 .social-icon .icon img{width:58px;padding:0 10px;object-fit:contain}}@media screen and (max-width:899px){.login.page__login .main .contents2 .company-contact{background-color:#f5e7d5;display:grid;grid-template-columns:1fr 1fr}.login.page__login .main .contents2 .company-contact .company{text-align:right;margin-right:30px;font-size:18px}.login.page__login .main .contents2 .company-contact .contact{margin-left:30px;text-align:left;font-size:18px}}@media screen and (max-width:899px){.login.page__login .main .contents2 .footer{background-color:#f5e7d5;padding-top:20px;padding-bottom:15px}}.page-user-login .page-user-base-grid{position:relative;width:100%;height:100%;overflow-x:hidden;display:grid;grid-template-rows:40% 1fr 36px;grid-auto-columns:1fr;grid-template-areas:"header" "content" "footer"}.page-user-login .top-half{grid-area:header;text-align:center;position:relative;background:#f9f0e5;color:#78716b}.page-user-login .Kit0,.page-user-login .logo{display:inline-block}.page-user-login .logo-wrapper{position:absolute;bottom:0;width:100vw;-webkit-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;pointer-events:none}.page-user-login .logo{bottom:2.5em}.page-user-login .Kit0{width:180px;transform:translateY(6px);margin-right:2em}.page-user-login .Kit0,.page-user-login .popkit-logo{vertical-align:text-bottom}.page-user-login .logo-additional-label{font-weight:700;font-size:1.4em;line-height:1.2;padding-left:.5em}.page-user-login main{grid-area:content;text-align:center}.page-user-login .page-footer{background:unset}.page-premium-login .page-premium-base-grid{position:relative;width:100%;height:100%;display:grid;grid-template-rows:1fr 36px;grid-auto-columns:50% 50%;grid-template-areas:"left content" "footer content"}.page-premium-login .left-half{grid-area:left;text-align:center;position:relative;color:#78716b;-webkit-user-select:none;-ms-user-select:none;user-select:none;user-drag:none;pointer-events:none}.page-premium-login .left-half,.page-premium-login .main-wrapper{display:flex;justify-content:center;flex-direction:column}.page-premium-login .logo{margin:2em 0 1em}.page-premium-login .Kit0{width:180px}.page-premium-login .popkit-logo{vertical-align:text-bottom}.page-premium-login .logo-additional-label{position:absolute;bottom:0;font-weight:700;font-size:1.4em;line-height:1.2;padding-left:.5em}.page-premium-login .logo-premium{font-size:1.7em;font-weight:500;line-height:1}.page-premium-login .main-wrapper{background:#ffefbf;grid-area:content;text-align:center;border:.5px solid #a59b91;border-left:none}.page-premium-login .page-footer{background:unset}.editor{position:relative;width:100%;height:100%;display:grid;grid-template-columns:80px 1fr;color:#78716b;grid-template-rows:75px 75px 1fr;grid-template-areas:"menubar menubar" "toolbar options" "toolbar canvas"}@media screen and (max-width:480px){.editor{grid-template-rows:var(--menubar-height) 1fr var(--tool-bar-height);grid-template-columns:1fr;grid-template-areas:"menubar" "canvas" "toolbar"}.editor .icon-button{--label-font-size:10px}}.editor .accbox .cssacc{display:none}.editor .accbox .cssacc:checked+.accshow{opacity:1;pointer-events:auto}.editor .accbox .accshow{opacity:0;pointer-events:none;position:absolute;bottom:0;right:0;width:100vw;height:100vh;padding:0;background-color:rgba(0,0,0,.5);transition:0s,transform .8s 0s;z-index:999}.editor .accbox .accshow .popup-main{position:absolute;bottom:calc(50% - 15em);right:calc(50vw - 225px);background-color:#fffaf5;width:480px;border-radius:25px;box-shadow:2px 2px;z-index:9999;transition:all .8s;overflow:hidden;text-align:center}.editor .accbox .accshow .popup-main .unsettled-warning{padding:80px 60px}.editor .accbox .accshow .popup-main .unsettled-warning .peke{position:absolute;top:20px;right:20px;color:#a49a90;cursor:pointer}.editor .accbox .accshow .popup-main .unsettled-warning img{width:60px;height:auto}.editor .accbox .accshow .popup-main .unsettled-warning p{margin:40px 0 0;color:#e9340a;font-size:1.2em;font-weight:700;text-align:left;line-height:1.8}.editor .accbox .accshow .popup-main .unsettled-warning p a{color:#e9340a;text-decoration:underline!important}.toolbar-icon-button input[type=checkbox]:checked+.icon-button-inner:after{content:"";box-sizing:initial;width:0;height:0;border-top:9.1px solid transparent;border-bottom:9.1px solid transparent;border-right:15.8px solid #ffc30a;position:absolute;top:calc(50% - 10px);right:0;z-index:2}@media screen and (max-width:480px){.toolbar-icon-button input[type=checkbox]:checked+.icon-button-inner:after{border-bottom:0;border-top:15.8px solid #ffc30a;border-left:9.1px solid transparent;border-right:9.1px solid transparent;right:calc(50% - 10px);top:-14.8px}}.toolbar-icon-button .icon-button-icon{width:44px;width:var(--sidebar-icon-button-icon-width)}@media screen and (max-width:480px){.base-grid{overflow-x:hidden;overflow-y:scroll;grid-template-rows:var(--menubar-height) 400px auto;grid-template-columns:14em 1fr;grid-template-areas:". menubar" "toolbar content" "footer content"}#my-page-mobile-menu-toggle~.menubar,#my-page-mobile-menu-toggle~.page-footer,#my-page-mobile-menu-toggle~.toolbar,#my-page-mobile-menu-toggle~main{transition:transform .5s;transform:translateX(-14em)}#my-page-mobile-menu-toggle:checked~.menubar,#my-page-mobile-menu-toggle:checked~.page-footer,#my-page-mobile-menu-toggle:checked~.toolbar,#my-page-mobile-menu-toggle:checked~main{transform:translateX(0)}#my-page-mobile-menu-toggle~.toolbar{display:block;margin-top:calc(-1*var(--menubar-height));padding-top:var(--menubar-height)}#my-page-mobile-menu-toggle~.toolbar .tool-like-link .icon-button-icon{display:inline-block}#my-page-mobile-menu-toggle~.toolbar .tool-like-link .icon-button-label{display:inline;font-size:unset}}@media screen and (min-width:481px) and (max-width:1079px),screen and (min-width:1080px){#my-page-mobile-menu-toggle{display:none}}.my-page{--tool-bar-background:#6a6864}.my-page a.navbar-brand{color:#f5bd1f}.dashboard__role-master{--color-background-light:#f7ecdd;--page-top-line-background:#ff756d;--page-heading-bg-color:#f7ecdd;--footer-background:#fffaf5}.dashboard__role-master .logo-additional-label,.dashboard__role-master .menubar-logo-additional-label{color:#ff756d}.dashboard__role-master .toolbar{--tool-bar-background:#ff756d}.dashboard__role-master .toolbar,.dashboard__role-partner .toolbar,.my-page .toolbar{--color-icon-button:#fff;--color-icon-button-active:#f8ca4a}.dashboard__role-partner{--color-background-light:#e3ece9;--page-top-line-background:#00ac97}.dashboard__role-partner .logo-additional-label,.dashboard__role-partner .menubar-logo-additional-label{color:#00ac97}.dashboard__role-partner .toolbar{--tool-bar-background:#00ac97}.page-template .menubar-logo-additional-label-img{vertical-align:bottom}