@charset "UTF-8";

/* Color Tips */

.darkblue1 { background-color: #0C318D; }
.darkblue2 { background-color: #074F81; }
.blue1 { background-color: #4086FF; }
.blue2 { background-color: #248ED6; }
.darkgreen1 { background-color: #00633E; }
.green1 { background-color: #00A061; }
.pink1 { background-color: #EB7AAB; }
.brown1 { background-color: #460000; }
.red1 { background-color: #C02F3B; }
.d_gradation_header { background: linear-gradient(45deg, #99274D, #441D4A); }
.d_gradation_miniheader { background: linear-gradient(75deg, #992737, #672371); }
.d_grade_confirm { background: linear-gradient(115deg, #E67D13, #CE0101); }


@media (min-width: 600px) {

/* Layout */

.w-5p { width: 5%; }
.w-6p { width: 6%; }
.w-7p { width: 7%; }
.w-8p { width: 8%; }
.w-10p { width: 10%; }
.w-15p { width: 15%; }
.w-20p { width: 20%; }
.w-25p { width: 25%; }
.w-294p { width: 29.4%; }
.w-30p { width: 30%; }
.w-35p { width: 35%; }
.w-40p { width: 40%; }
.w-45p { width: 45%; }
.w-50p { width: 50%; }
.w-56p { width: 56%; }
.w-60p { width: 60%; }
.w-70p { width: 70%; }
.w-75p { width: 75%; }
.w-80p { width: 80%; }
.w-85p { width: 85% !important; }
.w-90p { width: 90%; }
.w-100p { width: 100%; }

.fl { float: left; display: block;}
.cap { padding: 0.6em 0 0.6em 0.7em; }

.mt-0 { margin-top: 0 !important; }
.mt-m05 { margin-top: -0.5em !important; }
.mt-1 { margin-top: 1em !important; }
.mt-2 { margin-top: 2em !important; }
.mt-3 { margin-top: 3em !important; }
.mt-m35 { margin-top: -3.5em !important; }
.mt-4 { margin-top: 4em !important; }
.mt-5 { margin-top: 5em !important; }
.mt-m5 { margin-top: -5em !important; }
.ml-1 { margin-left: 1rem !important; }
.ml-40p { margin-left: 40% !important; }
.ml-435p { margin-left: 43.5% !important; }
.ml-465p { margin-left: 46.5% !important; }
.ml-m25p { margin-left: -25px !important; }
.ml-m1 { margin-left: -1em !important; }
.ml-m2 { margin-left: -2em !important; }
.mr-1 { margin-right: 1em !important; }
.mr-2 { margin-right: 2em !important; }
.mr-3 { margin-right: 3em !important; }
.mr-5 { margin-right: 5em !important; }
.mb-ms1 { margin-bottom: -1em !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 1em !important; }
.mb-2 { margin-bottom: 2em !important; }
.mb-3 { margin-bottom: 3em !important; }
.mb-4 { margin-bottom: 4em !important; }
.mb-5 { margin-bottom: 5em !important; }

.pt-04em { padding-top: 0.4em !important; }
.pt-05em { padding-top: 0.5em !important; }
.pt-08em { padding-top: 0.8em !important; }
.pt-16em { padding-top: 1.6em !important; }
.pb-zero { padding-bottom: 0 !important; }
.pt-zero { padding-top: 0 !important; }

.bdrs-left { border-radius: 0.2em 0 0 0.2em !important; }
.bdrs-right { border-radius: 0 0.2em 0.2em 0 !important; }
.bdrs-zero { border-radius: 0 !important; }

.br { border-right: 1px solid #999; }
.b-s0 { border-right: 0 !important; border-left: 0 !important; }
.b_l0r1 { border-right: 1px solid #999 !important; border-left: 0 !important; }
.b_l1r0 { border-right: 0 !important; border-left: 1px solid #999; }

.btw { padding: 0.6em 0.6em; }

.alert-m { display: none !important; }

.sml {
  font-size: 0.8em;
  line-height: 1.1;
  padding: 0.4em 0.7em !important;
  height: calc(1.5em + .75rem + 6.2px);
}

.w56-125 { width: calc(56% - 1.2em);}
.br_pc::after { content: "\A"; white-space: pre; }
.br-sp { display: none; visibility: hidden; }

}


@media (max-width: 599px) {

  .clearfix_m::after {
    content: "";
    clear: both;
    display: block;
  }

  .w-15p-m { width: 15% !important; }
  .w-20p-m { width: 20% !important; }
  .w-25p-m { width: 25% !important; }
  .w-30p-m { width: 30% !important; }
  .w-40p-m { width: 40% !important; }
  .w-50p-m { width: 50% !important; }
  .w-70p-m { width: 70% !important; }
  .w-75p-m { width: 75% !important; }
  .w-80p-m { width: 80% !important; }
  .w-90p-m { width: 90% !important; }
  .w-100p-m { width: 100% !important; }

  .w-30p-sp { width: 30% !important; }
  .w-80p-sp { width: 80% !important; }

  .fl-m { float: left; }
  .mt-0 { margin-top: 0 !important; }
  .mt-1 { margin-top: 1em !important; }
  .mt-1-m { margin-top: 1em !important; }
  .mt-2-m { margin-top: 2em !important; }
  .mt-3-m { margin-top: 3em !important; }
  .mt-4-m { margin-top: 4em !important; }
  .mt-5-m { margin-top: 5em !important; }
  .mt-m1-m { margin-top: -1em !important; }
  .mt-m43-m { margin-top: -4.3em !important; }
  .mt-m5-m { margin-top: -5em !important; }
  .mt-m10-m { margin-top: -10em !important; }
  .mt-m13-m { margin-top: -13em !important; }
  .mt-m105-m { margin-top: -10.5em !important; }
  .mr-1 { margin-right: 1em !important; }
  /*.mr-2 { margin-right: 2em !important; }*/
  .mr-3 { margin-right: 3em !important; }
  .mr-2-sp { margin-right: 2em !important; }
  .mb-ms1 { margin-bottom: -1em !important; }
  .mb-0-m { margin-bottom: 0 !important; }
  .mb-2-m { margin-bottom: 2em !important; }
  .mb-3-m { margin-bottom: 3em !important; }
  .mb-4-m { margin-bottom: 4em !important; }
  .mb-6 { margin-bottom: 6em !important; }
  .mb-8-m { margin-bottom: 8em !important; }
  .mb-12-m { margin-bottom: 12em !important; }

  .pt-08em { padding-top: 0.8em !important; }
  .pt-16em { padding-top: 1.6em !important; }
  .pt-25em { padding-top: 2.5em !important; }
  .pb-16em { padding-bottom: 1.6em !important; }
  .pb-25em { padding-bottom: 2.5em !important; }
  .pb-zero { padding-bottom: 0 !important; }
  .pt-zero { padding-top: 0 !important; }
  .pb-zero-m { padding-bottom: 0 !important; }

  .bb-unset { border-bottom: unset !important; }
  .bb-unset-sp { border-bottom: unset !important; }
  .dn-sp { display: none !important; }
  .pore { position: relative; }
  .bdrs-left-m { border-radius: 0.2em 0 0 0.2em !important; }
  .bdrs-right-m { border-radius: 0 0.2em 0.2em 0 !important; }
  .bdrs-zero-m { border-radius: 0 !important; }
  .bd-r { border-right: 1px solid #999 !important; }
  .bdr-0-m { border-right: 0 !important;}
  .tac-m { text-align: center !important; }

  .wd90 { width: 90% !important; }
  .wd80 { width: 80% !important; }
  .br-m::after { content: "\A"; white-space: pre; }
  .dn_m { display: none; visibility: hidden; }

  .dib-m { display: inline-block !important; }
  .centering-m { margin-left: auto !important; margin-right: auto !important; }
}