<!DOCTYPE html><html lang="ja"> <head> <meta charset="UTF-8"> <title>ODN：サービス終了のお知らせ</title> <meta name="description" content="アクセスいただいたWebサービスは提供を終了いたしました。"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="robots" content="noindex,nofollow,noarchive"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <link rel="icon" href="/favicon.ico"> <style> /*初期化*/ *{ margin: 0; padding: 0; } html{ height: 100%; font-size: 62.5%; } body{ box-sizing: border-box; height: 100%; font-family: -apple-system,"Meiryo UI",Segoe UI,"Yu Gothic UI","YuGothic","Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue","Helvetica", sans-serif; font-size: 1.6rem; line-height: 1.5; color: #333333; background-color: #FFFFFF; } /*ヘッダー*/ header{ height: 55px; } h1{ width: 780px; height: 100%; margin: 0 auto; display: flex; align-items: center; } h1 img{ height: 35px; } /*メイン*/ main{ min-height: calc(100% - 110px); /*110px=header+footer*/ text-align: center; display: flex; justify-content: center; align-items: center; } /*インフォメーションマーク*/ main svg{ width: 240px; height: 240px; margin-bottom: 40px; } main .st0{ fill: rgb(255, 238, 208); } h2{ margin-bottom: 40px; font-size: 4.0rem; color: #2d4696; font-weight: bold; letter-spacing: 0.3rem; } h2 span{ background: linear-gradient(rgba(255, 238, 208, 0) 70%, rgba(255, 238, 208, 1) 70%); } main p{ margin-top: 1.6rem; font-size: 2.0rem; } a.top-btn{ display: inline-block; margin: 40px 0; padding: 12px 40px; background-color: #2d4696; border: 3px solid #2d4696; border-radius: 8px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); font-size: 2.0rem; line-height: 2.0rem; font-weight: bold; color: #ffffff; text-decoration: none; letter-spacing: 0.2rem; transition: 0.3s; } a.top-btn:hover{ background-color: #ffffff; color: #2d4696; } /*フッター*/ footer{ box-sizing: border-box; width: 100%; height: 55px; border-top: 3px solid #feb808; background-color: #ffffff; line-height: 1.1rem; display: flex; justify-content: center; align-items: center; } footer span{ font-size: 1.1rem; } /*------------------------------------------ Responsive Grid Media Queries - 1024, 768, 480 1024以下 - タブレット横長 768以下 - タブレット縦長 480以下 - スマホ --------------------------------------------*/ @media screen and (max-width: 1024px) { header, main{ padding: 0 5%; } main svg{ width: 200px; height: 200px; } h1{ width: auto; margin: 0; } h1 img{ height: 29px; } h2{ font-size: 3.0rem; letter-spacing: 0.3rem; } main p{ font-size: 1.6rem; } .top-btn{ font-size: 1.6rem; line-height: 1.6rem; letter-spacing: 0.2rem; } footer span{ font-size: 1.1rem; } } @media screen and (max-width: 768px) { main svg{ width: 180px; height: 180px; } h2{ font-size: 2.6rem; letter-spacing: 0.1rem; } } @media screen and (max-width: 480px) { header, main{ padding: 0 10px; } main svg{ width: 150px; height: 150px; } h2{ font-size: 2.0rem; } main p{ font-size: 1.4rem; } a.top-btn{ font-size: 1.4rem; } } </style></head> <body> <header> <h1><img src="./images/logo_odn.svg" border="0" alt="ODN"></h1> </header> <main> <div> <svg version="1.1" id="_x31_0" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="opacity: 1;" xml:space="preserve"> <g> <path class="st0" d="M256,0C114.614,0,0,114.614,0,256c0,141.383,114.614,256,256,256s256-114.617,256-256 C512,114.614,397.386,0,256,0z M256,448c-105.871,0-192-86.133-192-192c0-105.871,86.129-192,192-192s192,86.129,192,192 C448,361.867,361.871,448,256,448z"></path> <path class="st0" d="M277.301,341.863v-120.82h-10.293l-64.805,26.281l3.375,8.516c6.148-2.367,11.422-3.551,15.793-3.551 c7.816,0,12.578,3.551,14.297,10.657c1.711,7.102,2.57,8.656,2.57,33.511v45.406c0,16.219-2.153,26.926-6.473,32.145 c-4.324,5.203-13.054,7.805-26.187,7.805v8.523h104.218v-8.523c-13.019,0-21.695-2.63-26.012-7.898 C279.465,368.652,277.301,357.961,277.301,341.863z"></path> <path class="st0" d="M256,186.641c20.77,0,32.414-18.234,32.414-30.898c0-16.715-14.684-30.894-32.414-33.934 c-9.117-1.52-32.414,8.609-32.414,32.418C223.586,171.95,238.274,186.641,256,186.641z"></path> </g> </svg> <h2><span>ご訪問いただいたお客様へのお知らせ</span></h2> <p> アクセスいただいたWebサービスは提供を終了いたしました。<br> 長年にわたり、多くの皆様にご利用いただきましたことを心よりお礼申し上げます。 </p> <a href="https://www.odn.ne.jp/index.html" class="top-btn">ODNトップページへ</a> </div> </main> <footer> <span>©2024 SoftBank Corp. All Rights Reserved.</span> </footer></body> </html> 
