<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%;
        }
        #pro_profile,
        #pro_link {
            background-color: #e1e7ef;
            margin-right: calc(50% - 50vw);
            margin-left: calc(50% - 50vw);
            padding-right: calc(50vw - 50%);
            padding-left: calc(50vw - 50%);
        }
        h2,
        #event_pro p {
            text-align: center;
        }
        h2 {
          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;
        }
        /*選手の写真CSSここから*/
        #pro_profile p:nth-child(even) {
            position: relative;
            top: -15px;
        }
        /*選手の写真CSSここまで*/



        /*選手の所属・スポンサー・成績・結果のCSSここから*/
        .pro_affiliation,
        .pro_sponsor,
        .pro_result,
        #pro_sns p,
        .pro_snslink {
            text-align: center;
        }
        /*選手の所属・スポンサー・成績・結果のCSSここまで*/




        /*共通CSSここまで*/




        /*PC向けのスタイルここから*/
        @media screen and (min-width: 769px) {

            main {
                max-width: 1100px;
                margin: 0 auto;
            }
            h1 {
                font-size: 2rem;
            }
            h1,
            h1:after {
                padding-bottom: 10px;
                margin-bottom: 10px;
            }
            h2 {
                text-align: center;
                display: block;
                margin-bottom: 2rem;
            }
            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ここまで*/

        /*選手の写真と名前のCSSここから*/
        .pro_name {
            display: flex;
            justify-content: center;
            padding: 25px 150px 25px 0;
        }
        #pro_profile img {
            width: 250px;
            padding: 0 6rem 0 0;
        }
        #pro_profile p:first-child {
            padding: 20px 0 0 0;
            font-weight: bold;
            font-size: 27px;
        }
        #pro_table {
            padding-bottom: 25px;
        }

        /*選手の写真と名前のCSSここまで*/

        /*テーブルCSSここから*/
        .table_designPC {
          border-collapse: collapse;
          width: 100%;
          max-width: 700px;
          margin: auto;
        }
        .table_designPC th, .table_designPC td {
          border: 1px solid #CCC;
          background-color: white;
          padding: 1em;
        }
        .table_designPC th {
          background-color: #e1e7ef;
          color: black;
          font-weight: bold;
          text-align: center;
          width: 20%;
          min-width: 4em;
        }
        .table_designSP {
            display: none;
        }
        /*テーブルCSSここまで*/

        /*選手の所属・スポンサー・成績・結果のCSSここから*/
        #pro_link {
            padding: 10px 0 30px 0;
        }
        .pro_sponsor,
        .pro_result {
            padding-top: 15px;
        }
        /*選手の所属・スポンサー・成績・結果のCSSここまで*/

        }

        /*外部リンクのCSSここから*/
        a[target="_blank"][rel="nofollow"] {
            padding-right: 15px;
            background: url(../images/link.png) right center/13px auto no-repeat;
        }
        /*外部リンクのCSSここまで*/

        /*PC向けのスタイルここまで*/



        /* SP向けのスタイル*/
        @media screen and (max-width: 768px) {
            main {
                margin: 0 25px;
            }
            h1 {
                margin: 10px 0 0 0;
            }
            h1,
            h1:after {
                padding-bottom: 3px;
            }
            h2 {
                font-size: 1rem;
                display: block;
                margin: 10px 0 25px 0;
            }
            h2:before {
                bottom: -8px;
            }
            #management_top 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ここまで*/

        /*選手の写真と名前のCSSここから*/
        #pro_profile img {
            width: 150px;
        }
        /*選手の写真と名前のCSSここまで*/

        /*選手のテーブルCSSここから*/
        .table_designPC {
            display: none;
        }
        /*選手のテーブルCSSここまで*/

        /*選手の写真のCSSここから*/
        .pro_name {
            text-align: center;
            padding: 15px 0 0 0;
        }
        #pro_profile p:first-child {
            font-weight: bold;
            font-size: 20px;
        }
        /*選手の写真のCSSここまで*/

        /*テーブルのCSSここまで*/
        .table_designSP {
            text-align: center;
            margin: auto;
            width: 300px;
          }
          .table_designSP thead {
            display:none;
          }
          .table_designSP th,
          .table_designSP td {
            display: block;
            border: 0;
          }
          .table_designSP td {
            padding: 5px 0 10px 0;
          }
          .table_designSP tbody th {
            background: #e1e7ef;
          }
          .table_designSP td::before {
            color: #4d9bc1;
            font-weight: bold;
            display: inline-block;
            width: 20%;
            min-width: 4em;
          }
        /*テーブルのCSSここまで*/

        /*選手の所属・スポンサー・成績・結果のCSSここから*/
        #pro_link {
            padding: 8px 25px 18px 25px;
        }
        .pro_sponsor a:not(:last-child) {
            padding-bottom: 5px;
        }
        /*選手の所属・スポンサー・成績・結果のCSSここまで*/

        /*外部リンクのCSSここから*/
        a[target="_blank"][rel="nofollow"] {
            padding-right: 15px;
            background: url(../images/link.png) right center/13px auto no-repeat;
        }
        /*外部リンクのCSSここまで*/

        }

        /* SP向けのスタイルここまで*/






    </style>