@import url(https://use.fontawesome.com/releases/v5.5.0/css/all.css);html{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif}body{opacity:0;background-image:url(../img/cloud01.png),url(../img/cloud02.png);position:relative;width:100%;height:auto;background-size:contain;background-position:center;background-repeat:repeat;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a,h1,h2,h3,h4,h5,p{color:#222;line-height:160%}h1{font-size:34px;color:#6f6f6f}h2{font-size:30px;color:#3c3c3c}h3{font-size:20px;color:#fd8411;line-height:200%}h4{font-size:18px}h5{font-size:16px}a{font-size:16px;color:#06c;text-decoration:underline;font-weight:bold;outline:none;cursor:pointer}a:active,a:hover{cursor:pointer;opacity:0.7;text-decoration:none;color:rgba(0,102,204,0.5);-webkit-transition:all 0.5s;transition:all 0.5s}p{font-size:16px}table{line-height:1.6;border-collapse:collapse;margin:0 auto;padding:0;width:100%;table-layout:fixed;font-size:16px}table tr{background-color:#fff;padding:0.35em;border-bottom:1px solid #eee}table td,table th{padding:10px;border-right:1px solid #fff}table th{font-size:14px}table td{width:70%;text-align:left;font-size:14px;line-height:1.6}table thead tr{background-color:#fd8411;color:#fff}table tbody th{background:#877d7c;color:#fff}.card.no-space table img{width:auto;height:200px}::selection{background:#004d99;color:#222;text-shadow:none}.button{line-height:160%;padding:5px 20px;border-radius:3px;font-weight:bold;outline:none;margin:5px 0;font-size:14px;min-width:180px;color:#fff;background-color:#06c}.button.round{border-radius:20px}.button.primary{background-color:#06c}.button.secondary{background-color:#fd8411}.button.accent{background-color:#c00}.button.dark{background-color:#222}.button.gray{background-color:#877d7c}.button.light{background-color:#fff;color:#222}.button:disabled{background-color:rgba(135,125,124,0.4);color:#877d7c}.button:hover{cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0.7;letter-spacing:2px}.button:disabled{cursor:default;pointer-events:none}@media screen and (max-width: 480px){.button{width:100%;height:46px}}.button.fill{line-height:160%;padding:5px 20px;border-radius:3px;font-weight:bold;outline:none;margin:5px 0;font-size:14px;min-width:180px;color:#fff;background-color:#06c}.button.fill.round{border-radius:20px}.button.fill.primary{background-color:#06c}.button.fill.secondary{background-color:#fd8411}.button.fill.accent{background-color:#c00}.button.fill.dark{background-color:#222}.button.fill.gray{background-color:#877d7c}.button.fill.light{background-color:#fff;color:#222}.button.fill:disabled{background-color:rgba(135,125,124,0.4);color:#877d7c}.button.fill:hover{cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0.7;letter-spacing:2px}.button.fill:disabled{cursor:default;pointer-events:none}@media screen and (max-width: 480px){.button.fill{width:100%;height:46px}}.button.usual{line-height:160%;padding:5px 20px;border-radius:3px;font-weight:bold;outline:none;margin:5px 0;font-size:14px;min-width:180px;color:#036;background-color:transparent}.button.usual.round{border-radius:20px}.button.usual:active,.button.usual:hover{background-color:#0073e6}.button.usual.primary{color:#036}.button.usual.secondary{color:#d96b02}.button.usual.accent{color:#900}.button.usual.dark{color:#090909}.button.usual.gray{color:#6d6463}.button.usual.light{color:#b3b3b3}.button.usual:disabled{color:#d0cccc}.button.usual:hover{cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0.7;letter-spacing:2px}.button.usual:disabled{cursor:default;pointer-events:none}@media screen and (max-width: 480px){.button.usual{width:100%;height:46px}}.button.outline{line-height:160%;padding:5px 20px;border-radius:3px;font-weight:bold;outline:none;margin:5px 0;font-size:14px;min-width:180px;color:#036;background-color:transparent;border:1px solid #036}.button.outline.round{border-radius:20px}.button.outline.primary{color:#036;border:1px solid #036}.button.outline.secondary{color:#d96b02;border:1px solid #d96b02}.button.outline.accent{color:#900;border:1px solid #900}.button.outline.dark{color:#090909;border:1px solid #090909}.button.outline.gray{color:#6d6463;border:1px solid #6d6463}.button.outline.light{color:#b3b3b3;border:1px solid #b3b3b3}.button.outline:disabled{color:#d0cccc;border:1px solid #d0cccc;background-color:#e9e7e6}.button.outline:hover{cursor:pointer;-webkit-transition:all 0.5s;transition:all 0.5s;opacity:0.7;letter-spacing:2px}.button.outline:disabled{cursor:default;pointer-events:none}@media screen and (max-width: 480px){.button.outline{width:100%;height:46px}}hr{border:0.5px solid #877d7c;margin:20px 0}header{height:50vh;background-size:cover;background-position:center;object-fit:cover}header a{z-index:5}nav{position:relative;display:block;top:0;width:768px;min-height:46px;margin:0 auto;background-color:rgba(0,102,204,0.9);color:#fff;border-radius:30px;padding:0 5px;text-align:center;overflow-wrap:break-word;word-break:break-all;-webkit-transition:all 0.5s;transition:all 0.5s;z-index:9997}#nav__btn{display:none;z-index:2;cursor:pointer}#menu{display:inline-block;width:100%;text-align:center;height:46px;line-height:46px}#menu li{list-style-type:none;cursor:pointer}#menu li a{text-decoration:none;cursor:pointer;color:#fff}#menu li a:hover{background-color:rgba(255,255,255,0.2)}#menu li a:active .menu__second-level{display:none}#menu .menu__mega{height:46px;line-height:46px;display:inline-block;vertical-align:bottom}#menu .menu__mega>a{display:inline-block;color:#fff;text-decoration:none;height:46px;line-height:46px;padding:0 10px}#menu .menu__mega.brand-icon{display:none}#menu .menu__mega.arrow>a{position:relative;padding:0 20px 0 10px}#menu .menu__mega.arrow>a:after{font-size:12px;font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;display:inline-block;content:'\f078';top:0;right:5px;color:#877d7c}#menu .menu__mega:hover .menu__second-level{display:grid;display:-ms-grid}#menu .menu__mega .menu__second-level{display:none;grid-template-columns:repeat(3, 1fr);-ms-grid-columns:1fr 1fr 1fr;align-content:start;grid-gap:5px;margin:0;position:absolute;top:46px;left:0;box-sizing:border-box;width:100%;background:#fd8411;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:pointer}#menu .menu__mega .menu__second-level>li{display:block;text-align:center;width:auto;height:auto}#menu .menu__mega .menu__second-level>li a{display:block;color:#fff;width:100%;height:46px;line-height:46px;font-size:14px}#menu .menu__mega .menu__second-level>li.arrow>a{position:relative}#menu .menu__mega .menu__second-level>li.arrow>a:after{font-size:12px;font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;display:inline-block;content:'\f078';top:0;right:5px;color:#fff}#menu .menu__mega .menu__third-level{cursor:pointer}#menu .menu__mega .menu__third-level>li{width:auto;height:auto}#menu .menu__mega .menu__third-level>li a{font-size:12px;height:46px;line-height:46px}#menu .menu__mega:hover{-webkit-transition:all 0.3s;transition:all 0.3s;border-bottom:5px solid #fd8411}#menu .menu__mega:hover .menu__second-level{top:46px}#menu .brand-icon li{display:inline-block}#menu .brand-icon a{display:block;font-size:16px;height:46px;width:46px;padding:0;margin-right:10px;line-height:46px}#menu .brand-icon a img{display:block;width:100%;height:100%;padding:2px}#menu .brand-icon:hover{border:none}label{top:5px;left:0;position:absolute;font-size:12px;color:#877d7c}input,textarea{display:block;width:100%;background-color:rgba(255,255,255,0.8);border-radius:3px;height:36px;line-height:36px;outline:0;font-size:16px;padding-left:10px;padding-right:30px}input:focus,textarea:focus{background-color:#fff}input::placeholder,textarea::placeholder{color:#b8b2b1}input+a,textarea+a{display:block;position:absolute;width:36px;height:36px;line-height:36px;text-align:center;top:0;right:0}input+a.delete,textarea+a.delete{display:none}input+a i,textarea+a i{font-size:20px;color:#877d7c}input+a:active,input+a:hover,textarea+a:active,textarea+a:hover{cursor:pointer;opacity:0.5}textarea{min-height:150px}label+div,label+input,label+textarea{margin-top:25px}label+div+a,label+input+a,label+textarea+a{margin-top:25px}label+div label,label+input label,label+textarea label{position:static}label+div ~ div label,label+input ~ div label,label+textarea ~ div label{position:static}.checkbox,.radio{margin-top:30px}.checkbox div,.radio div{margin:10px 0}.checkbox input[type="checkbox"],.checkbox input[type="radio"],.radio input[type="checkbox"],.radio input[type="radio"]{position:absolute;opacity:0;width:100%;cursor:pointer}.checkbox input[type="checkbox"]:checked+label:before,.checkbox input[type="radio"]:checked+label:before,.radio input[type="checkbox"]:checked+label:before,.radio input[type="radio"]:checked+label:before{font-size:20px;font-family:"Font Awesome 5 Free";font-weight:900;content:'\f00c'}.checkbox input[type="checkbox"]+label,.checkbox input[type="radio"]+label,.radio input[type="checkbox"]+label,.radio input[type="radio"]+label{width:100%;display:inline-block;position:static;font-size:14px}.checkbox input[type="checkbox"]+label:before,.checkbox input[type="radio"]+label:before,.radio input[type="checkbox"]+label:before,.radio input[type="radio"]+label:before{content:'';display:inline-block;margin:0 10px 0 0;width:30px;height:30px;line-height:30px;border:3px solid #fd8411;border-radius:5px;vertical-align:middle;color:#fd8411;background-color:#fff;text-align:center;transition:transform 0.2s ease-in-out;z-index:2}.checkbox input[type="radio"]+label:before,.radio input[type="radio"]+label:before{border-radius:50%}.scroll{position:fixed;border-radius:0;width:100%;left:0;right:0;-webkit-transition:all 0.5s;transition:all 0.5s;box-shadow:0 0 4px rgba(0,0,0,0.2);background-color:#fff}.scroll #menu .menu__mega.brand-icon{display:inline-block}.scroll #menu .menu__mega a{color:#06c}main{width:100%;min-height:500px;margin:30px auto}.container{display:block;margin:0 auto;width:768px}section{max-width:768px;margin:0 auto}footer{display:inline-block;width:100%;height:auto;background-color:#fd8411}footer .flex{padding:40px 0 20px;text-align:center}footer .flex h5{position:relative;color:#ccc;text-align:left;margin:10px 0}footer .flex h5 .en{display:inline-block}footer .flex h5 .ja{display:none;position:absolute;top:-35px;left:0;background-color:#fff;padding:3px 10px;font-size:12px;border-radius:20px;color:#fd8411}footer .flex h5 .ja::before{content:'';position:absolute;display:block;width:0;height:0;left:15px;bottom:-7px;border-right:10px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(-60deg)}footer .flex h5:hover{cursor:default}footer .flex p{color:#fff;text-align:left}footer .flex p a{font-size:14px;color:inherit;text-decoration:none}footer .flex p a i{opacity:0;font-size:14px;color:inherit}footer .flex p a:hover i{opacity:1}footer .flex i{width:40px;text-align:center;color:#06c}footer .copyright{width:100%;display:block;font-size:12px;color:#fff;text-align:center;padding:15px 0}.card{margin:5vh 0;min-height:10vh;background-color:#fff;border-radius:10px;padding:15px;border:5px solid #06c;width:100%;height:auto}.card img{width:100%;height:140px;border-radius:3px;object-fit:cover}.card img.app_icon{display:inline-block;vertical-align:middle;height:18px;width:auto;margin:0 3px}.card table img{width:auto}.card.no-space{display:block;padding:0}.card.no-space img{height:auto;vertical-align:bottom}.card.no-space table tr td{border:none}.card.no-space table tr:first-child{border-radius:6px 6px 0px 0px}.card.no-space table tr:first-child td{border-radius:0px 6px 0px 0px}.card.no-space table tr:first-child th{border-radius:5px 0px 0px 0px}.card.no-space table tr:last-child{border-bottom:none;border-radius:0px 0px 6px 6px}.card.no-space table tr:last-child td{border-radius:0px 0px 6px 0px}.card.no-border{border:none}.card.no-border a{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 0 4px rgba(0,0,0,0.2)}.card.no-bk{background-color:transparent}.card ul li{font-size:16px;margin-left:20px;line-height:200%}.card ul.no-decoration{list-style-type:none}.card ul.no-decoration li{margin-left:0px}#ios,#android{display:inline-block;text-align:center;padding:10px}#ios h4,#android h4{font-size:14px}#ios a,#android a{display:block;padding:20px;margin-top:10px;background-color:#000;text-decoration:none;border:5px solid #ccc;border-radius:10px;text-align:center}#ios a img,#android a img{vertical-align:middle;width:calc(100% - 110px);height:auto;object-fit:contain}#ios a .qr,#android a .qr{display:inline-block;vertical-align:middle}#ios a .qr canvas,#android a .qr canvas{vertical-align:middle;padding:10px;background-color:#fff;border-radius:5px;width:100px;height:100px}#brand{width:100%;text-align:center;position:relative;display:inline-block;padding:34px;font-size:30px;color:#fff;text-decoration:none;z-index:2}#brand small{display:block;font-size:16px;line-height:20px;color:rgba(34,34,34,0.9);text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff}#brand img{width:340px;height:auto}#brand:hover{color:rgba(255,255,255,0.7)}.flex{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;text-decoration:none}.flex.col-1{width:100%}.flex.col-2 .card{width:calc(100% / 2 - 4px)}.flex.col-2 .card:nth-child(1){margin-right:2px}.flex.col-2 .card:nth-child(2){margin-left:2px}.flex.col-3 .card{width:calc(100% / 3 - 4px)}.flex.col-3 .card:nth-child(1){margin-right:1px}.flex.col-3 .card:nth-child(2){margin-right:1px;margin-left:1px}.flex.col-3 .card:nth-child(3){margin-left:1px}.flex.cards a.card{margin:0;text-decoration:none}.flex>div{margin:10px 0;color:#222;font-size:10px;text-decoration:none;position:relative;display:block;width:100%}.modal{-webkit-transition:all 0.5s;transition:all 0.5s}.modal:hover{cursor:pointer;opacity:0.8}#menu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;cursor:pointer}section h2{text-shadow:0px 2px 1px #fff,0px 1px 1px #fff,1px 1px 1px #fff,1px 0px 1px #fff,2px 0px 1px #fff,1px -1px 1px #fff,1px -2px 1px #fff,0px -2px 1px #fff,-1px -2px 1px #fff,-2px -2px 1px #fff,-2px -1px 1px #fff,-2px 0px 1px #fff,-2px 1px 1px #fff,-1px 1px 1px #fff;text-align:center;margin:50px 0px 20px 0px}section h2 i{color:#06c;margin-right:10px}#about h3{text-align:center;line-height:160%;margin-bottom:20px}#about p{color:#666}#about .thought{font-weight:bold;font-size:22px;color:#06c;text-align:center;margin-bottom:20px}#naiyou h3{line-height:160%;display:inline-block;vertical-align:middle}#naiyou h3::before{content:'';display:inline-block;background-image:url(../img/sun.png);background-size:contain;width:40px;height:40px;margin:0px 10px 5px 0px}#naiyou h3.star::before{background-image:url(../img/star.png)}#naiyou .flex.col-3.cards h4{line-height:160%;text-align:center;color:#10a44a;border:2px solid #10a44a;border-radius:2px;margin:10px auto}#app .cards{width:100%}#app .sp{width:calc(100% / 2 - 2px);float:left;margin-right:4px}#app #android{width:calc(100% / 2 - 2px);padding:20px;margin-bottom:10px}#app #ios{width:calc(100% / 2 - 2px);padding:20px;margin-top:10px}#app .flex{clear:both}.note{background-color:rgba(255,255,255,0.8);padding:10px;margin-bottom:20px}@media screen and (max-width: 1024px){header{height:40vh}nav{width:100%}footer .flex>div{margin-bottom:30px}}@media screen and (max-width: 896px){#brand{position:fixed;display:block;top:0;left:0;width:100%;height:50px;line-height:50px;padding:0px 25%;text-align:center;text-indent:10px;color:#877d7c;background-color:#06c;box-shadow:0 0 4px rgba(0,0,0,0.2);font-size:20px}#brand small{font-size:8px;line-height:8px;padding-top:5px}#brand img{width:auto;height:calc(50px - 20px)}#brand:active,#brand:hover{opacity:1;color:red}#brand:active img,#brand:hover img{opacity:.5}#nav__btn{display:block;position:fixed;top:0;right:0;width:50px;height:50px}#nav__btn i{display:inline-block;text-align:center;color:#222;font-size:40px;line-height:50px;color:#fff}#nav__btn:active{opacity:0.5}nav{position:fixed;width:100%;padding:0 0 10px;display:block;top:50px;border-radius:0;background-color:#fff;text-align:left;line-height:0;opacity:0;visibility:hidden;transition:line-height 0.5s ease-out, opacity 0.1s linear, visibility 0.1s linear}nav.is-open{height:auto;line-height:auto;opacity:1;visibility:visible;transition:border-top 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, line-height 0.5s ease-out, opacity 0.3s linear, visibility 0.3s linear;padding-bottom:0px;border-top:1px solid #eee}#menu{display:inline-block;width:100%;height:auto}#menu li{display:block}#menu li.is-open{height:auto;line-height:auto;opacity:1;visibility:visible;transition:border-top 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, line-height 0.5s ease-out, opacity 0.3s linear, visibility 0.3s linear;padding-bottom:0px;border-top:1px solid #eee}#menu li a{height:46px;line-height:46px}#menu li.arrow:after{width:30px;position:absolute;text-align:center;pointer-events:none}#menu .menu__mega{position:relative;display:block}#menu .menu__mega.is-open{height:auto;line-height:auto;opacity:1;visibility:visible;transition:border-top 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, line-height 0.5s ease-out, opacity 0.3s linear, visibility 0.3s linear;padding-bottom:0px;border-top:1px solid #eee}#menu .menu__mega>a{width:100%;color:#06c}#menu .menu__mega.brand-icon{display:none}#menu .menu__mega .menu__second-level{display:none;position:relative;width:100%;z-index:1;top:0;line-height:0;opacity:0;visibility:hidden;transition:line-height 0.5s ease-out, opacity 0.1s linear, visibility 0.1s linear}#menu .menu__mega .menu__second-level.is-open{height:auto;line-height:auto;opacity:1;visibility:visible;transition:border-top 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, line-height 0.5s ease-out, opacity 0.3s linear, visibility 0.3s linear;padding-bottom:0px;border-top:1px solid #eee}#menu .menu__mega .menu__third-level{display:none;position:relative;width:100%;background-color:#c00;z-index:2;line-height:0;opacity:0;visibility:hidden;transition:line-height 0.5s ease-out, opacity 0.1s linear, visibility 0.1s linear}#menu .menu__mega .menu__third-level.is-open{height:auto;line-height:auto;opacity:1;visibility:visible;transition:border-top 0.5s ease-out, padding-top 0.5s ease-out, padding-bottom 0.5s ease-out, line-height 0.5s ease-out, opacity 0.3s linear, visibility 0.3s linear;padding-bottom:0px;border-top:1px solid #eee}#menu .menu__mega .menu__third-level>li a{height:46px;line-height:46px}#menu .menu__mega:hover .menu__second-level{top:0}.scroll #menu .menu__mega.brand-icon{display:none}.container{width:100%}section{width:96%;margin:10px auto}.flex.col-2 .card,.flex.col-3 .card{width:calc(100% / 2 - 4px)}.flex.col-2 .card:nth-child(1),.flex.col-3 .card:nth-child(1){margin-right:2px}.flex.col-2 .card:nth-child(2),.flex.col-3 .card:nth-child(2){margin-left:2px}table{border:0;width:100%}table th{background-color:#877d7c;display:block;border-right:none}table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table tr{display:block;padding:0}table td{width:100%;border-bottom:1px solid #bbb;display:block;font-size:0.8em;text-align:left;position:relative;border-right:none}table td:last-child{border-bottom:0}table tbody th{color:#fff}.card.no-space table tr:first-child td{border-radius:0px}.card.no-space table tr:first-child th{border-radius:5px 5px 0px 0px}.card.no-space table tr:last-child td{border-radius:0px 0px 6px 6px}footer .flex{padding:20px 0}footer .flex.col-5{grid-template-columns:repeat(3, 1fr);-ms-grid-columns:1fr 1fr 1fr}footer .flex>div{display:inline-block}footer .flex p a{font-size:12px}footer .flex p a i{font-size:16px;opacity:1;color:#fff}footer .flex i{font-size:20px}#app #ios a .qr canvas,#app #android a .qr canvas{width:80px;height:80px;padding:5px}}@media screen and (max-width: 600px){#app .sp{width:100%;clear:both}#app #ios,#app #android{width:100%}#app #ios a,#app #android a{padding:10px}#app #ios a img,#app #android a img{width:calc(100% - 90px);width:calc(100% - 90px)}#app #ios a .qr canvas,#app #android a .qr canvas{width:80px;height:80px;padding:5px}}@media screen and (max-width: 480px){header{height:38vh}#kessan .card a{display:block;border:2px solid #06c;padding:7px;margin:7px 0px}.card table img{width:100%;height:auto}#ios a img,#android a img{width:calc(100% - 90px);height:auto}#ios a .qr canvas,#android a .qr canvas{width:70px;height:70px}footer .flex{padding:0}footer .flex>div{margin:0}footer .flex h5,footer .flex p{text-align:left}footer .flex h5{border-bottom:1px solid #fff;height:50px;line-height:50px;padding:0;margin:0}footer .flex h5 i{font-size:26px}footer .flex h5 .ja{display:inline-block;position:static;background-color:transparent;padding:0;font-size:14px;border-radius:0;color:#ccc}footer .flex h5 .ja::before{content:"ー";position:inherit;display:inline-block;width:auto;height:auto;border:none;padding-right:5px;transform:rotate(0deg)}footer .flex h5 .ja::after{content:"ー";position:inherit;padding-left:5px}footer .flex h5:active{background-color:rgba(255,255,255,0.2)}footer .flex h5:active p{display:block}footer .flex p{display:none;height:50px;border-bottom:1px solid #fff;margin:0;background-color:#f27702;-webkit-transition:all 0.5s;transition:all 0.5s}footer .flex p:first-child{border-top:1px solid #fff}footer .flex p a{display:block;width:100%;height:50px;margin:0;line-height:50px}footer .flex p a i{opacity:1}footer .flex p:active{background-color:rgba(255,255,255,0.2)}footer .flex i{vertical-align:middle}footer .copyright{font-size:8px}.flex.col-2 .card,.flex.col-3 .card{width:100%;margin-right:0px;margin-left:0px}}