:root, [data-bs-theme=light] {
  --bs-primary: #005BAC;
  --bs-primary-rgb: 0,91,172;
  --bs-primary-text-emphasis: #002445;
  --bs-primary-bg-subtle: #CCDEEE;
  --bs-primary-border-subtle: #99BDDE;
  --bs-secondary: #004970;
  --bs-secondary-rgb: 0,73,112;
  --bs-secondary-text-emphasis: #001D2D;
  --bs-secondary-bg-subtle: #CCDBE2;
  --bs-secondary-border-subtle: #99B6C6;
  --bs-success: #2C8540;
  --bs-success-rgb: 44,133,64;
  --bs-success-text-emphasis: #12351A;
  --bs-success-bg-subtle: #D5E7D9;
  --bs-success-border-subtle: #ABCEB3;
  --bs-info: #3CA9E2;
  --bs-info-rgb: 60,169,226;
  --bs-info-text-emphasis: #18445A;
  --bs-info-bg-subtle: #D8EEF9;
  --bs-info-border-subtle: #B1DDF3;
  --bs-warning: #F0AD4E;
  --bs-warning-rgb: 240,173,78;
  --bs-warning-text-emphasis: #60451F;
  --bs-warning-bg-subtle: #FCEFDC;
  --bs-warning-border-subtle: #F9DEB8;
  --bs-danger: #D9534F;
  --bs-danger-rgb: 217,83,79;
  --bs-danger-text-emphasis: #572120;
  --bs-danger-bg-subtle: #F7DDDC;
  --bs-danger-border-subtle: #F0BAB9;
  --bs-body-color: #333333;
  --bs-body-color-rgb: 51,51,51;
  --bs-secondary-color: #6C757D;
  --bs-secondary-color-rgb: 108,117,125;
  --bs-tertiary-color: #A0A4A8;
  --bs-tertiary-color-rgb: 160,164,168;
  --bs-body-bg: #FFFFFF;
  --bs-body-bg-rgb: 255,255,255;
  --bs-secondary-bg: #F8F9FA;
  --bs-secondary-bg-rgb: 248,249,250;
  --bs-tertiary-bg: #E9ECEF;
  --bs-tertiary-bg-rgb: 233,236,239;
  --bs-body-font-family: 'Noto Sans JP', sans-serif;
  --bs-body-line-height: 1.6;
  --bs-link-color: #005BAC;
  --bs-link-color-rgb: 0,91,172;
  --bs-link-hover-color: #003F7D;
  --bs-link-hover-color-rgb: 0,63,125;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #005BAC;
  --bs-btn-border-color: #005BAC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004D92;
  --bs-btn-hover-border-color: #00498A;
  --bs-btn-focus-shadow-rgb: 217,230,243;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #00498A;
  --bs-btn-active-border-color: #004481;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #005BAC;
  --bs-btn-disabled-border-color: #005BAC;
}

.btn-outline-primary {
  --bs-btn-color: #005BAC;
  --bs-btn-border-color: #005BAC;
  --bs-btn-focus-shadow-rgb: 0,91,172;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #005BAC;
  --bs-btn-hover-border-color: #005BAC;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #005BAC;
  --bs-btn-active-border-color: #005BAC;
  --bs-btn-disabled-color: #005BAC;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #005BAC;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #004970;
  --bs-btn-border-color: #004970;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #003E5F;
  --bs-btn-hover-border-color: #003A5A;
  --bs-btn-focus-shadow-rgb: 217,228,234;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #003A5A;
  --bs-btn-active-border-color: #003754;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #004970;
  --bs-btn-disabled-border-color: #004970;
}

.btn-outline-secondary {
  --bs-btn-color: #004970;
  --bs-btn-border-color: #004970;
  --bs-btn-focus-shadow-rgb: 0,73,112;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #004970;
  --bs-btn-hover-border-color: #004970;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004970;
  --bs-btn-active-border-color: #004970;
  --bs-btn-disabled-color: #004970;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #004970;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2C8540;
  --bs-btn-border-color: #2C8540;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #257136;
  --bs-btn-hover-border-color: #236A33;
  --bs-btn-focus-shadow-rgb: 223,237,226;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #236A33;
  --bs-btn-active-border-color: #216430;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2C8540;
  --bs-btn-disabled-border-color: #2C8540;
}

.btn-outline-success {
  --bs-btn-color: #2C8540;
  --bs-btn-border-color: #2C8540;
  --bs-btn-focus-shadow-rgb: 44,133,64;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2C8540;
  --bs-btn-hover-border-color: #2C8540;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2C8540;
  --bs-btn-active-border-color: #2C8540;
  --bs-btn-disabled-color: #2C8540;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2C8540;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #3CA9E2;
  --bs-btn-border-color: #3CA9E2;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #59B6E6;
  --bs-btn-hover-border-color: #50B2E5;
  --bs-btn-focus-shadow-rgb: 9,25,34;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #63BAE8;
  --bs-btn-active-border-color: #50B2E5;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #3CA9E2;
  --bs-btn-disabled-border-color: #3CA9E2;
}

.btn-outline-info {
  --bs-btn-color: #3CA9E2;
  --bs-btn-border-color: #3CA9E2;
  --bs-btn-focus-shadow-rgb: 60,169,226;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #3CA9E2;
  --bs-btn-hover-border-color: #3CA9E2;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #3CA9E2;
  --bs-btn-active-border-color: #3CA9E2;
  --bs-btn-disabled-color: #3CA9E2;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3CA9E2;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #F0AD4E;
  --bs-btn-border-color: #F0AD4E;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F2B969;
  --bs-btn-hover-border-color: #F2B560;
  --bs-btn-focus-shadow-rgb: 36,26,12;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F3BD71;
  --bs-btn-active-border-color: #F2B560;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #F0AD4E;
  --bs-btn-disabled-border-color: #F0AD4E;
}

.btn-outline-warning {
  --bs-btn-color: #F0AD4E;
  --bs-btn-border-color: #F0AD4E;
  --bs-btn-focus-shadow-rgb: 240,173,78;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #F0AD4E;
  --bs-btn-hover-border-color: #F0AD4E;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #F0AD4E;
  --bs-btn-active-border-color: #F0AD4E;
  --bs-btn-disabled-color: #F0AD4E;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F0AD4E;
}

.btn-danger {
  --bs-btn-color: #000000;
  --bs-btn-bg: #D9534F;
  --bs-btn-border-color: #D9534F;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #DF6D69;
  --bs-btn-hover-border-color: #DD6461;
  --bs-btn-focus-shadow-rgb: 33,12,12;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #E17572;
  --bs-btn-active-border-color: #DD6461;
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #D9534F;
  --bs-btn-disabled-border-color: #D9534F;
}

.btn-outline-danger {
  --bs-btn-color: #D9534F;
  --bs-btn-border-color: #D9534F;
  --bs-btn-focus-shadow-rgb: 217,83,79;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #D9534F;
  --bs-btn-hover-border-color: #D9534F;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #D9534F;
  --bs-btn-active-border-color: #D9534F;
  --bs-btn-disabled-color: #D9534F;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #D9534F;
}

.p-4 {
  padding: 1.5rem!important;
}

.px-4 {
  padding-right: 1.5rem!important;
  padding-left: 1.5rem!important;
}

.py-2 {
  padding-top: .5rem!important;
  padding-bottom: .5rem!important;
}

.py-4 {
  padding-top: 1.5rem!important;
  padding-bottom: 1.5rem!important;
}

.pb-2 {
  padding-bottom: .5rem!important;
}

.pb-3 {
  padding-bottom: 1rem!important;
}

@media (min-width:768px) {
  .p-md-5 {
    padding: 3rem!important;
  }
}

@media (min-width:768px) {
  .py-md-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
  }
}

@media (min-width:768px) {
  .py-md-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
}

@media (min-width:992px) {
  .py-lg-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
}

@media (min-width:992px) {
  .pb-lg-1 {
    padding-bottom: .25rem!important;
  }
}

@media (min-width:1200px) {
  .p-xl-5 {
    padding: 3rem!important;
  }
}

@media (min-width:1200px) {
  .py-xl-4 {
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
  }
}

@media (min-width:1200px) {
  .py-xl-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
  }
}

@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}