        /* ========== Reset & Basic Settings ========== */
        :root {
          --color-primary: #ffc300;
          --color-text-dark: #000000;
          --color-text-light: #ffffff;
          --color-bg-green-dark: #325b39;
          --color-bg-green-light: #2e5e36;
          --color-bg-brown: #654e2d;
          --border-color-gold: #b78600;
        }

        * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
        }

        @font-face {
          font-family: 'CorporateLogoVer2-b';
          font-weight: 700;
          src: url(https://tobideru.mb.softbank.jp/service/assets/font/Corporate-Logo-Bold-ver2.woff) format("woff");
        }

        @font-face {
          font-family: 'CorporateLogoVer2-m';
          font-weight: 500;
          src: url(https://tobideru.mb.softbank.jp/service/assets/font/Corporate-Logo-Medium-ver2.woff) format("woff")
        }

        @font-face {
          font-family: 'CorporateLogoVer3-b';
          font-weight: 700;
          src: url(https://tobideru.mb.softbank.jp/service/assets/font/Corporate-Logo-Bold-ver2.woff) format("woff");
        }

        @font-face {
          font-family: 'CorporateLogoVer3-m';
          font-weight: 500;
          src: url(https://tobideru.mb.softbank.jp/service/assets/font/Corporate-Logo-Medium-ver2.woff) format("woff")
        }

        body {
          font-family: "CorporateLogoVer2-m", sans-serif;
          font-weight: 400;
          background-color: var(--color-text-light);
          color: var(--color-text-dark);
          overflow-x: hidden;
        }

        img {
          max-width: 100%;
          height: auto;
          vertical-align: middle;
        }

        a {
          text-decoration: none;
          color: inherit;
        }

        .container {
          width: 100%;
          margin-left: auto;
          margin-right: auto;
          padding: 0 20px;
        }

        .text-left {
          text-align: left !important;
        }

        .text-center {
          text-align: center !important;
        }

        .text-right {
          text-align: right !important;
        }

        .mt-0 {
          margin-top: 0px !important;
        }

        .mt-5 {
          margin-top: 5px !important;
        }

        .mt-10 {
          margin-top: 10px !important;
        }

        .mt-15 {
          margin-top: 15px !important;
        }

        .mt-20 {
          margin-top: 20px !important;
        }

        .mt-25 {
          margin-top: 25px !important;
        }

        .mt-30 {
          margin-top: 30px !important;
        }

        .mt-35 {
          margin-top: 35px !important;
        }

        .mt-40 {
          margin-top: 40px !important;
        }

        .mt-45 {
          margin-top: 45px !important;
        }

        .mt-50 {
          margin-top: 50px !important;
        }

        .mb-0 {
          margin-bottom: 0px !important;
        }

        .mb-5 {
          margin-bottom: 5px !important;
        }

        .mb-10 {
          margin-bottom: 10px !important;
        }

        .mb-15 {
          margin-bottom: 15px !important;
        }

        .mb-20 {
          margin-bottom: 20px !important;
        }

        .mb-25 {
          margin-bottom: 25px !important;
        }

        .mb-30 {
          margin-bottom: 30px !important;
        }

        .mb-35 {
          margin-bottom: 35px !important;
        }

        .mb-40 {
          margin-bottom: 40px !important;
        }

        .mb-45 {
          margin-bottom: 45px !important;
        }

        .mb-50 {
          margin-bottom: 50px !important;
        }

        .ml-0 {
          margin-left: 0px !important;
        }

        .ml-5 {
          margin-left: 5px !important;
        }

        .ml-10 {
          margin-left: 10px !important;
        }

        .ml-15 {
          margin-left: 15px !important;
        }

        .ml-20 {
          margin-left: 20px !important;
        }

        .ml-25 {
          margin-left: 25px !important;
        }

        .ml-30 {
          margin-left: 30px !important;
        }

        .ml-35 {
          margin-left: 35px !important;
        }

        .ml-40 {
          margin-left: 40px !important;
        }

        .ml-45 {
          margin-left: 45px !important;
        }

        .ml-50 {
          margin-left: 50px !important;
        }

        .mr-0 {
          margin-right: 0px !important;
        }

        .mr-5 {
          margin-right: 5px !important;
        }

        .mr-10 {
          margin-right: 10px !important;
        }

        .mr-15 {
          margin-right: 15px !important;
        }

        .mr-20 {
          margin-right: 20px !important;
        }

        .mr-25 {
          margin-right: 25px !important;
        }

        .mr-30 {
          margin-right: 30px !important;
        }

        .mr-35 {
          margin-right: 35px !important;
        }

        .mr-40 {
          margin-right: 40px !important;
        }

        .mr-45 {
          margin-right: 45px !important;
        }

        .mr-50 {
          margin-right: 50px !important;
        }

        /* ========== BEM (Block, Element, Modifier) CSS ========== */
        /* --- Responsive Design --- */
        @media (min-width: 768px) {}