1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <!-- Google Tag Manager -->
5<script>
vendor: 327 bytes, lines 5-9
5(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 7j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 8'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 9})(window,document,'script','dataLayer','
9GTM-5PC8LN
vendor: 3 bytes, line 9
9');
9</script>
9 10<!-- End Google Tag Manager --> <meta charset="utf-8"> 11 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 12 <meta name="viewport" content="width=device-width, initial-scale=1"> 13 <link href="https://mayonez.jp/wp-content/themes/mayonez-test/public/favicons/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180"> 14 <link href="https://mayonez.jp/wp-content/themes/mayonez-test/public/favicons/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png"> 15 <link href="https://mayonez.jp/wp-content/themes/mayonez-test/public/favicons/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png"> 16 <link href="https://mayonez.jp/wp-content/themes/mayonez-test/manifest.json" rel="manifest"> 17 <link color="#5bbad5" href="https://mayonez.jp/wp-content/themes/mayonez-test/public/favicons/safari-pinned-tab.svg" rel="mask-icon"> 18 <meta content="#ffffff" name="theme-color"> 19 <meta content="IE=edge" http-equiv="X-UA-Compatible"> 20 <meta content="width=device-width, initial-scale=1" name="viewport"> 21 <meta content="telephone=no" name="format-detection"> 22 <title>Mayonez [ãã¨ãã¼ãº]ï½ã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ã</title> 23<meta name="description" content="Mayonezã¯ITã¨ã³ã¸ãã¢ã»ITã¨ã³ã¸ãã¢ãç®æãæ¹ããã£ãªã¢ã«è¿·ããªãã»æ å ±åéã«è¿·ããªãããã®Webã¡ãã£ã¢ã§ããã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ãªããããªããã£ãªã¢ã»ããã°ã©ãã³ã°ã»ã©ã¤ãã¹ã¿ã¤ã«ã®æ å ±ãé ä¿¡ãã¦ãã¾ãã"> 24<meta name="twitter:card" content="summary_large_image"> 25<meta name="twitter:site" content="@mayonez_media"> 26<meta name="twitter:title" content="Mayonez [ãã¨ãã¼ãº]ï½ã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ã"> 27<meta name="twitter:description" content="Mayonezã¯ITã¨ã³ã¸ãã¢ã»ITã¨ã³ã¸ãã¢ãç®æãæ¹ããã£ãªã¢ã«è¿·ããªãã»æ å ±åéã«è¿·ããªãããã®Webã¡ãã£ã¢ã§ããã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ãªããããªããã£ãªã¢ã»ããã°ã©ãã³ã°ã»ã©ã¤ãã¹ã¿ã¤ã«ã®æ å ±ãé ä¿¡ãã¦ãã¾ãã"> 28<meta name="twitter:image" content="https://mayonez.jp/wp-content/themes/mayonez-test/public/images/common/og_mayonez.png"> 29<meta property="og:title" content="Mayonez [ãã¨ãã¼ãº]ï½ã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ã"> 30<meta property="og:type" content="website"> 31<meta property="og:description" content="Mayonezã¯ITã¨ã³ã¸ãã¢ã»ITã¨ã³ã¸ãã¢ãç®æãæ¹ããã£ãªã¢ã«è¿·ããªãã»æ å ±åéã«è¿·ããªãããã®Webã¡ãã£ã¢ã§ããã¨ã³ã¸ãã¢ã®æ¯æ¥ããããã¼ã«ãªããããªããã£ãªã¢ã»ããã°ã©ãã³ã°ã»ã©ã¤ãã¹ã¿ã¤ã«ã®æ å ±ãé ä¿¡ãã¦ãã¾ãã"> 32<meta property="og:url" content="https://mayonez.jp"> 33<meta property="og:site_name" content="Mayonez"> 34<meta property="og:image" content="https://mayonez.jp/wp-content/themes/mayonez-test/public/images/common/og_mayonez.png"> 35<meta property="og:app_id" content="mayonez.media"> 36<link href="https://mayonez.jp" rel="canonical"> <title>Mayonez</title> 37 <link rel="stylesheet" href="https://mayonez.jp/wp-content/themes/mayonez-test/assets/css/style.css?v=20240212" media="all"> 38 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" media="screen"> 39 <link href="https://fonts.googleapis.com/css?family=EB+Garamond" rel="stylesheet"> 40
40<script src="https://mayonez.jp/wp-content/themes/mayonez-test/assets/javascripts/index.js"></script>
40 41 <!-- Start Visual Website Optimizer Asynchronous Code -->
42<script type='text/javascript'> 43 var _vwo_code = (function() { 44 var account_id = 66445, 45 settings_tolerance = 2000, 46 library_tolerance = 2500, 47 use_existing_jquery = false, 48 /* DO NOT EDIT BELOW THIS LINE */ 49 f = false, 50 d = document; 51 return { 52 use_existing_jquery: function() { 53 return use_existing_jquery; 54 }, 55 library_tolerance: function() { 56 return library_tolerance; 57 }, 58 finish: function() { 59 if (!f) { 60 f = true; 61 var a = d.getElementById('_vis_opt_path_hides'); 62 if (a) a.parentNode.removeChild(a); 63 } 64 }, 65 finished: function() { 66 return f; 67 }, 68 load: function(a) { 69 var b = d.createElement('script'); 70 b.src = a; 71 b.type = 'text/javascript'; 72 b.innerText; 73 b.onerror = function() { 74 _vwo_code.finish(); 75 }; 76 d.getElementsByTagName('head')[0].appendChild(b); 77 }, 78 init: function() { 79 settings_timer = setTimeout('_vwo_code.finish()', settings_tolerance); 80 var a = d.createElement('style'), 81 b = 'body{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}', 82 h = d.getElementsByTagName('head')[0]; 83 a.setAttribute('id', '_vis_opt_path_hides'); 84 a.setAttribute('type', 'text/css'); 85 if (a.styleSheet) a.styleSheet.cssText = b; 86 else a.appendChild(d.createTextNode(b)); 87 h.appendChild(a); 88 this.load('//dev.visualwebsiteoptimizer.com/j.php?a=' + account_id + '&u=' + encodeURIComponent(d.URL) + '&r=' + Math.random()); 89 return settings_timer; 90 } 91 }; 92 }()); 93 _vwo_settings_timer = _vwo_code.init(); 94</script>
94 95<!-- End Visual Website Optimizer Asynchronous Code -->
96<script type="text/javascript"> 97 window._pt_lt = new Date().getTime(); 98 window._pt_sp_2 = []; 99 _pt_sp_2.push('setAccount,3a6fe1af'); 100 var _protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); 101 (function() { 102 var atag = document.createElement('script'); 103 atag.type = 'text/javascript'; 104 atag.async = true; 105 atag.src = _protocol + 'js.ptengine.jp/pta.js'; 106 var stag = document.createElement('script'); 107 stag.type = 'text/javascript'; 108 stag.async = true; 109 stag.src = _protocol + 'js.ptengine.jp/pts.js'; 110 var s = document.getElementsByTagName('script')[0]; 111 s.parentNode.insertBefore(atag, s); 112 s.parentNode.insertBefore(stag, s); 113 })(); 114</script>
114
114<script async 115 src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1995932306420007" 116 crossorigin="anonymous"></script>
116 117</head> 118 119<body> 120 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 120-121
120 121<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
121GTM-5PC8LN
vendor: 83 bytes, lines 121-122
121" 122height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
123<!-- End Google Tag Manager (noscript) --> 124<img height="1" width="1" src="https://stags.bluekai.com/site/66548?limit=1&phint=test%3D1&phint=Key%3DValue&phint=Key%3DValue"> 125<div id="fb-root"></div>
126<script> 127(function(d, s, id) { 128 var js, fjs = d.getElementsByTagName(s)[0]; 129 if (d.getElementById(id)) return; 130 js = d.createElement(s); 131 js.id = id; 132 js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.9&appId=276213222431856"; 133 fjs.parentNode.insertBefore(js, fjs); 134}(document, 'script', 'facebook-jssdk')); 135</script>
135 136 137<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap" rel="stylesheet"> 138<style> 139.mz2, .mz2 * { margin:0; padding:0; box-sizing:border-box; } 140.mz2 { font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif; color:#1C2B50; background:#F3F4F6; line-height:1.5; font-size:15px; -webkit-font-smoothing:antialiased; } 141.mz2 a { text-decoration:none; color:inherit; } 142.mz2 img { display:block; max-width:100%; } 143.mz2 ul, .mz2 ol { list-style:none; } 144.mz2-in { max-width:1240px; margin:0 auto; padding:0 24px; } 145 146/* ---------- header ---------- */ 147.mz2-header { background:#fff; border-bottom:1px solid #EEEFF2; position:relative; z-index:20; } 148.mz2-header-in { max-width:1240px; margin:0 auto; padding:0 24px; height:64px; display:flex; align-items:center; gap:28px; } 149.mz2-logo { display:flex; align-items:center; gap:4px; font-size:27px; font-weight:900; letter-spacing:-0.5px; color:#1C2B50; flex-shrink:0; } 150.mz2-logo svg { margin-top:6px; } 151.mz2-gnav { display:flex; gap:30px; margin:0 auto; } 152.mz2-gnav a { font-size:15px; font-weight:700; color:#1C2B50; padding:20px 0; position:relative; } 153.mz2-gnav a:hover { color:#C99718; } 154.mz2-hacts { display:flex; align-items:center; gap:12px; flex-shrink:0; } 155.mz2-sicon { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; } 156.mz2-sicon:hover { background:#F3F4F6; } 157.mz2-btn-outline { border:1.5px solid #D8DBE2; border-radius:8px; padding:9px 18px; font-size:14px; font-weight:700; background:#fff; } 158.mz2-btn-outline:hover { border-color:#1C2B50; } 159.mz2-btn-navy { background:#1C2B50; color:#fff !important; border-radius:8px; padding:10px 22px; font-size:14px; font-weight:700; } 160.mz2-btn-navy:hover { opacity:.85; } 161 162/* ---------- hero ---------- */ 163.mz2-hero { background:#FBF4E0; overflow:hidden; position:relative; } 164.mz2-hero-in { max-width:1240px; margin:0 auto; padding:44px 24px 44px; display:flex; align-items:center; gap:24px; position:relative; } 165.mz2-hero-left { flex:1 1 54%; min-width:0; position:relative; z-index:2; } 166.mz2-hero-ttl { font-size:46px; line-height:1.42; font-weight:900; letter-spacing:2px; color:#1C2B50; } 167.mz2-hero-sub { margin-top:14px; font-size:15px; color:#3A4664; letter-spacing:1px; } 168.mz2-search { margin-top:26px; display:flex; align-items:center; background:#fff; border-radius:10px; box-shadow:0 2px 10px rgba(28,43,80,.06); max-width:560px; overflow:hidden; } 169.mz2-search-icon { flex-shrink:0; margin:0 4px 0 16px; display:flex; } 170.mz2-search input { flex:1; min-width:0; border:0; outline:0; font-size:15px; padding:16px 10px; font-family:inherit; color:#1C2B50; background:transparent; } 171.mz2-search input::placeholder { color:#9AA1B1; } 172.mz2-search button { flex-shrink:0; border:0; cursor:pointer; background:#F2C038; color:#1C2B50; font-size:16px; font-weight:900; font-family:inherit; padding:16px 34px; } 173.mz2-search button:hover { background:#E8B62C; } 174.mz2-trend { margin-top:18px; display:flex; align-items:center; flex-wrap:wrap; gap:8px; } 175.mz2-trend-label { display:flex; align-items:center; gap:4px; font-size:13.5px; font-weight:700; color:#3A4664; margin-right:2px; } 176.mz2-chip { background:#fff; border:1px solid #EAE3CE; border-radius:999px; padding:6px 14px; font-size:13px; font-weight:500; color:#1C2B50; } 177.mz2-chip:hover { border-color:#F2C038; } 178.mz2-features { margin-top:26px; display:flex; gap:14px; flex-wrap:wrap; } 179.mz2-feature { display:flex; align-items:center; gap:8px; background:#fff; border-radius:12px; padding:13px 26px; font-size:14px; font-weight:700; color:#1C2B50; box-shadow:0 1px 6px rgba(28,43,80,.05); } 180.mz2-hero-right { flex:1 1 46%; min-width:0; position:relative; z-index:1; } 181.mz2-hero-right svg.mz2-illust { width:100%; height:auto; display:block; } 182.mz2-hero-people { position:absolute; left:52%; bottom:-44px; transform:translateX(-50%); width:88%; height:auto; z-index:2; } 183 184/* ---------- purpose tiles ---------- */ 185.mz2-purpose { background:#fff; border-bottom:1px solid #EEEFF2; } 186.mz2-purpose-in { max-width:1240px; margin:0 auto; padding:22px 24px; display:flex; align-items:center; gap:18px; } 187.mz2-purpose-ttl { font-size:15px; font-weight:900; flex-shrink:0; letter-spacing:1px; } 188.mz2-tiles { display:flex; gap:12px; flex:1; } 189.mz2-tile { flex:1; display:flex; align-items:center; gap:10px; border:1px solid #E7E9EE; border-radius:12px; padding:12px 14px; background:#fff; font-size:14px; font-weight:700; white-space:nowrap; } 190.mz2-tile:hover { border-color:#F2C038; box-shadow:0 2px 8px rgba(28,43,80,.06); } 191.mz2-tile .mz2-tile-arrow { margin-left:auto; color:#9AA1B1; font-weight:400; } 192.mz2-tile svg { flex-shrink:0; } 193 194/* ---------- content ---------- */ 195.mz2-content { padding:28px 0 56px; } 196.mz2-grid { max-width:1240px; margin:0 auto; padding:0 24px; display:flex; gap:24px; align-items:flex-start; } 197.mz2-col-main { flex:1 1 68%; min-width:0; display:flex; flex-direction:column; gap:24px; } 198.mz2-col-side { flex:0 0 320px; min-width:0; display:flex; flex-direction:column; gap:24px; } 199.mz2-panel { background:#fff; border:1px solid #ECEDF1; border-radius:16px; padding:24px; } 200.mz2-panel-head { display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; } 201.mz2-panel-head h2 { font-size:19px; font-weight:900; letter-spacing:.5px; } 202.mz2-more { font-size:13px; font-weight:700; color:#56617B; } 203.mz2-more:hover { color:#C99718; } 204 205.mz2-tag { display:inline-block; color:#fff; font-size:11.5px; font-weight:700; border-radius:5px; padding:3px 9px; line-height:1.4; } 206.mz2-tag--navy { background:#23408F; } .mz2-tag--orange { background:#F08A24; } 207.mz2-tag--teal { background:#159488; } .mz2-tag--blue { background:#2E6FD8; } 208.mz2-tag--green { background:#4CAF50; } .mz2-tag--gold { background:#C99718; } 209.mz2-meta { display:flex; align-items:center; gap:12px; font-size:12px; color:#8A92A6; } 210.mz2-meta .mz2-clock { display:flex; align-items:center; gap:4px; } 211.mz2-noimg { background:linear-gradient(135deg,#E8EAF0,#D7DBE4); display:block; } 212 213/* now-reading grid */ 214.mz2-now-grid { display:grid; grid-template-columns:1.55fr 1fr 1fr; gap:18px; } 215.mz2-bigcard { position:relative; display:flex; flex-direction:column; border-radius:14px; overflow:hidden; border:1px solid #EFF0F4; } 216.mz2-bigcard .mz2-bigimg { width:100%; aspect-ratio:16/10.5; object-fit:cover; } 217.mz2-rank1 { position:absolute; top:0; left:16px; background:#F2C038; color:#1C2B50; font-weight:900; text-align:center; font-size:10px; padding:7px 10px 9px; line-height:1.2; clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%); z-index:2; } 218.mz2-rank1 b { display:block; font-size:17px; } 219.mz2-bigbody { padding:14px 16px 16px; display:flex; flex-direction:column; gap:9px; } 220.mz2-bigttl { font-size:19px; font-weight:900; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 221.mz2-bigcard:hover .mz2-bigttl, .mz2-midcard:hover .mz2-midttl, .mz2-smallcard:hover .mz2-smallttl, .mz2-newcard:hover .mz2-newttl, .mz2-rankitem:hover .mz2-rankttl { color:#C99718; } 222.mz2-midcard { display:flex; flex-direction:column; border-radius:14px; overflow:hidden; border:1px solid #EFF0F4; } 223.mz2-midcard .mz2-midimg { width:100%; aspect-ratio:16/11; object-fit:cover; } 224.mz2-midbody { padding:12px 14px 14px; display:flex; flex-direction:column; gap:8px; flex:1; } 225.mz2-midttl { font-size:15px; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 226.mz2-smallstack { display:flex; flex-direction:column; gap:14px; } 227.mz2-smallcard { display:flex; flex-direction:column; gap:8px; border-radius:14px; border:1px solid #EFF0F4; overflow:hidden; flex:1; } 228.mz2-smallcard .mz2-smallimg { width:100%; aspect-ratio:16/8.4; object-fit:cover; } 229.mz2-smallbody { padding:0 14px 12px; display:flex; flex-direction:column; gap:7px; } 230.mz2-smallttl { font-size:13.5px; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 231 232/* new entries */ 233.mz2-new-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } 234.mz2-newcard { display:flex; gap:12px; border:1px solid #EFF0F4; border-radius:14px; padding:12px; align-items:flex-start; } 235.mz2-newcard .mz2-newimg { width:104px; aspect-ratio:1/0.86; object-fit:cover; border-radius:10px; flex-shrink:0; } 236.mz2-newbody { display:flex; flex-direction:column; gap:7px; min-width:0; } 237.mz2-newttl { font-size:13.5px; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } 238 239/* side banner */ 240.mz2-banner { background:#1C2B50; border-radius:16px; padding:24px 22px 22px; color:#fff; position:relative; overflow:hidden; } 241.mz2-banner-head { display:flex; align-items:flex-start; justify-content:space-between; } 242.mz2-banner-ttl { font-size:24px; font-weight:900; line-height:1.35; color:#F2C038; letter-spacing:1px; } 243.mz2-banner-fig { flex-shrink:0; margin-top:-4px; } 244.mz2-steps { background:#fff; border-radius:12px; margin-top:16px; padding:16px 10px 14px; display:flex; align-items:flex-start; justify-content:space-between; } 245.mz2-step { display:flex; flex-direction:column; align-items:center; gap:6px; color:#1C2B50; width:74px; } 246.mz2-step-badge { position:relative; width:52px; height:52px; border-radius:50%; background:#FBF4E0; display:flex; align-items:center; justify-content:center; } 247.mz2-step-no { position:absolute; top:-7px; left:50%; transform:translateX(-50%); font-size:8.5px; font-weight:900; color:#8A92A6; letter-spacing:.5px; background:#fff; padding:0 4px; border-radius:4px; white-space:nowrap; } 248.mz2-step-label { font-size:11.5px; font-weight:900; } 249.mz2-step-arrow { align-self:center; color:#F2C038; font-weight:900; font-size:16px; margin-top:14px; } 250.mz2-banner-btn { display:flex; align-items:center; justify-content:center; gap:6px; background:#F2C038; color:#1C2B50 !important; border-radius:10px; margin-top:16px; padding:13px; font-size:15px; font-weight:900; } 251.mz2-banner-btn:hover { background:#E8B62C; } 252 253/* ranking */ 254.mz2-rank-list { display:flex; flex-direction:column; } 255.mz2-rankitem { display:flex; gap:12px; padding:13px 0; border-bottom:1px solid #F1F2F5; align-items:flex-start; } 256.mz2-rankitem:last-child { border-bottom:0; padding-bottom:0; } 257.mz2-rankno { flex-shrink:0; width:30px; height:30px; border-radius:8px; background:#F2C038; color:#1C2B50; font-weight:900; font-size:13px; display:flex; align-items:center; justify-content:center; margin-top:4px; } 258.mz2-rankitem:nth-child(n+2) .mz2-rankno { background:#EEF0F4; color:#56617B; } 259.mz2-rankthumb { width:64px; aspect-ratio:1/0.8; object-fit:cover; border-radius:8px; flex-shrink:0; } 260.mz2-rankbody { min-width:0; display:flex; flex-direction:column; gap:6px; } 261.mz2-rankttl { font-size:13px; font-weight:700; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } 262.mz2-rankmeta { display:flex; align-items:center; gap:8px; } 263.mz2-rankmeta .mz2-tag { font-size:10.5px; padding:2px 7px; } 264.mz2-rankmeta time { font-size:11.5px; color:#8A92A6; } 265 266/* ---------- responsive ---------- */ 267@media (max-width: 1080px) { 268 .mz2-gnav { gap:18px; } 269 .mz2-now-grid { grid-template-columns:1.4fr 1fr; } 270 .mz2-smallstack { grid-column:1 / -1; flex-direction:row; } 271 .mz2-smallstack .mz2-smallcard { flex:1; } 272 .mz2-tiles { flex-wrap:wrap; } 273 .mz2-tile { flex:1 1 30%; } 274 .mz2-grid { flex-direction:column; } 275 .mz2-col-side { flex:1 1 auto; width:100%; } 276} 277@media (max-width: 820px) { 278 .mz2-gnav, .mz2-btn-outline { display:none; } 279 .mz2-header-in { justify-content:space-between; height:58px; } 280 .mz2-hero-in { flex-direction:column; padding:34px 20px 36px; gap:8px; align-items:stretch; } 281 .mz2-hero-ttl { font-size:31px; letter-spacing:1px; } 282 .mz2-hero-right { width:88%; max-width:470px; margin:10px auto 0; } 283 .mz2-hero-people { bottom:-36px; width:92%; } 284 .mz2-purpose-in { flex-direction:column; align-items:flex-start; gap:12px; } 285 .mz2-tiles { width:100%; } 286 .mz2-tile { flex:1 1 46%; } 287 .mz2-now-grid { grid-template-columns:1fr; } 288 .mz2-smallstack { flex-direction:column; } 289 .mz2-new-grid { grid-template-columns:1fr; } 290 .mz2-panel { padding:18px; border-radius:14px; } 291 .mz2-search button { padding:14px 22px; } 292 .mz2-features { gap:10px; } 293 .mz2-feature { padding:11px 16px; flex:1; justify-content:center; } 294 .mz2-content { padding:20px 0 40px; } 295 .mz2-grid, .mz2-in, .mz2-purpose-in { padding-left:16px; padding-right:16px; } 296} 297</style> 298 299<div class="mz2"> 300 301 <!-- ============ header ============ --> 302 <header class="mz2-header"> 303 <div class="mz2-header-in"> 304 <a class="mz2-logo" href="https://mayonez.jp/">Mayonez<svg width="16" height="22" viewBox="0 0 16 22" fill="none"><path d="M8 1C8 1 1.5 9.5 1.5 14.5C1.5 18.1 4.4 21 8 21C11.6 21 14.5 18.1 14.5 14.5C14.5 9.5 8 1 8 1Z" fill="#F2C038"/><path d="M5 14.7C5 16.4 6.3 17.8 8 17.8" stroke="#fff" stroke-width="1.6" stroke-linecap="round"/></svg></a> 305 <nav class="mz2-gnav"> 306 <a href="https://mayonez.jp/topic/job_hunt">就活</a> 307 <a href="https://mayonez.jp/topic/job-change">転è·</a> 308 <a href="https://mayonez.jp/topic/it_career">ITãã£ãªã¢</a> 309 <a href="https://mayonez.jp/topic/lifestyle">åãæ¹</a> 310 <a href="https://mayonez.jp/topic/business/biz-skill">ãã¸ãã¹ã¹ãã«</a> 311 </nav> 312 <div class="mz2-hacts"> 313 <a class="mz2-sicon" href="#mz2-search" aria-label="æ¤ç´¢"> 314 <svg width="19" height="19" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="6.5" stroke="#1C2B50" stroke-width="2"/><path d="M14 14L18 18" stroke="#1C2B50" stroke-width="2" stroke-linecap="round"/></svg> 315 </a> 316 </div> 317 </div> 318 </header> 319 320 <!-- ============ hero ============ --> 321 <section class="mz2-hero"> 322 <div class="mz2-hero-in"> 323 <div class="mz2-hero-left"> 324 <h1 class="mz2-hero-ttl">è¿·ããªããã£ãªã¢ã«ã<br>ããããªæ å ±ãã</h1> 325 <p class="mz2-hero-sub">就活ã»è»¢è·ã»ITãã£ãªã¢ã®æ©ã¿ãããããããã解決ã</p> 326 <form id="mz2-search" class="mz2-search" action="https://mayonez.jp/" method="get">
327 <span class="mz2-search-icon"><svg width="18" height="18" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="6.5" stroke="#9AA1B1" stroke-width="2"/><path d="M14 14L18 18" stroke="#9AA1B1" stroke-width="2" stroke-linecap="round"/></svg></span> 328 <input type="text" name="s" placeholder="ç¥ããããã¨ãæ¤ç´¢"> 329 <button type="submit">æ¤ç´¢</button> 330 </form> 331 <div class="mz2-trend"> 332 <span class="mz2-trend-label"><svg width="14" height="17" viewBox="0 0 14 17" fill="none"><path d="M7 0.5C7 0.5 11.9 4.6 12.9 9.1C13.7 12.9 11 16.2 7 16.2C3 16.2 0.3 12.9 1.1 9.1C1.6 6.8 3.2 4.9 3.2 4.9C3.2 4.9 3.6 6.6 4.9 7.3C4.6 4.4 7 0.5 7 0.5Z" fill="#F08A24"/><path d="M7 16.2C4.9 16.2 3.5 14.4 4 12.5C4.5 10.7 7 9 7 9C7 9 9.5 10.7 10 12.5C10.5 14.4 9.1 16.2 7 16.2Z" fill="#F2C038"/></svg>æ¥ä¸æã¯ã¼ãï¼</span> 333 <a class="mz2-chip" href="https://mayonez.jp/?s=%E9%9D%A2%E6%8E%A5%E5%AF%BE%E7%AD%96">颿¥å¯¾ç</a> 334 <a class="mz2-chip" href="https://mayonez.jp/?s=%E8%87%AA%E5%B7%B1PR">èªå·±PR</a> 335 <a class="mz2-chip" href="https://mayonez.jp/?s=IT%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2">ITã¨ã³ã¸ãã¢</a> 336 <a class="mz2-chip" href="https://mayonez.jp/?s=%E5%B9%B4%E5%8F%8E">å¹´å</a> 337 <a class="mz2-chip" href="https://mayonez.jp/?s=%E8%BB%A2%E8%81%B7">転è·</a> 338 </div> 339 <div class="mz2-features"> 340 <span class="mz2-feature"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="#2E9E6B" stroke-width="1.8"/><circle cx="10" cy="10" r="5.4" stroke="#2E9E6B" stroke-width="1.4"/><path d="M7.8 10.1L9.4 11.7L12.4 8.5" stroke="#2E9E6B" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>å°éå®¶ç£ä¿®</span> 341 <span class="mz2-feature"><svg width="20" height="20" viewBox="0 0 20 20" fill="none"><rect x="2" y="3.5" width="16" height="14.5" rx="2.5" stroke="#F08A24" stroke-width="1.8"/><path d="M2 8H18" stroke="#F08A24" stroke-width="1.8"/><path d="M6.5 1.5V5M13.5 1.5V5" stroke="#F08A24" stroke-width="1.8" stroke-linecap="round"/><path d="M6.5 12H9M11 12H13.5M6.5 15H9" stroke="#F08A24" stroke-width="1.6" stroke-linecap="round"/></svg>æ¯æ¥æ´æ°</span> 342 <span class="mz2-feature"><svg width="22" height="19" viewBox="0 0 22 19" fill="none"><circle cx="7.5" cy="6" r="3.2" stroke="#2E6FD8" stroke-width="1.8"/><circle cx="15.5" cy="7" r="2.6" stroke="#2E6FD8" stroke-width="1.6"/><path d="M1.5 17C1.5 13.7 4.2 11.5 7.5 11.5C10.8 11.5 13.5 13.7 13.5 17" stroke="#2E6FD8" stroke-width="1.8" stroke-linecap="round"/><path d="M15.7 12.2C18.4 12.4 20.5 14.2 20.5 16.8" stroke="#2E6FD8" stroke-width="1.6" stroke-linecap="round"/></svg>å®ä½é¨ãã¼ã¹</span> 343 </div> 344 </div> 345 <div class="mz2-hero-right"> 346 <svg class="mz2-illust" viewBox="0 0 560 420" fill="none" xmlns="http://www.w3.org/2000/svg">
347 <path d="M90 210C60 130 140 40 280 40C430 40 540 90 545 200C550 310 480 400 330 405C180 410 120 290 90 210Z" fill="#F7DF9A"/> 348 <g stroke="#C7A94F" stroke-width="3" fill="#FBF4E0"> 349 <rect x="60" y="205" width="52" height="120" rx="3"/> 350 <rect x="96" y="160" width="60" height="165" rx="3"/> 351 </g> 352 <g fill="#C7A94F"> 353 <rect x="72" y="222" width="10" height="10"/><rect x="90" y="222" width="10" height="10"/> 354 <rect x="72" y="244" width="10" height="10"/><rect x="90" y="244" width="10" height="10"/> 355 <rect x="110" y="178" width="10" height="10"/><rect x="128" y="178" width="10" height="10"/> 356 <rect x="110" y="200" width="10" height="10"/><rect x="128" y="200" width="10" height="10"/> 357 <rect x="110" y="222" width="10" height="10"/><rect x="128" y="222" width="10" height="10"/> 358 </g> 359 <g stroke="#C7A94F" stroke-width="3" stroke-linecap="round" fill="none"> 360 <rect x="58" y="336" width="46" height="34" rx="4"/> 361 <path d="M64 362L74 350L84 358L98 344"/> 362 </g> 363 <path d="M470 96V74M470 74C466 74 460 70 460 62C460 54 466 50 470 50C474 50 480 54 480 62C480 70 474 74 470 74Z" stroke="#E3B93C" stroke-width="4" stroke-linecap="round" fill="#FFF6D9"/> 364 <path d="M448 60L438 56M492 60L502 56M470 40V30" stroke="#E3B93C" stroke-width="4" stroke-linecap="round"/> 365 <g stroke="#E3B93C" stroke-width="3" stroke-linecap="round"> 366 <path d="M155 76L163 84M163 76L155 84"/> 367 <path d="M520 250L528 258M528 250L520 258"/> 368 <path d="M115 120L121 126M121 120L115 126"/> 369 </g> 370 </svg> 371 <img class="mz2-hero-people" src="/wp-content/uploads/2026/08/hero-people-fix.webp" alt=""> 372 </div> 373 </div> 374 </section> 375 376 <!-- ============ purpose tiles ============ --> 377 <section class="mz2-purpose"> 378 <div class="mz2-purpose-in"> 379 <h2 class="mz2-purpose-ttl">ç®çããæ¢ã</h2> 380 <div class="mz2-tiles"> 381 <a class="mz2-tile" href="https://mayonez.jp/topic/job_hunt"> 382 <svg width="24" height="20" viewBox="0 0 24 20" fill="none"><path d="M12 1L23 6L12 11L1 6L12 1Z" stroke="#2E9E6B" stroke-width="1.8" stroke-linejoin="round"/><path d="M5 8.5V13.5C5 15 8 17 12 17C16 17 19 15 19 13.5V8.5" stroke="#2E9E6B" stroke-width="1.8"/><path d="M23 6V12" stroke="#2E9E6B" stroke-width="1.8" stroke-linecap="round"/></svg> 383 就活æºå<span class="mz2-tile-arrow">âº</span> 384 </a> 385 <a class="mz2-tile" href="https://mayonez.jp/?s=%E9%9D%A2%E6%8E%A5"> 386 <svg width="22" height="20" viewBox="0 0 22 20" fill="none"><path d="M1 4C1 2.9 1.9 2 3 2H13C14.1 2 15 2.9 15 4V9C15 10.1 14.1 11 13 11H6L3 14V11C1.9 11 1 10.1 1 9V4Z" stroke="#F08A24" stroke-width="1.7" stroke-linejoin="round"/><path d="M17 7H19C20.1 7 21 7.9 21 9V13C21 14.1 20.1 15 19 15V17.5L16.5 15H10" stroke="#F08A24" stroke-width="1.7" stroke-linejoin="round"/></svg> 387 ESã»é¢æ¥<span class="mz2-tile-arrow">âº</span> 388 </a> 389 <a class="mz2-tile" href="https://mayonez.jp/?s=%E4%BC%81%E6%A5%AD%E7%A0%94%E7%A9%B6"> 390 <svg width="20" height="21" viewBox="0 0 20 21" fill="none"><rect x="3" y="1.5" width="11" height="18" rx="1.5" stroke="#2E6FD8" stroke-width="1.7"/><path d="M14 8H17C17.6 8 18 8.4 18 9V19.5" stroke="#2E6FD8" stroke-width="1.7"/><path d="M6 5.5H8M10 5.5H12M6 9H8M10 9H12M6 12.5H8M10 12.5H12" stroke="#2E6FD8" stroke-width="1.6" stroke-linecap="round"/><path d="M8 19V16H10V19" stroke="#2E6FD8" stroke-width="1.6"/></svg> 391 伿¥ç ç©¶<span class="mz2-tile-arrow">âº</span> 392 </a> 393 <a class="mz2-tile" href="https://mayonez.jp/topic/it_career"> 394 <svg width="23" height="20" viewBox="0 0 23 20" fill="none"><rect x="1.5" y="1.5" width="20" height="13" rx="1.8" stroke="#159488" stroke-width="1.7"/><path d="M8.5 5.5L6 8L8.5 10.5M14.5 5.5L17 8L14.5 10.5" stroke="#159488" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
394<path d="M7.5 18.5H15.5M11.5 15V18.5" stroke="#159488" stroke-width="1.7" stroke-linecap="round"/></svg> 395 IT転è·<span class="mz2-tile-arrow">âº</span> 396 </a> 397 <a class="mz2-tile" href="https://mayonez.jp/topic/job_hunt/income"> 398 <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M2 13V18M7.5 9V18M13 5V18M18.5 1V18" stroke="#E0A62B" stroke-width="2.4" stroke-linecap="round"/></svg> 399 å¹´åã»ãã£ãªã¢<span class="mz2-tile-arrow">âº</span> 400 </a> 401 <a class="mz2-tile" href="https://mayonez.jp/topic/lifestyle"> 402 <svg width="22" height="20" viewBox="0 0 22 20" fill="none"><path d="M2 9L11 1.5L20 9" stroke="#E05D5D" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M4.5 8V18.5H17.5V8" stroke="#E05D5D" stroke-width="1.8" stroke-linecap="round"/><path d="M8 18.5V13H14V18.5" stroke="#E05D5D" stroke-width="1.7"/></svg> 403 åãæ¹<span class="mz2-tile-arrow">âº</span> 404 </a> 405 </div> 406 </div> 407 </section> 408 409 <!-- ============ main content ============ --> 410 <section class="mz2-content"> 411 <div class="mz2-grid"> 412 <div class="mz2-col-main"> 413 414 <!-- now reading --> 415 <div class="mz2-panel"> 416 <div class="mz2-panel-head"><h2>ãã¾èªã¾ãã¦ããè¨äº</h2></div> 417 <div class="mz2-now-grid"> 418 <a class="mz2-bigcard" href="https://mayonez.jp/topic/1171921"> 419 <span class="mz2-rank1">人æ°<b>1</b></span> 420 <img class="mz2-bigimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171921-1024x682.png" alt="" loading="lazy"> <span class="mz2-bigbody"> 421 <span><span class="mz2-tag mz2-tag--blue">颿¥</span></span> 422 <span class="mz2-bigttl">ã7åãæ±äººé¢æ¥ã®é質å診æï½ä¸æç¹ãè§£æ¶ãã質åã6ã¿ã¤ãã§ããã</span> 423 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 424 </span> 425 </a> 426 427 <a class="mz2-midcard" href="https://mayonez.jp/topic/1171919"> 428 <img class="mz2-midimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171919-768x512.png" alt="" loading="lazy"> <span class="mz2-midbody"> 429 <span><span class="mz2-tag mz2-tag--teal">å°±è·ã»è»¢è·ãã¦ãã¦</span></span> 430 <span class="mz2-midttl">ã7åãæ±äººã®æ³¨æç¹è¨ºæï½å¿ååã«è¦è½ã¨ããããç®æã6ã¿ã¤ãã§ããã</span> 431 <span class="mz2-meta" style="margin-top:auto;"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 432 </span> 433 </a> 434 435 <div class="mz2-smallstack"> 436 <a class="mz2-smallcard" href="https://mayonez.jp/topic/1171917"> 437 <img class="mz2-smallimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171917-300x200.png" alt="" loading="lazy"> <span class="mz2-smallbody"> 438 <span><span class="mz2-tag mz2-tag--blue">転è·</span></span> 439 <span class="mz2-smallttl">ã7åãã¹ã«ã¦ãæ±äººè¦æ¥µã診æï½è¿ä¿¡åã«ç¢ºèªãã¹ãç¹ã6ã¿ã¤ãã§ããã</span> 440 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 441 </span> 442 </a> 443 <a class="mz2-smallcard" href="https://mayonez.jp/topic/1171915"> 444 <img class="mz2-smallimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171915-300x200.png" alt="" loading="lazy">
444 <span class="mz2-smallbody"> 445 <span><span class="mz2-tag mz2-tag--blue">æ¥çã»ä¼æ¥ç ç©¶</span></span> 446 <span class="mz2-smallttl">ã7åãæ±äººæ¯è¼è»¸è¨ºæï½è¤æ°ã®æ±äººããé¸ã¶åºæºã6ã¿ã¤ãã§ããã</span> 447 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 448 </span> 449 </a> 450 </div> 451 </div> 452 </div> 453 454 <!-- new entries --> 455 <div class="mz2-panel"> 456 <div class="mz2-panel-head"> 457 <h2>æ°çè¨äº</h2> 458 <a class="mz2-more" href="https://mayonez.jp/">ãã£ã¨è¦ã âº</a> 459 </div> 460 <div class="mz2-new-grid"> 461 <a class="mz2-newcard" href="https://mayonez.jp/topic/1171913"> 462 <img class="mz2-newimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171913-300x200.png" alt="" loading="lazy"> <span class="mz2-newbody"> 463 <span><span class="mz2-tag mz2-tag--teal">å°±è·ã»è»¢è·ãã¦ãã¦</span></span> 464 <span class="mz2-newttl">ã7åãéç¨å½¢æ é¸ã³è¨ºæï½æ£ç¤¾å¡ã»å¥ç´ç¤¾å¡ã»æ´¾é£ã»ãã¼ããªã©ã®åãä¸åãã6ã¿ã¤ãã§ããã</span> 465 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 466 </span> 467 </a> 468 <a class="mz2-newcard" href="https://mayonez.jp/topic/1171911"> 469 <img class="mz2-newimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171911-300x200.png" alt="" loading="lazy"> <span class="mz2-newbody"> 470 <span><span class="mz2-tag mz2-tag--teal">å°±è·ã»è»¢è·ãã¦ãã¦</span></span> 471 <span class="mz2-newttl">ã7åãå¤åå°æ¡ä»¶è¨ºæï½è»¢å¤ã»éå¤ã»ãªã¢ã¼ãã®åªå 度ã6ã¿ã¤ãã§ããã</span> 472 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 473 </span> 474 </a> 475 <a class="mz2-newcard" href="https://mayonez.jp/topic/1171909"> 476 <img class="mz2-newimg" src="https://mayonez.jp/wp-content/uploads/2026/08/hero-1171909-300x200.png" alt="" loading="lazy"> <span class="mz2-newbody"> 477 <span><span class="mz2-tag mz2-tag--gold">å¹´åã»çµ¦ä¸</span></span> 478 <span class="mz2-newttl">ã7åãæ±äººã®çµ¦ä¸æ¡ä»¶è¨ºæï½å¹´åã»æçµ¦ã®ã©ããåªå ãã¹ããã6ã¿ã¤ãã§ããã</span> 479 <span class="mz2-meta"><span class="mz2-clock"><svg width="13" height="13" viewBox="0 0 14 14" fill="none"><circle cx="7" cy="7" r="6" stroke="#8A92A6" stroke-width="1.5"/><path d="M7 4V7L9 8.6" stroke="#8A92A6" stroke-width="1.5" stroke-linecap="round"/></svg>15åã§èªãã</span><time>2026.08.18</time></span> 480 </span> 481 </a> 482 </div> 483 </div> 484 485 </div> 486 487 <aside class="mz2-col-side"> 488 489 <!-- feature banner --> 490 <div class="mz2-banner"> 491 <div class="mz2-banner-head"> 492 <div class="mz2-banner-ttl">27åã»28å<br>就活ç¹é</div> 493 <svg class="mz2-banner-fig" width="86" height="64" viewBox="0 0 86 64" fill="none"> 494 <path d="M6 6L9 9M12 2L12 6M2 12H6" stroke="#F2C038" stroke-width="2" stroke-linecap="round"/> 495 <path d="M78 26L81 29M84 20L84 24M74 30H78" stroke="#F2C038" stroke-width="2" stroke-linecap="round"/> 496 <circle cx="30" cy="26" r="9" fill="#FBE3CF"/> 497 <path d="M21 24C23 20 27 17 30 17C33 17 37 20 39 24C36 26 24 26 21 24Z" fill="#4A3A30"/> 498 <path d="M16 64C16 50 22 42 30 42C38 42 44 50 44 64H16Z" fill="#2E3F66"/> 499 <path d="M27 42L30 47L33 42" stroke="#fff" stroke-width="2" fill="none"/> 500 <circle cx="58" cy="30" r="9" fill="#FBE3CF"/> 501 <path d="M49 28C51 24 55 21 58 21C61 21 65 24 67 28C64 30 52 30 49 28Z" fill="#2B2118"/> 502 <path d="M44 64C44 52 50 46 58 46C66 46 72 52 72 64H44Z" fill="#39496E"/> 503 </svg> 504 </div> 505 <div class="mz2-steps"> 506 <div class="mz2-step">
507 <span class="mz2-step-badge"><span class="mz2-step-no">STEP 01</span><svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="10" cy="8" r="4" stroke="#1C2B50" stroke-width="1.8"/><path d="M3 20C3 15.5 6 13 10 13C12 13 13.7 13.6 15 14.7" stroke="#1C2B50" stroke-width="1.8" stroke-linecap="round"/><circle cx="17" cy="17" r="3.4" stroke="#1C2B50" stroke-width="1.8"/><path d="M19.6 19.6L22 22" stroke="#1C2B50" stroke-width="1.8" stroke-linecap="round"/></svg></span> 508 <span class="mz2-step-label">èªå·±åæ</span> 509 </div> 510 <span class="mz2-step-arrow">â</span> 511 <div class="mz2-step"> 512 <span class="mz2-step-badge"><span class="mz2-step-no">STEP 02</span><svg width="22" height="24" viewBox="0 0 22 24" fill="none"><rect x="4" y="2" width="12" height="20" rx="1.5" stroke="#1C2B50" stroke-width="1.8"/><path d="M16 9H19C19.6 9 20 9.4 20 10V22" stroke="#1C2B50" stroke-width="1.8"/><path d="M7.5 6.5H9.5M11 6.5H13M7.5 10H9.5M11 10H13M7.5 13.5H9.5M11 13.5H13" stroke="#1C2B50" stroke-width="1.5" stroke-linecap="round"/><path d="M9 22V18.5H11.5V22" stroke="#1C2B50" stroke-width="1.5"/></svg></span> 513 <span class="mz2-step-label">伿¥ç ç©¶</span> 514 </div> 515 <span class="mz2-step-arrow">â</span> 516 <div class="mz2-step"> 517 <span class="mz2-step-badge"><span class="mz2-step-no">STEP 03</span><svg width="24" height="22" viewBox="0 0 24 22" fill="none"><path d="M2 5C2 3.9 2.9 3 4 3H15C16.1 3 17 3.9 17 5V11C17 12.1 16.1 13 15 13H8L4 16.5V13C2.9 13 2 12.1 2 11V5Z" stroke="#1C2B50" stroke-width="1.8" stroke-linejoin="round"/><path d="M6 7H13M6 9.5H11" stroke="#1C2B50" stroke-width="1.5" stroke-linecap="round"/><path d="M19 8H20C21.1 8 22 8.9 22 10V14C22 15.1 21.1 16 20 16V18.8L17 16H12" stroke="#1C2B50" stroke-width="1.6" stroke-linejoin="round"/></svg></span> 518 <span class="mz2-step-label">é¸è対ç</span> 519 </div> 520 </div> 521 <a class="mz2-banner-btn" href="https://mayonez.jp/topic/job_hunt">ç¹éãè¦ã<span>âº</span></a> 522 </div> 523 524 <!-- ranking --> 525 <div class="mz2-panel"> 526 <div class="mz2-panel-head"> 527 <h2>人æ°ã©ã³ãã³ã°</h2> 528 <a class="mz2-more" href="https://mayonez.jp/">ãã£ã¨è¦ã âº</a> 529 </div> 530 <ol class="mz2-rank-list"> 531 <li> 532 <a class="mz2-rankitem" href="https://mayonez.jp/topic/57"> 533 <span class="mz2-rankno">01</span> 534 <img class="mz2-rankthumb" src="https://mayonez.jp/wp-content/uploads/2018/02/23c2f4f6-9c04-4100-b791-99d3c44fcd72-150x150.jpeg" alt="" loading="lazy"> <span class="mz2-rankbody"> 535 <span class="mz2-rankttl">ã社å ã»ç¤¾å¤ã»ä¸å¸ãæè¬ã®æ°æã¡ãä¼ãããéè·ã¡ã¼ã«ãã¸ã®è¿ä¿¡ä¾æ</span> 536 <span class="mz2-rankmeta"><span class="mz2-tag mz2-tag--gold">ã¡ã¼ã«ã»æç´</span><time>2016.11.09</time></span> 537 </span> 538 </a> 539 </li> 540 <li> 541 <a class="mz2-rankitem" href="https://mayonez.jp/topic/69"> 542 <span class="mz2-rankno">02</span> 543 <img class="mz2-rankthumb" src="https://mayonez.jp/wp-content/uploads/2025/02/92e5f7e9-db15-40b0-a27f-8f192f3215b1-1.jpg" alt="" loading="lazy"> <span class="mz2-rankbody"> 544 <span class="mz2-rankttl">“è¯ãã¦ã¼ã¶ããªãã£ã¯ç¤¾äº¤æ§ããçã¾ãã” UXãã³ã»åæ°¸æ°ã®äººéåUXè«</span> 545 <span class="mz2-rankmeta"><span class="mz2-tag mz2-tag--orange">ã¤ã³ã¿ãã¥ã¼è¨äº</span><time>2016.11.02</time></span> 546 </span> 547 </a> 548 </li> 549 <li> 550 <a class="mz2-rankitem" href="https://mayonez.jp/topic/104"> 551 <span class="mz2-rankno">03</span> 552 <img class="mz2-rankthumb" src="https://mayonez.jp/wp-content/uploads/2025/02/104.jpg" alt="" loading="lazy">
552 <span class="mz2-rankbody"> 553 <span class="mz2-rankttl">ä¸é¢¨å¤ãã£ãã°ã«ã¼ããã£ã¹ã«ãã·ã§ã³ã§é¢ç½ããã¼ãä¾</span> 554 <span class="mz2-rankmeta"><span class="mz2-tag mz2-tag--teal">å°±è·ã»è»¢è·ãã¦ãã¦</span><time>2016.10.26</time></span> 555 </span> 556 </a> 557 </li> 558 </ol> 559 </div> 560 561 </aside> 562 </div> 563 </section> 564 565</div> 566 <div class="container footer"> 567 <div class="row"> 568 <div class="col-md-6"> 569 <div class="contents"> 570 <div class="title-section text-default"> 571 <h2>Category</h2> 572 </div> 573 574 <ul class="category"> 575 <li> 576 <a href="https://mayonez.jp/topic/job_hunt"><!-- 2026-08-23 夿´ --> 577 就活 </a> 578 </li> 579 <li> 580 <a href="https://mayonez.jp/topic/job-change"><!-- 2026-08-23 夿´ --> 581 è»¢è· </a> 582 </li> 583 <li> 584 <a href="https://mayonez.jp/topic/use_of_words"><!-- 2026-08-23 夿´ --> 585 è¨èã®ä½¿ãæ¹ </a> 586 </li> 587 <li> 588 <a href="https://mayonez.jp/topic/lifestyle"><!-- 2026-08-23 夿´ --> 589 ã©ã¤ãã¹ã¿ã¤ã« </a> 590 </li> 591 <li> 592 <a href="https://mayonez.jp/topic/interview"><!-- 2026-08-23 夿´ --> 593 ã¤ã³ã¿ãã¥ã¼ </a> 594 </li> 595 <li> 596 <a href="https://mayonez.jp/topic/business"><!-- 2026-08-23 夿´ --> 597 ãã¸ãã¹ </a> 598 </li> 599 <li> 600 <a href="https://mayonez.jp/topic/it_career"><!-- 2026-08-23 夿´ --> 601 ITãã£ãªã¢ </a> 602 </li> 603 </ul> 604 </div> 605 <div class="contents"> 606 <div class="title-section"> 607 <div class="title-small">ãã¸ãã¹ã¹ãã«ã»ããã¼ã転è·å¸å ´ãç¥ããã人ã«ãããã</div> 608 </div> 609 <ul class="keyword"> 610 <li> 611 <a href="https://tap-biz.jp/tap_cat_100401/tap_cat_100405" data-nodal="">ãã¸ãã¹ã¹ãã«</a> 612 </li> 613 <li> 614 <a href="https://tap-biz.jp/tap_cat_100401/tap_cat_100406" data-nodal="">ãã¸ãã¹ããã¼</a> 615 </li> 616 <li> 617 <a href="https://tap-biz.jp/tap_cat_100402/tap_cat_100407" data-nodal="">転è·å¸å ´ãç¥ãã</a> 618 </li> 619 <li> 620 <a href="https://tap-biz.jp/tap_cat_100402/tap_cat_100409" data-nodal="">坿¥</a> 621 </li> 622 </ul> 623 </div> 624 <div class="contents"> 625 <div class="title-section text-default"> 626 <h2>Keyword</h2> 627 </div> 628 <ul class="keyword"> 629 <li> 630 <a href="/tags/2" data-nodal="">#転è·</a> 631 </li> 632 <li> 633 <a href="/tags/221" data-nodal="">#ããªã¼ã©ã³ã¹</a> 634 </li> 635 <li> 636 <a href="/tags/607" data-nodal="">#ãã¸ãã¹ã¹ãã«</a> 637 </li> 638 <li> 639 <a href="/tags/483" data-nodal="">#è³æ ¼</a> 640 </li> 641 <li> 642 <a href="/tags/23" data-nodal="">#就活</a> 643 </li> 644 </ul> 645 </div> 646 </div> 647 <div class="col-md-2"> 648 <div class="contents"> 649 <div class="title-section text-default title-section"> 650 <h2>Info</h2> 651 </div> 652 <ul class="info"> 653 <li> 654 <a href="mailto:[email protected]?subject=åºåã«é¢ãããåãåãã" data-nodal="">åºåã»ãã¬ã¹ãªãªã¼ã¹æ²è¼ã«é¢ãããåãåãã</a> 655 </li> 656 <li> 657 <a href="mailto:[email protected]?subject=ãåãåãã&body=ä¸å ·åã®å ±åããè¦æãããæ¹ã¯ä¸è¨ã«ãè¨è¼ãã ããã" data-nodal="">ãåãåãã</a> 658 </li> 659 <li> 660 <a target="_blank" href="https://b-engineer.co.jp/" data-nodal="">éå¶ä¼ç¤¾</a> 661 </li> 662 <li> 663 <a href="/info/term" data-nodal="">å©ç¨è¦ç´</a> 664 </li> 665 <li> 666 <a target="_blank" href="https://b-engineer.co.jp/privacy/" data-nodal="">å人æ å ±ä¿è·æ¹é</a> 667 </li> 668 <li> 669 <a target="_blank" href="https://twostone-s.com/external-transmissions/" data-nodal="">å¤é¨éä¿¡ã«é¢ããå ¬è¡¨äºé </a> 670 </li> 671 </ul> 672 </div> 673 </div> 674 </div> 675 </div> 676 <div class="footer meta"> 677 <div class="container"> 678 <div class="row"> 679 <div class="col-md-5"> 680 <div class="footer-contents text-small"> 681 <a target="_blank" class="relate-media" href="https://b-engineer.co.jp/privacy/" data-nodal="">å人æ å ±ä¿è·æ¹é</a> 682 </div> 683 <div class="footer-contents text-small"> 684 <a target="_blank" class="relate-media" href="https://twostone-s.com/external-transmissions/" data-nodal="">å¤é¨éä¿¡ã«é¢ããå ¬è¡¨äºé </a> 685 </div> 686 <div class="footer-contents text-small"> 687 <a target="_blank" class="relate-media" href="https://b-engineer.co.jp/media-policy/" data-nodal="">ã¡ãã£ã¢éå¶æ¹é</a> 688 </div> 689 <div class="footer-contents text-small sholder">Mayonez [ãã¨ãã¼ãº]ï½IT人æã®ããã®ãã£ãªã¢ã©ã¤ãã¹ã¿ã¤ã«ãã¬ã¸ã³</div> 690 </div> 691 <!-- é¢é£ã¡ãã£ã¢ãããã¯ï¼2025_12_08 é表示ã«ãã¾ããï¼ 692 <div class="col-md-4"> 693 <ul class="relate-media">é¢é£ã¡ãã£ã¢ 694 <li> 695 <a href="https://mayonez.jp/" data-nodal="">ITãã£ãªã¢æ å ±ã¯Mayonez</a> 696 </li> 697 <li> 698 <a href="https://uranaru.jp/" data-nodal="">女åã®ææã®æ©ã¿ã¯Uranaru</a> 699 </li> 700 <li> 701 <a href="https://tap-biz.jp/" data-nodal="">
701ãã¸ãã¹ã»è»¢è·æ å ±ã¯Tapbiz</a> 702 </li> 703 <li> 704 <a href="https://cutee.jp/" data-nodal="">ãããããªããã女åã®ææã¡ãã£ã¢ã¯Cutee</a> 705 </li> 706 <li> 707 <a href="https://the-six.jp/" data-nodal="">ããããååã®æ¯è¼ã»ã©ã³ãã³ã°ã¯ã¢ãã¶ã¦ã«ã¹</a> 708 </li> 709 <li> 710 <a href="https://carby.jp/" data-nodal="">è»ã»ãã©ã¤ãã«ã¤ãã¦ç¥ããªãCarby</a> 711 </li> 712 <li> 713 <a href="https://kajikko.com/" data-nodal="">æé¤æ´æ¿¯ã»è²å ã®çæ´»æ å ±ã¡ãã£ã¢å®¶äºã£ã</a> 714 </li> 715 <li> 716 <a href="https://later-life.jp/" data-nodal="">è¬åããå¢ã»ä»å£ã®å°åæ å ±ã¡ãã£ã¢çµæ´»æå¸³</a> 717 </li> 718 <li> 719 <a href="https://animaroll.jp/" data-nodal="">坿ããããã§çãããããªããã«ã¾ãã¼ã</a> 720 </li> 721 <li> 722 <a href="https://mid-works.com/" data-nodal="">ããªã¼ã©ã³ã¹ã¨ã³ã¸ãã¢ã®ä»äºæ¢ãã¯Midworks</a> 723 </li> 724 <li> 725 <a href="https://tech-boost.jp/" data-nodal="">æªçµé¨ããããã°ã©ãã³ã°ãå¦ã¶ãªãTech boost</a> 726 </li> 727 <li> 728 <a href="https://techstars.jp/" data-nodal="">ITæ¥çã®è»¢è·æ¯æ´ã¯Techstars</a> 729 </li> 730 </ul> 731 </div> 732 --> 733 <div class="col-md-3"> 734 <div class="contents text-small copyright">Copyright (C) 2025 Mayonez</div> 735 <div class="footer-img copyright pull-right"> 736 <a href="https://privacymark.jp/" data-nodal=""> 737 <img src="https://mayonez.jp/wp-content/themes/mayonez-test/assets/images/privacymark.png"> 738 </a> 739 </div> 740 </div> 741 </div> 742 </div> 743 </div> 744</div> 745 746</body> 747</html> 748
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.