1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 6 7 <title>ãã°ã¤ã³</title> 8 9 <meta name="description" content="caramel" /> 10 <meta name="keywords" content="caramel" /> 11 12 <!-- Google Tag Manager --> 13
13<script>
vendor: 343 bytes, lines 13-17
13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 14 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 15 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 16 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17 })(window,document,'script','dataLayer','
17GTM-N9M2P5M
vendor: 3 bytes, line 17
17');
17</script>
17 18 <!-- End Google Tag Manager --> 19 20 21 22 <meta name="format-detection" content="telephone=no" /> 23 24 <!-- <link rel="icon" type="image/png" href="/static/img/favicon.ico?v=1635400623" /> --> 25 <!-- <link rel="apple-touch-icon" sizes="180x180" href="/static/img/apple-touch-icon.png?v=1635400626" /> --> 26 <!-- Androidã®ãã¼ã¸ã§ã³ã«ãã£ã¦ã¯ä»¥ä¸ãå¿ è¦ --> 27 <!-- <link rel="icon" type="image/png" href="/static/img/apple-touch-icon.png?v=1635400626" sizes="192x192"> --> 28 29 <link rel="apple-touch-icon" sizes="180x180" href="/static/img/apple-touch-icon.png?v=1635400626" /> 30 <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon-32x32.png?v=1635400624" /> 31 <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon-16x16.png?v=1635400626" /> 32 <!-- <link rel="manifest" href="/static/img/site.webmanifest?v=1635400624" /> --> 33 <meta name="msapplication-TileColor" content="#da532c" /> 34 <meta name="theme-color" content="#ffffff" /> 35 36 <link 37 rel="stylesheet" 38 rel="preload" 39 href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 40 integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" 41 crossorigin="anonymous" 42 as="style" 43 /> 44 <link 45 rel="stylesheet" 46 rel="preload" 47 href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" 48 integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" 49 crossorigin="anonymous" 50 referrerpolicy="no-referrer" 51 as="style" 52 /> 53 <link rel="preconnect" href="https://fonts.gstatic.com" /> 54 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet" rel="preload" as="style" /> 55 <link rel="stylesheet" href="/static/css/auth.css?v=1635400622" /> 56 <link rel="stylesheet" href="/static/css/auth/confirm_register.css?v=1635400622" /> 57 <link rel="stylesheet" href="/static/css/common/common.css?v=1635400622" /> 58 <link rel="stylesheet" href="/static/css/common/input_field.css?v=1635400622" /> 59 <link rel="stylesheet" href="/static/css/common/input_field_required.css?v=1635400622" /> 60 <link rel="stylesheet" href="/static/css/news/info.css?v=1658030974" /> 61 <link rel="stylesheet" href="/static/css/news/info_list.css?v=1635400622" /> 62 <link rel="stylesheet" href="/static/css/news/info_header.css?v=1638763326" /> 63 <link rel="stylesheet" href="/static/css/viewer.min.css?v=1635400622" /> 64 <link rel="stylesheet" href="/static/css/app.css?v=1658031096" /> 65 <link rel="stylesheet" href="/static/css/extensions.css?v=1640319837" /> 66 <link rel="stylesheet" href="/static/css/common/header.css?v=1635400622" /> 67 <link rel="stylesheet" href="/static/css/common/modal.css?v=1687328659" /> 68
68<script 69 src="https://code.jquery.com/jquery-3.5.1.min.js" 70 integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" 71 crossorigin="anonymous" 72 ></script>
72 73
73<script src="https://cdn.jsdelivr.net/npm/[email protected]/lazyload.js"></script>
73 74 <!-- User Heat Tag --> 75
75<script type="text/javascript"> 76 (function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhd7H5wyXR'}); 77 </script>
77 78 <!-- End User Heat Tag --> 79 </head> 80 <body> 81 <div class="wrapper"> 82 <!-- header --> 83 <div class="news_banner" onclick="showInfoListPage()"> 84 <div class="news_banner_content"> 85 <span><div class="info_header"> 86 <div id="info_header_area" class="hidden_info_header"> 87 <div class="no_padding_right col-2 text-left"> 88 <ul id="info_header_date"> 89 </ul> 90 </div> 91 <div class="no_padding_left col-10 text-left"> 92 <ul id="info_header_title"> 93 </ul> 94 </div> 95 </div> 96</div> 97
98<script> 99 // ç»é¢è¡¨ç¤ºæå¦ç 100 window.addEventListener('load', function() { 101 windowOnLoadHeaderInfo(); 102 103 // HTMLã½ã¼ã¹ã®æ«å°¾ã§cssãã¡ã¤ã«ãèªã¿è¾¼ã¿ 104 // ãã¥ã¼ã¹ããã¼ã¢ãã¡ã¼ã·ã§ã³ãHTMLã®èªã¿è¾¼ã¿å®äºå¾ã«cssãèªã¿è¾¼ãããã« 105 var delaycss = document.createElement('link'); 106 delaycss.rel = 'stylesheet'; 107 delaycss.href = "/static/css/news/info_banner.css?v=1638763326"; 108 document.head.appendChild(delaycss); 109 }); 110</script>
110</span> 111 </div> 112 </div> 113 114 <!--ãã°ã¤ã³å--> 115 <header class="header" id="header"> 116 <div class="container header-meta"> 117 <h1> 118 <a href="/login"><img src="/static/img/logo.svg" alt="ãã£ã©ã¡ã«|CHARACTER MELTING SYSTEM"></a> 119 </h1> 120 <a href="/login"><img src="/static/img/login_and_register.svg"></a> 121 <!-- <dl> 122 <dt>ç»é²ã¯<a href="/trial_register">ãã¡ã</a></dt> 123 <dd><a href="/login">ãã°ã¤ã³</a></dd> 124 </dl> --> 125 </div> 126</header> 127<nav class="gnav d-none d-sm-flex"> 128 <div class="container"> 129 <ul> 130 <!-- <li class="d-none d-lg-block"> --> 131 <li> 132 <a href="/"><i class="fas fa-home"></i> ãã¼ã </a> 133 </li> 134 <li> 135 <a href="/information/about"><i class="fas fa-leaf"></i> ã¯ããã¦ã®æ¹ã¸</a> 136 </li> 137 <li> 138 <a href="/information/how_to"><i class="fas fa-book-open"></i> ãå©ç¨æ¹æ³</a> 139 </li> 140 <li> 141 <a href="/information/faq"><i class="fas fa-question-circle"></i> ããããã質å</a> 142 </li> 143 <li> 144 <a href="/support/inquiry"><i class="fas fa-envelope"></i> ãåãåãã</a> 145 </li> 146 </ul> 147 </div> 148</nav> 149 150 151 <!-- block content --> 152 153<link rel="stylesheet" href="/static/css/auth/login.css?v=1635400622" /> 154 155<main style="margin: auto;" class="main d-flex align-items-center"> 156 <div style="margin-top:20px;" class="container noto_light pad-no"> 157 <div class="login-box"> 158 <dl class="title-1 mb-4 text-center"> 159 <dt class="noto_regular">ãã°ã¤ã³</dt> 160 </dl> 161 <div class="card card-container"> 162 <form class="form-signin" method="post"> 163 <div> 164 <div> 165 <input name="email" type="email" id="email" class="form-control" placeholder="ã¦ã¼ã¶ID(ã¡ã¼ã«ã¢ãã¬ã¹)" required="" autofocus=""> 166 </div> 167 </div> 168 <div> 169 <div class="login_password"> 170 <input name="password" type="password" id="password" class="form-control" placeholder="ãã¹ã¯ã¼ã" maxlength="12" required=""> 171 <input type="submit" value="" class="icon_arrow" /> 172 </div> 173 </div> 174 <input type="submit" value="ãã°ã¤ã³" onclick=" " class="submit-button"> 175 <div class="text-center"> 176 <a class="color_alert" href="/account/password_reset">ãã¹ã¯ã¼ããå¿ããæ¹ã¯ãã¡ã</a> 177 </div> 178 </form> 179 <div> 180 <div style="width: 100%"> 181 <!-- flash --> 182 183 </div> 184 </div> 185 </div> 186 </div> 187 <div class="register-container"><p>ã¾ã ã¢ã«ã¦ã³ãç»é²ãããã¦ããªãæ¹ 188 <span>åãã¦ãå©ç¨ã®æ¹ã¯ã<br>ãã¡ãããæ°è¦ã¢ã«ã¦ã³ãç»é²ããé¡ããã¾ãã</span></p> 189 <a class="register-button" href="/trial_register">æ°è¦ã¢ã«ã¦ã³ãç»é²ï¼ç¡æï¼</a> 190 </div> 191 </div> 192</main> 193 194 195
196<script src="/static/js/auth/login.js?v=1635400623"></script>
196 197 198 199 <!-- SP header --> 200 201 <!--ãã°ã¤ã³å--> 202 <nav class="gnav d-flex d-sm-none mt-5 mb-5"><div class="container"> 203 <ul> 204 <!-- <li class="d-none d-lg-block"> --> 205 <li> 206 <a href="/"><i class="fas fa-home"></i> ãã¼ã </a> 207 </li> 208 <li> 209 <a href="/information/about"><i class="fas fa-leaf"></i> ã¯ããã¦ã®æ¹ã¸</a> 210 </li> 211 <li> 212 <a href="/information/how_to"><i class="fas fa-book-open"></i> ãå©ç¨æ¹æ³</a> 213 </li> 214 <li> 215 <a href="/information/faq"><i class="fas fa-question-circle"></i> ããããã質å</a> 216 </li> 217 <li> 218 <a href="/support/inquiry"><i class="fas fa-envelope"></i> ãåãåãã</a> 219 </li> 220 </ul> 221</div></nav> 222 223 224 225 226 <!-- footer --> 227 <footer class="footer py-4" id="footer"> 228 <div class="container"> 229 <div class="row footer-contents"> 230 <div class="footer-nav"> 231 <ul> 232 <li><a href="/information/terms"> ãå©ç¨è¦ç´</a></li> 233 <li><a href="/information/commerce"> ç¹å®ååå¼æ³ã«åºã¥ã表è¨</a></li> 234 <li><a href="/information/privacy_policy"> ã¢ããªã±ã¼ã·ã§ã³ã»ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 235 <li><a href="https://www.bits.co.jp/" target="_blank"> éå¶ä¼ç¤¾</a></li> 236 237 <li><a href="/information/site_map"> ãµã¤ãããã</a></li> 238 239 <li><a href="https://www.bits.co.jp/company/iso.html#iso_03" target="_blank"> æ å ±ã»ãã¥ãªãã£åºæ¬æ¹é</a></li> 240 241 <li><a href="/news/info_list">ãç¥ãã</a></li> 242 <li><a class="a-link" href="https://www.youtube.com/watch?v=7QGAN0oUqtg" target="_blank">使ãæ¹è§£èª¬åç»ã¯ãã¡ã</a></li> 243 <li><a class="a-link" href="https://chrmlt-users.s3.ap-northeast-1.amazonaws.com/pdf/charamelt_manual.pdf" target="_blank">使ãæ¹ããã¥ã¢ã«</a></li> 244 </ul> 245 <div class="footer-logos d-flex justify-content-between align-items-center"> 246 <p><small>© 2021 BITS CO., LTD.</small></p> 247 <div class="footer-logo footer_sp_logo"> 248 <a href="https://privacymark.jp/" target="_blank"><img src="/static/img/privacy_mark.png" alt="ãã©ã¤ãã·ã¼ãã¼ã¯" /></a> 249 <!-- <p><img src="/static/img/privacy_mark.svg" alt="ãã©ã¤ãã·ã¼ãã¼ã¯" /></p> --> 250 </div> 251 </div> 252 </div> 253 <div class="footer-logo footer_pc_logo"> 254 <a href="https://privacymark.jp/" target="_blank"><img src="/static/img/privacy_mark.png" alt="ãã©ã¤ãã·ã¼ãã¼ã¯" /></a> 255 <!-- <p><img src="/static/img/privacy_mark.svg" alt="ãã©ã¤ãã·ã¼ãã¼ã¯" /></p> --> 256 </div> 257 </div> 258 </div> 259</footer> 260 261 262 </div> 263
263<script 264 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" 265 integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 266 crossorigin="anonymous" 267 ></script>
267 268
268<script 269 src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" 270 integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" 271 crossorigin="anonymous" 272 ></script>
272 273
273<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.validate.min.js"></script>
273 274
274<script src="/static/js/jquery.cookie.js?v=1635400623"></script>
274 275
275<script src="/static/js/common/common.js?v=1638403345"></script>
275 276
276<script src="/static/js/common/pop_up.js?v=1639628978"></script>
276 277
277<script src="/static/js/common/input_field.js?v=1637548456"></script>
277 278
278<script src="/static/js/common/modal.js?v=1638145265"></script>
278 279
279<script src="/static/js/news/info.js?v=1635400623"></script>
279 280
280<script src="/static/js/news/info_list.js?v=1667197838"></script>
280 281
281<script src="/static/js/news/info_header.js?v=1635400623"></script>
281 282
282<script src="/static/js/mypage/menu_trigger.js?v=1635400623"></script>
282 283
283<script src="/jsglue.js" type="text/javascript"></script>
283 284 </body> 285 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 285-286
285 286 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
286GTM-N9M2P5M
vendor: 91 bytes, lines 286-288
286" 287 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 288
288<!-- End Google Tag Manager (noscript) --> 289</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.