@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese);*{font-family:'Noto Sans JP',sans-serif;color:#333}header{width:100%;height:70px;background-color:#fff;position:fixed;z-index:999;box-shadow:#333 0 1px 10px 0;justify-content:space-between}header *{vertical-align:middle;font-size:16px;font-weight:500}header .logo{display:inline-block;width:140px;height:54px;margin:10px 0 0 40px;background:url(/img/logo.png) 0 0 no-repeat;background-size:100% auto;text-indent:100%;white-space:nowrap;overflow:hidden}header .nav{width:460px;height:auto;display:inline-flex;float:right;justify-content:space-around;margin:20px 0 0 0;padding-right:40px;list-style:none}header .nav li{cursor:pointer}.contents{width:60%;min-width:900px;margin:0 auto;font-size:100%}.contents .title-wrap{width:100%;padding-top:80px;display:flex;flex-direction:column;text-align:center}.contents .title-wrap>h2{font-weight:500;font-size:28px}.contents .title-wrap>p{font-weight:200;font-size:14px}.contents .sentence-wrap{margin-top:20px;width:100%;height:auto;line-height:2}.annotation{color:#ff4141}.top-page{padding-bottom:80px}.top-page .eye-catch{width:100%;height:30vw;min-height:400px;background-image:url(/img/backgroundImg.jpg);background-repeat:no-repeat;background-size:cover;position:relative}.top-page .eye-catch>h2{font-size:3.2vw;color:#fff;line-height:1.3;position:absolute;top:38%;left:100px}.top-page .news{width:100%;height:5vw;position:absolute;bottom:0;left:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:space-around;align-items:center;flex-flow:row}.top-page .news>h2{font-size:1.7vw;font-weight:500;color:#fff;margin-left:100px}.top-page .news .news-items{width:60%;margin:0 auto;height:auto;font-size:1vw;display:flex;flex-flow:row;align-items:center;justify-content:space-between}.top-page .news .news-items div{color:#fff;font-weight:100;font-size:1.2vw;line-height:1.5}.top-page .sub-title{width:100px;margin-top:40px;border-bottom:2px solid #333;text-align:center;font-size:20px;font-weight:700;padding:6px}.top-page .tbl-srv{width:100%;min-width:600px;text-align:left;border-collapse:collapse}.top-page .tbl-srv tr{border-bottom:1px solid #333}.top-page .tbl-srv tr.row-cate{background-color:#dfdfdf}.top-page .tbl-srv td{vertical-align:baseline}.top-page .tbl-srv td:first-child{width:50%;min-width:360px}.top-page .tbl-srv td:not(:first-child){width:25%;min-width:120px}.top-page #aboutus table{width:100%;min-width:600px}.top-page #aboutus table td{vertical-align:top}.top-page #aboutus table td:first-child{width:20%;min-width:100px}.top-page .message{width:100%;height:auto;line-height:2;margin-top:20px}.top-page .message .ceo-name{font-weight:700;margin-top:20px;margin-right:10px;text-align:right}.top-page .product .pkg-name{width:100%;text-align:center;font-size:1.3em;text-decoration:underline}.top-page .product .introduction{width:70%;min-width:600px;margin:auto;text-align:center}.top-page .calcube-img{display:block;width:400px;height:140px;margin:10px auto;text-align:center;position:relative;background-image:url(/img/calcube.jpg);background-repeat:no-repeat;background-size:contain}.top-page .contact-wrap{width:50%;min-width:400px;margin:auto;padding:20px;margin-top:30px;border:.5px solid #ddd}.top-page .contact-wrap div{width:100%;display:inline-block;border-bottom:1px solid #000;padding:5px 2px}.top-page .contact-wrap span{display:inline-block}.top-page .contact-wrap span:first-child{width:100px}.top-page .contact-wrap span.mail{width:150px;height:21px;background-image:url(/img/mail-info.png);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.calcube-page{padding-top:70px;padding-bottom:80px}.calcube-page a.link-text{font-weight:700;text-decoration:underline;color:#5959ff;font-size:16px}.calcube-page .eye-catch{margin-top:50px;text-align:center}.calcube-page .eye-catch .image{width:500px;height:170px;background-image:url(/img/calcube.jpg);background-repeat:no-repeat;background-size:contain;margin:auto}.calcube-page .eye-catch .title{font-size:20px;font-weight:500;margin-top:15px}.calcube-page .news-wrap{width:85%;border:1px solid #ddd;padding:10px 20px;margin:auto;margin-top:10px}.calcube-page .news-wrap div:not(:last-child){margin-bottom:10px;font-size:1em}.calcube-page .news-wrap .title{margin-bottom:5px!important;font-weight:700;font-size:20px!important}.calcube-page .news-wrap div.contents{line-height:1.4}.calcube-page .news-wrap div.annotation{font-size:14px;line-height:1}.calcube-page #product{text-align:center}.calcube-page #support .sentence-wrap .notice{text-align:center}.calcube-page #support .password{width:600px;padding:20px;line-height:1.5;margin:20px auto;border:1px solid #ddd}.calcube-page #support .password span:first-child{display:inline-block;width:90px}.calcube-page #support .password p{margin-top:20px}.calcube-page .contact-wrap{width:600px;padding:20px;margin:20px auto;border:.5px solid #ddd}.calcube-page .contact-wrap>div{margin-top:20px}.calcube-page .contact-wrap>div>div{margin-left:30px}.calcube-page .contact-wrap div.mail{width:235px;height:21px;background-image:url(/img/mail-cc-support.png);background-repeat:no-repeat;background-size:contain;vertical-align:middle}.calcube-page .contact-wrap div p{line-height:1.5;font-size:.9em}.ccsupport-page{padding-top:70px;padding-bottom:80px}.ccsupport-page .eye-catch{margin-top:50px;text-align:center}.ccsupport-page .eye-catch .image{width:400px;height:130px;background-image:url(/img/calcube.jpg);background-repeat:no-repeat;background-size:contain;margin:auto}.ccsupport-page .eye-catch .title{font-size:20px;font-weight:500;margin-top:15px}.ccsupport-page a.link-text{font-weight:700;text-decoration:underline;color:#5959ff;font-size:16px}.ccsupport-page .rate-csv{width:500px;border:1px solid #aaa;margin:0 auto;padding:20px}.ccsupport-page .verup-wrap{width:500px;border:1px solid #aaa;margin:0 auto;padding:20px}.ccsupport-page .verup-wrap .file:not(:first-child){margin-top:10px}.ccsupport-page .verup-wrap .file span{display:inline-block;width:80%;min-width:200px}.cc-exportcsv-page{padding-top:70px;padding-bottom:80px}.cc-exportcsv-page *{font-family:'Noto Sans JP',sans-serif}.cc-exportcsv-page select{padding:0 6px 0 6px;border:none;border-bottom:1px solid #a1a1a1}.cc-exportcsv-page input[type=radio]{margin-top:-5px}.cc-exportcsv-page input[type=number]{appearance:none;border:none;border:1px solid #a1a1a1;border-radius:4px;padding:0}.cc-exportcsv-page input[type=text]{appearance:none;border:none;background:#cecece!important;outline:0;border:1px solid #585858;border-radius:4px;padding:0 6px 0 6px}.cc-exportcsv-page button[type=button]{display:block;appearance:none;background:0 0;width:150px;height:50px;border:none;border-radius:4px;color:#fff;background-color:#04c93f;margin:0 auto;cursor:pointer;transition:.3s}.cc-exportcsv-page button[type=button]:hover{opacity:.7;transition:.3s}.cc-exportcsv-page .output-kakekin{width:80%;margin:20px auto;font-size:.9em;padding:40px;border:1px solid #ddd;box-shadow:#ddd 4px 5px 10px}.cc-exportcsv-page .output-kakekin .item{font-size:1.1em}.cc-exportcsv-page .output-kakekin>div:not(:last-child){margin-bottom:20px}.cc-exportcsv-page .output-condition>div{display:inline-block;margin-right:20px}.cc-exportcsv-page .output-condition input[type=number].item{width:80px;text-align:center}.cc-exportcsv-page .view-kakekin>div:not(:last-child){margin-bottom:8px}.cc-exportcsv-page .view-kakekin span{display:inline-block;width:150px}.cc-exportcsv-page .view-kakekin input{width:100px;background-color:#eee;text-align:right}.cc-exportcsv-page .supplement{font-size:1.1em;line-height:1.5}.calcube-faq{padding-top:80px;padding-bottom:20px}.calcube-faq>div{width:800px;margin:0 auto}.calcube-faq p.qa-category{color:#2d8fdd;border-left:solid 6px #2d8fdd;background:#f1f8ff;line-height:1.5;padding:.5em;margin:0;list-style-type:none!important}.calcube-faq ul{padding:0;position:relative;margin:0}.calcube-faq ul>li{line-height:1.5;padding:.5em .5em .5em 1.5em;list-style-type:none!important;border-bottom:solid 1px #ddd}.calcube-faq ul>li:last-child{border-bottom:none}.calcube-faq .qa>div{display:flex}.calcube-faq .qa span{display:inline-block;width:60px;min-width:60px;height:100%;font-size:30px;vertical-align:top;text-align:center}.calcube-faq .qa>div>div{padding-top:12px;width:calc(100% - 60px);max-width:calc(100% - 60px);vertical-align:middle}.calcube-faq .qa pre{white-space:pre-wrap;word-wrap:break-word;margin:0;max-width:100%}.calcube-faq .qa img{max-width:100%}.calcube-faq .qa a pre{text-decoration:underline}.calcube-faq .answer{margin-top:10px}.calcube-faq .question span{color:#2d8fdd}.calcube-faq .answer span{color:red}