@charset "utf-8";:root{--vw:100px;--vh:100px}
.f100{font-size: 90px}
.f60{font-size: 58px}
.f40{font-size: 38px}
.f30{font-size: 30px}
.midashi,th,td{text-align: center; font-weight: 700}
.c-fff{color: #fff}.c-faee00 {color: #faee00}.c-0f3772{color: #0f3772}.c-c30d23{color: #c30d23}
.border {border-bottom: 20px solid #0f3772;margin: 0 auto;width: 90%}
.border-red {border-bottom: 20px solid #c30d23;margin: 0 auto;width: 90%}
.brex1 {background-image:url(../images/brex/brex-back.jpg);background-size: cover;text-align: center;padding: 100px 0}
.border-yellow{width: 90%;margin: 0 auto;border-bottom: 20px solid #faee00}
.brex1 .f60,.margin{margin: 93px auto 73px}
.blue-box {background: #fff; border: solid 5px #004190;border-radius: 50px;width: 90%;margin: 0 auto;padding: 0 5% 93px;}
.w90{width: 90%;margin: 0 auto}
.t-left{text-align: left;}
.w60{width: 58%}
.ffe200{background: #ffe200;text-align: center;padding: 50px 0 0 0;}
.try{border-right: 50vw solid transparent;border-left: 50vw solid transparent;border-top: 10vw solid #ffe200;}
.p-none{padding: 0;margin: 0}
.flex {display: flex;justify-content:space-around;place-items: center;}
.brex2 {text-align: center}
.back-0f3772{background: #0f3772}.back-faee00{border-radius: 20px;background: #faee00;padding: 5%}
.fb-50 {flex-basis: 50%}
.back-glay {background: #dcdddd;padding: 5% 2%;border-radius: 20px;}
.arial{font-family: 'Arial Black','Arial Rounded MT Bold',sans-serif;}
.w48 div{width: 48%}
th{width: 48%;padding: 12px 0; text-align: center}table{margin: 0 auto}
.glay-2 .f40 {border-bottom: 2px solid #000}
.glay-2 .description p{padding: 12px 0 0}
.w90 .description p{width: 76%;margin: 0 auto}
@media screen and (max-width: 768px){
.f100{font-size: 5.208333333333334vw}
.f60{font-size: 3.90625vw}
.f40{font-size: 3.125vw}
.f30{font-size: 3.125vw}
.w80 img {width: 80%}
.brex1 {padding:16.015625vw 0}
.brex1 .f60,.margin{margin: 4.947916666666666vw auto 6.901041666666667vw}
.blue-box {padding: 0 5% 4.947916666666666vw;width: 100%}
.border {border-bottom: 5px solid #0f3772;}
.border-yellow{border-bottom: 5px solid #faee00}
.border-red {border-bottom: 5px solid #c30d23}
.w60{width: 100%}
.w50 img{width: 30% !important}
.ffe200{padding: 20px 0 0 0;}
td{font-size: 2.34375vw;}
.fb-50 {flex-basis: 100%}
    .w90 .description p {width: 100%;}
}
@media screen and (max-width: 599px){

}
@media screen and (max-width: 460px){
}
/* 画面幅が1024px以上の時は */
@media screen and (min-width: 1024px) {
  .ps-br{
    display: block; /* PCを改行して */
  }

  .sp-br{
    display: none; /* SPの改行を隠す */
  }
}

/* 画面幅が560px以下の時は */
@media screen and (max-width: 560px) {
  .ps-br{
    display: none; /* PCの改行を隠して */
  }

  .sp-br{
    display: block; /* SPを改行する */
  }
}