1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 6<title>JPN Hub</title> 7 8<link href="styles/layout.css" rel="stylesheet" type="text/css" media="all"> 9<link rel="SHORTCUT ICON" href="images/jpnhub.ico"> 10 11<style> 12 13 /* Hero */ 14 .hero{ 15 background: 16 radial-gradient(circle at 25% 25%,rgba(255,255,255,.18),transparent 25%), 17 linear-gradient(135deg,#075f28,#0d963b); 18 color:#fff; 19 overflow:hidden; 20 } 21 .hero-inner{ 22 width:min(1120px,calc(100% - 40px)); 23 min-height:390px; 24 margin:auto; 25 display:grid; 26 grid-template-columns:1.1fr .9fr; 27 align-items:center; 28 gap:50px; 29 padding:55px 0; 30 } 31 .hero-copy .eyebrow{ 32 margin:0 0 8px; 33 font-size:18px; 34 font-weight:700; 35 letter-spacing:.14em; 36 } 37 .hero h1{ 38 margin:0; 39 font-size:clamp(36px,5vw,68px); 40 line-height:1.2; 41 letter-spacing:.04em; 42 } 43 .hero h1 span{display:block;font-size:.62em;margin-top:12px} 44 .hero p{ 45 margin:20px 0 0; 46 font-size:18px; 47 opacity:.94; 48 } 49 .hero-actions{ 50 display:flex; 51 flex-wrap:wrap; 52 gap:12px; 53 margin-top:30px; 54 } 55 .btn{ 56 display:inline-block; 57 padding:13px 26px; 58 border-radius:7px; 59 text-decoration:none; 60 font-weight:800; 61 transition:transform .2s,box-shadow .2s; 62 } 63 .btn:hover{transform:translateY(-2px)} 64 .btn-primary{ 65 background:#fff; 66 color:var(--green); 67 box-shadow:0 10px 25px rgba(0,0,0,.12); 68 } 69 .btn-outline{ 70 border:1px solid rgba(255,255,255,.65); 71 color:#fff; 72 } 73 .hero-card{ 74 background:rgba(255,255,255,.12); 75 border:1px solid rgba(255,255,255,.25); 76 border-radius:18px; 77 padding:28px; 78 backdrop-filter:blur(5px); 79 box-shadow:0 20px 45px rgba(0,0,0,.13); 80 } 81 .hero-card strong{ 82 display:block; 83 font-size:24px; 84 margin-bottom:14px; 85 } 86 .hero-list{ 87 list-style:none; 88 padding:0; 89 margin:0; 90 } 91 .hero-list li{ 92 padding:9px 0; 93 border-bottom:1px solid rgba(255,255,255,.18); 94 } 95 .hero-list li:last-child{border-bottom:0} 96 .hero-list li::before{ 97 content:"â"; 98 margin-right:10px; 99 font-weight:900; 100 } 101 102 .start{ 103 padding:75px 20px; 104 text-align:center; 105 border-top:1px solid var(--line); 106 border-bottom:1px solid var(--line); 107 } 108 .start h2{ 109 margin:0; 110 color:var(--green); 111 font-size:clamp(30px,4vw,48px); 112 line-height:1.35; 113 } 114 .start p{ 115 color:var(--muted); 116 margin:12px auto 25px; 117 } 118 .start .btn{ 119 background:var(--green); 120 color:green; 121 font-size:18px; 122 padding:15px 35px; 123 box-shadow:0 12px 25px rgba(8,125,44,.2); 124 } 125 126 127.home-content { 128 width: 100%; 129 float: none; 130} 131 132.home-image-section { 133 margin: 0 0 45px; 134} 135 136.home-image-section img { 137 display: block; 138 width: 100%; 139 max-width: 701px; 140 height: auto; 141 margin: 0 auto; 142} 143 144.home-cta { 145 margin: 45px auto 55px; 146 text-align: center; 147} 148 149.home-cta h2 { 150 margin: 0 0 20px; 151 color: #008000; 152 font-size: 20pt; 153} 154 155.home-cta a { 156 display: inline-block; 157 font-size: 14pt; 158 font-weight: bold; 159 text-decoration: underline; 160} 161 162.home-social { 163 margin: 0 auto 20px; 164 text-align: center; 165} 166 167.home-social h2 { 168 margin: 0 0 25px; 169 color: #008000; 170 font-size: 14pt; 171} 172 173.fbcontainer { 174 width: 100%; 175 margin: 0 auto; 176 text-align: center; 177} 178 179.home-social .fb-page { 180 display: inline-block; 181 text-align: left; 182} 183 184/* Keep the original image sizes and layout usable on phones */ 185@media screen and (max-width: 750px) { 186 .home-image-section { 187 margin-bottom: 30px; 188 } 189 190 .home-cta { 191 margin: 30px auto 40px; 192 } 193 194 .home-cta h2 { 195 font-size: 18pt; 196 } 197 198 .home-social h2 { 199 font-size: 13pt; 200 } 201} 202</style> 203</head> 204 205<body id="top"> 206<div class="wrapper row1"> 207 <header id="header" class="hoc clear"> 208 209 <div id="logo" class="fl_left"> 210 <a href="index.html"><img alt="JPN Hub" src="images/logo_t.png"/></a> 211 </div> 212 213 <nav id="mainav" class="fl_right"> 214 <ul class="clear"> 215 <li><a href="news.html">ãç¥ãã</a></li> 216 217 <li> 218 <a class="drop" href="services.html">å©ç¨æ¡å </a> 219 <ul> 220 <li><a href="services.html">å©ç¨æ¡å ããã</a></li> 221 <li><a href="menu.html">æ¯ææ¹æ³ã¨æé表</a></li> 222 <li><a href="method.html">é éæ¹æ³</a></li> 223 <li><a href="dest.html">対å¿å½</a></li> 224 <li><a href="dgoods.html">ãéãã§ããªããã®</a></li> 225 </ul> 226 </li> 227 228 <li><a href="support.html">ãµãã¼ãã»ã³ã¿ã¼</a></li> 229 <li><a href="faq.html">ããããã質å</a></li> 230 <li><a href="https://parcsys.jpnhub.com/jreg/">ä¼å¡ç»é²</a></li> 231 <li><a href="https://parcsys.jpnhub.com/">ãã°ã¤ã³</a></li> 232 233 <li> 234 <a class="drop" href="#language">è¨èª</a> 235 <ul> 236 <li class="active"><a href="index.html">æ¥æ¬èª</a></li> 237 <li><a href="index-tc.html">ä¸æ</a></li> 238 <li><a href="index-en.html">English</a></li> 239 </ul> 240 </li> 241 </ul> 242 </nav> 243 244 </header> 245</div> 246 247<section class="hero"> 248 <div class="hero-inner"> 249 <div class="hero-copy"> 250 <p class="eyebrow">æ¥æ¬ã®é販ãµã¤ããã</p> 251 <h1>ããªãã«å±ã</span></h1> 252 <div class="hero-actions"> 253 <a class="btn btn-outline" href="https://parcsys.jpnhub.com/jreg/">ãã¾ããä¼å¡ç»é²</a> 254 </div> 255 </div> 256 257 <div class="hero-card"> 258 <strong>JPN Hubãªã</strong> 259 <ul class="hero-list"> 260 <li>æ¥æ¬ã®é販ãµã¤ãã®ååãåãåãã</li> 261 <li>è¤æ°ã®ååãã¾ã¨ãã¦æµ·å¤ã¸çºé</li> 262 <li>ä¸çåå½ã¸é é対å¿</li> 263 <li>æ¥æ¬èªã»è±èªã»ä¸å½èªã§ãµãã¼ã</li> 264 </ul> 265 </div> 266 </div> 267</section> 268 269 270<div class="wrapper row3"> 271 <main class="hoc org-container clear"> 272 273 <div class="content home-content"> 274 275 <section class="home-image-section"> 276 <img 277 src="images/jindex_flow.jpg" 278 width="700" 279 height="748"> 280 </section> 281 282 <section class="home-image-section"> 283 <img 284 src="images/jwhy.jpg" 285 width="701" 286 height="467"> 287 </section> 288 289 <section class="start"> 290 <h2>ããï¼å§ãã¾ãããï¼</h2></br> 291 <a class="btn" href="https://parcsys.jpnhub.com/jreg/">ãã¾ããä¼å¡ç»é²ï¼</a> 292 </section> 293 294 <section class="home-social"> 295 <h2>Facebookãã¼ã¸ããã©ãã¼ãã¦ãï¼</h2> 296 297 <div class="fbcontainer"> 298 <div 299 class="fb-page" 300 data-href="https://www.facebook.com/jpnhub1" 301 data-tabs="timeline" 302 data-width="" 303 data-height="" 304 data-small-header="false" 305 data-adapt-container-width="true" 306 data-hide-cover="false" 307 data-show-facepile="true"> 308 309 <blockquote 310 class="fb-xfbml-parse-ignore" 311 cite="https://www.facebook.com/jpnhub1"> 312 <a href="https://www.facebook.com/jpnhub1"> 313 JPN Hubï½æ¥æ¬ã®è»¢éå± 314 </a> 315 </blockquote> 316 317 </div> 318 </div> 319 </section> 320 321 </div> 322 323 </main> 324</div> 325<div class="wrapper row4"> 326 <footer id="footer" class="hoc clear"> 327 <div class="one_half first"> 328 <ul class="nospace linklist"> 329 <li><a href="toc.html">å©ç¨è¦ç´</a></li> 330 <li><a href="privacy.html">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 331 <li><a href="asct.html">ç¹å®ååå¼æ³ã«åºã¥ã表è¨</a></li> 332 </ul> 333 </div> 334 </footer> 335</div> 336 337<div class="wrapper row5"> 338 <div id="copyright" class="hoc clear"> 339 <p class="fl_left">© 2026 JPNHub.com All Rights Reserved.</p> 340 </div> 341</div> 342 343<!-- Facebook SDK --> 344<div id="fb-root"></div>
345<script async defer crossorigin="anonymous" 346 src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v20.0"> 347</script>
347 348 349<a id="backtotop" href="#top"> 350 <i class="fas fa-chevron-up"></i> 351</a> 352
353<script src="scripts/jquery.min.js"></script>
vendor: 1 bytes, line 353
353
354<script src="scripts/jquery.backtotop.js"></script>
vendor: 1 bytes, line 354
354
355<script src="scripts/jquery.mobilemenu.js"></script>
355 356 357</body> 358</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.