<style>
        body {
            margin: 0;
            padding: 0;
            background-color: #fff;
        }


        



        /*共通CSSここから*/

        a[target="_blank"],
        a {
            text-decoration: none;
            color: #0033cc;
        }
        h1 {
            border-bottom: solid 3px #202f41;
            position: relative;
        }
        h1:after {
            position: absolute;
            content: '';
            display: block;
            border-bottom: solid 3px #a9ceff;
            width: 20%;
        }
        h2 {
          text-align: center;
          position: relative;
          display: inline-block;
          margin-bottom: 1em;
        }
        h2:before {
          content: '';
          position: absolute;
          bottom: -15px;
          display: inline-block;
          width: 60px;
          height: 2px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          background-color: black;
          border-radius: 2px;
        }
        h3 {
            border-bottom: solid 1px #202f41;
            position: relative;
        }
        .bold {
            font-weight: bold;
            color: #202f41;
        }
        .day {
            font-size: 12px;
            text-align: right;
        }

        /* 丸いノード */
        .list_dot_blue::marker {
          color: #202f41;
          font-size: 250%;
        }
        .list_dot_gray::marker {
          color: #d3d3d3;
          font-size: 250%;
        }


        /*共通CSSここまで*/







        /*PC向けのスタイルここから*/
        @media screen and (min-width: 769px) {

            main {
                max-width: 1100px;
                margin: 0 auto;
            }
            h1 {
                font-size: 2rem;
            }
            h1,
            h1:after {
                margin-bottom: auto;
            }
            h2 {
                text-align: center;
                display: block;
                margin: 30px 0 43px 0;
            }
            h2:before {
                bottom: -15px;
            }

        /*パンくずCSSここから*/
        .breadcrumb {
          margin: 0;
          padding: 10px 0;
          list-style: none;
        }

        .breadcrumb li {
          display: inline;
          list-style: none;
          font-weight: bold;
        }

        .breadcrumb li:after {
          content: '>';
          padding: 0 0.2em;
          color: #555;
        }

        .breadcrumb li:last-child:after {
          content: '';
        }

        .breadcrumb li a {
          text-decoration: none;
          color: black;
          margin: 3px;
        }

        .breadcrumb li a:hover {
          text-decoration: underline;
        }
        /*パンくずCSSここまで*/


        /* 基本スタイルのリセット */
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        body {
          line-height: 1.6;
          color: #333;
          background-color: #f9f9f9;
        }

        /* コンテナスタイル */
        .timeline-container {
          max-width: 800px;
          margin: 40px auto;
          padding: 0 20px;
        }
        /* タイムラインの基本スタイル */
        .timeline {
          position: relative;
          list-style: none;
          padding: 0;
        }

        /* 縦線 */
        .timeline::before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 20px;
          width: 4px;
          background: #e0e0e0;
          z-index: 1;
        }

        /* タイムラインアイテム */
        .timeline-item {
          position: relative;
          margin-bottom: 50px;
          padding-left: 60px;
        }

        /* 最後のアイテムの下マージンを消す */
        .timeline-item:last-child {
          margin-bottom: 0;
        }

        /* 丸いノード */
        .timeline-item::before {
          content: '';
          position: absolute;
          top: 0;
          left: 8px; 
          width: 28px; 
          height: 28px; 
          border-radius: 50%;
          background: #3498db;
          border: 4px solid #fff;
          z-index: 2;
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* 日付スタイル */
        .timeline-date {
          position: relative;
          margin-bottom: 10px;
          font-weight: bold;
          color: #2c3e50;
          top: -29px;
        }
        .timeline-date_gray {
          position: relative;
          margin-bottom: 10px;
          font-weight: bold;
          color: #2c3e50;
          top: -13px;
        }

        /* コンテンツボックス */
        .timeline-content,
        .timeline-content_grid {
          position: relative;
          padding: 0 20px 20px 20px;
        }

        /* コンテンツボックスの矢印 */
        .timeline-content::before,
        .timeline-content_grid::before {
          content: '';
          position: absolute;
          top: 15px;
          left: -10px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #fff;
          z-index: 3;
        }

        /* コンテンツ内の見出し */
        .timeline-content h3,
        .timeline-content_grid h3 {
          margin-top: 0;
          margin-bottom: 10px;
          color: #3498db;
        }

        /* コンテンツ内の段落 */
        .timeline-content p,
        .timeline-content_grid p {
          margin-bottom: 15px;
        }

        /* コンテンツ内の最後の要素のマージンを消す */
        .timeline-content *:last-child,
        .timeline-content_grid *:last-child {
          margin-bottom: 0;
        }

        /* コンテンツ内の画像 */
        .timeline-content img,
        .timeline-content_grid img {
          max-width: 100%;
          border-radius: 4px;
          margin: 10px 0;
        }

        /* モダンでミニマルなタイムライン */
        .timeline-modern::before {
          width: 2px; /* より細い線 */
          background: #ddd;
        }

        .timeline-modern .timeline-item::before {
          width: 10px; /* より小さなノード */
          height: 10px;
          background: #202f41;
          border: 2px solid #202f41;
          left: 14px;
        }

        .timeline-modern .timeline-item_gray::before {
          width: 10px; /* より小さなノード */
          height: 10px;
          background: #d3d3d3!important;
          border: 2px solid #d3d3d3!important;
          left: 14px;
        }

        .timeline-modern .timeline-content .timeline-content_grid {
          background: none; /* 背景なし */
          box-shadow: none;
          padding-left: 15px;
          border-radius: 0;
        }

        .timeline-modern .timeline-content::before,
        .timeline-modern .timeline-content_grid::before {
          display: none; /* 矢印なし */
        }
        .timeline-content_grid {
          display: grid;
          grid-template-columns: 400px 1fr 1fr;
          position: relative;
        }
        .timeline_poster p {
          position: absolute;
          bottom: 23px;
          right: -10rem;
          font-size: 12px;
        }
        .number {
          font-family: "din-2014", sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 45px;
        }
        .year {
          font-family: "kozuka-gothic-pr6n", sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 25px;
        }
        .number_gray {
          font-family: "din-2014", sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 25px;
          vertical-align: 2px;
        }
        .year_gray {
          font-family: "kozuka-gothic-pr6n", sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 20px;
          vertical-align: 1px;
        }
        .bold {
          font-size: 16px;
        }
        .timeline_sp {
          display: none;
        }
        /*1番上のCSS*/
        .list_dot span {
          vertical-align: 5px;
        }
        .list_dot ul {
          display: flex;
        }
        .list_dot div:first-child {
          padding: 0 70px 0 0;
        }
        .list_dot {
          position: relative;
          left: 30px;
        }
        .timeline-item-last::before {
          top: 10px;
          margin-bottom: 30px;
        }
        }
        /*PC向けのスタイルここまで*/



        /* SP向けのスタイル*/
        @media screen and (max-width: 768px) {
            main {
                margin: 0 25px;
                overflow: hidden;
            }
            h1 {
                margin: 10px 0 0 0;
            }
            h2 {
                font-size: 1rem;
                display: block;
                margin: 20px 0 30px 0;
            }
            h2:before {
                bottom: -8px;
            }
            #management_top img {
                width: 100%;
            }
            .tournament_box img {
                width: 100%;
            }
        /*パンくずCSSここから*/
        .breadcrumb {
          margin: 0;
          padding: 5px 0;
          list-style: none;
        }

        .breadcrumb li {
          display: inline;
          list-style: none;
          font-size: 0.6rem;
        }

        .breadcrumb li:after {
          content: '>';
          padding: 0 0.2em;
          color: #555;
        }

        .breadcrumb li:last-child:after {
          content: '';
        }

        .breadcrumb li a {
          text-decoration: none;
          color: black;
          margin: 3px;
        }

        .breadcrumb li a:hover {
          text-decoration: underline;
        }
        /*パンくずCSSここまで*/

        /* 基本スタイルのリセット */
        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        body {
          line-height: 1.6;
          color: #333;
          background-color: #f9f9f9;
        }

        /* コンテナスタイル */
        .timeline-container {
          max-width: 800px;
          margin: auto;
        }
        /* タイムラインの基本スタイル */
        .timeline {
          position: relative;
          list-style: none;
          padding: 0;
          top: -30px;
        }

        /* 縦線 */
        .timeline::before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          left: 20px;
          width: 4px;
          background: #e0e0e0;
          z-index: 1;
        }

        /* タイムラインアイテム */
        .timeline-item {
          position: relative;
          margin-bottom: 50px;
          padding-left: 60px;
        }

        /* 最後のアイテムの下マージンを消す */
        .timeline-item:last-child {
          margin-bottom: 0;
        }

        /* 丸いノード */
        .timeline-item::before {
          content: '';
          position: absolute;
          top: 0;
          left: 8px; 
          width: 28px; 
          height: 28px; 
          border-radius: 50%;
          background: #3498db;
          border: 4px solid #fff;
          z-index: 2;
          box-shadow: 0 2px 5px rgba(0,0,0,0.1);
        }

        /* 日付スタイル */
        .timeline-date {
          position: relative;
          margin-bottom: 10px;
          font-weight: bold;
          color: #2c3e50;
          top: -16px;
          left: -15px;
        }
        .timeline-date_gray {
          position: relative;
          margin-bottom: 10px;
          font-weight: bold;
          color: #2c3e50;
          top: -8px;
          left: -15px;
        }

        /* コンテンツボックス */
        .timeline-content {
          position: relative;
          padding: 0 20px 0 0;
        }

        /* コンテンツボックスの矢印 */
        .timeline-content::before {
          content: '';
          position: absolute;
          top: 15px;
          left: -10px;
          width: 0;
          height: 0;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
          border-right: 10px solid #fff;
          z-index: 3;
        }

        /* コンテンツ内の見出し */
        .timeline-content h3 {
          margin-top: 0;
          margin-bottom: 10px;
          color: #3498db;
        }

        /* コンテンツ内の段落 */
        .timeline-content p {
          margin-bottom: 15px;
        }

        /* コンテンツ内の最後の要素のマージンを消す */
        .timeline-content *:last-child {
          margin-bottom: 0;
        }

        /* コンテンツ内の画像 */
        .timeline-content img {
          max-width: 100%;
          border-radius: 4px;
          margin: 10px 0;
        }

        /* モダンでミニマルなタイムライン */
        .timeline-modern::before {
          width: 2px; /* より細い線 */
          background: #ddd;
          top: -40px;
        }

        .timeline-modern .timeline-item::before {
          width: 10px; /* より小さなノード */
          height: 10px;
          background: #202f41;
          border: 2px solid #202f41;
          left: 14px;
        }

        .timeline-modern .timeline-item_gray::before {
          width: 10px; /* より小さなノード */
          height: 10px;
          background: #d3d3d3!important;
          border: 2px solid #d3d3d3!important;
          left: 14px;
        }

        .timeline-modern .timeline-content .timeline-content_grid {
          background: none; /* 背景なし */
          box-shadow: none;
          padding-left: 15px;
          border-radius: 0;
        }

        .timeline-modern .timeline-content::before {
          display: none; /* 矢印なし */
        }

        .timeline_poster p {
          position: absolute;
          bottom: 23px;
          right: -10rem;
          font-size: 12px;
        }
        .number {
          font-family: "din-2014", sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 30px;
        }
        .year {
          font-family: "kozuka-gothic-pr6n", sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 20px;
          vertical-align: 1px;
        }
        .number_gray {
          font-family: "din-2014", sans-serif;
          font-weight: 600;
          font-style: normal;
          font-size: 20px;
        }
        .year_gray {
          font-family: "kozuka-gothic-pr6n", sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 15px;
          vertical-align: 0.5px;
        }
        .timeline_pc {
          display: none;
        }

        /*1番上のCSS*/
        .list_dot span {
          vertical-align: 5px;
        }
        .list_dot ul {
          display: flex;
        }
        .list_dot div:first-child {
          padding: 0 50px 0 0;
        }
        .list_dot {
          position: relative;
          left: 30px;
        }
        .timeline-item-last::before {
          top: -50px;
          margin-bottom: 40px;
        }

        /*1番上のCSS*/
        .timeline-item-first::before {
          top: -40px;
        }
        }

        /* SP向けのスタイルここまで*/






    </style>