:root{--main-color: #e8d4c4;--txt-color: #2f2b28;--font: YakuHanMP, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 1000000;--z-over-wrap: 1000000000000}:root{font-size:14px}@media screen and (min-width: 1800px){:root{font-size:1vw}}@media screen and (max-width: 1024px){:root{font-size:12px}}@media screen and (max-width: 767px){:root{font-size:12px}}*{box-sizing:border-box;padding:0;margin:0}html,body,h1,h2,h3,h4,p,ul,ol,li,th,td,dl,dt,dd,button{font-family:var(--font);font-size:1rem;font-style:normal;font-weight:lighter;line-height:1;line-height:1.4;color:var(--txt-color);letter-spacing:.1rem;font-display:swap}.font-en{font-family:var(--font-en)!important}html,body{-ms-touch-action:manipulation!important;touch-action:manipulation!important}ul,ol,li{list-style:none}a,span{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}picture,img{width:100%;line-height:0;vertical-align:bottom;border:none}textarea{resize:none}input[type=submit]{-webkit-appearance:none;border-radius:0}button{padding:0;cursor:pointer;background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pc-tablet-only{display:block!important}@media screen and (max-width: 767px){.pc-tablet-only{display:none!important}}.sp-only{display:none!important}@media screen and (max-width: 767px){.sp-only{display:block!important}}body{background-image:url(https://pna-projects.s3.ap-northeast-1.amazonaws.com/klpc/assets/bg.png);background-repeat:repeat;background-size:100px}.container{width:100%;max-width:1200px;margin:0 auto;background:#fff;box-shadow:0 0 5px #bbb}.header{background:var(--main-color);padding:2rem 6rem;box-sizing:border-box}@media screen and (max-width: 767px){.header{padding:1.5rem 1rem}}.header .logo>img{width:100%}.header .links{margin-top:2rem;display:flex;justify-content:center;gap:2rem}@media screen and (max-width: 767px){.header .links{margin-top:2rem}}.header .links .link{width:3rem;transition:.2s}.header .links .link:hover{opacity:.6}@media screen and (max-width: 1200px){.header .links .link{font-size:1.2rem}}@media screen and (max-width: 767px){.header .links .link{width:3rem}}@media screen and (max-width: 400px){.header .links .link{width:2rem}}.header .links .link .icon{width:100%}.main{width:100%;background:#fff}.main .items{display:flex;flex-direction:column}.main .items .item{position:relative}.main .items .item.loading:after{content:"Transaction now...";position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;color:#fff;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;padding:2rem;box-sizing:border-box}.main .items .item .controller{display:flex}.main .items .item .controller .image{position:relative;width:50%}.main .items .item .controller .image .show-styles{position:absolute;bottom:1%;left:50%;transform:translate(-50%);background:var(--main-color);box-shadow:0 1px 3px #fff;padding:.8rem 3rem;box-sizing:border-box;color:var(--txt-color);font-size:1.2rem;font-weight:700;border-radius:.5rem;transition:.2s}.main .items .item .controller .image .show-styles:hover{opacity:.8}@media screen and (max-width: 767px){.main .items .item .controller .image .show-styles{padding:5px;font-size:.8rem}}.main .items .item .controller .buttons{position:relative;width:50%;background:transparent no-repeat center/cover}.main .items .item .controller .buttons .button{position:absolute;width:45%;height:0;padding-bottom:46%;border-radius:5%;box-sizing:border-box;background:transparent no-repeat center/30%;transition:.2s;--y-pos: 5.5%;--x-pos: 4.5%}.main .items .item .controller .buttons .button:nth-child(1){top:var(--y-pos);left:var(--x-pos);background-image:url(https://d2tnrjjpld3h2t.cloudfront.net/klpc/assets/n1.png)}.main .items .item .controller .buttons .button:nth-child(2){top:var(--y-pos);right:var(--x-pos);background-image:url(https://d2tnrjjpld3h2t.cloudfront.net/klpc/assets/n2.png)}.main .items .item .controller .buttons .button:nth-child(3){bottom:var(--y-pos);left:var(--x-pos);background-image:url(https://d2tnrjjpld3h2t.cloudfront.net/klpc/assets/n3.png)}.main .items .item .controller .buttons .button:nth-child(4){bottom:var(--y-pos);right:var(--x-pos);background-image:url(https://d2tnrjjpld3h2t.cloudfront.net/klpc/assets/n4.png)}.main .items .item .controller .buttons .button:hover{background-image:url(https://d2tnrjjpld3h2t.cloudfront.net/klpc/assets/symbol.png);background-size:50%}.main .items .item .styles{display:flex;height:0;overflow:hidden;transition:.2s;opacity:0;visibility:hidden}.main .items .item .styles.show{height:auto;opacity:1;visibility:visible}.main .items .item .styles .img{width:25%;flex-shrink:0}.footer{background:var(--main-color);padding:1rem;box-sizing:border-box}.footer .copyright{text-align:center;font-size:.8rem;font-weight:700}
