/***************************************************************************
*
* broad CAST STYLE
*
***************************************************************************/
.areabroadcast { margin: 62px 0 61px; }
.areabroadcast .broadIntro { display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 32px; }
.areabroadcast .broadIntro .ballon { margin-top: 39px; margin-left: 59px; }
.areabroadcast .broadTable { border: 6px solid rgba(255, 255, 255, 0.2); }
.areabroadcast .broadTable .itemTable { display: flex; justify-content: space-between; margin: 0 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.areabroadcast .broadTable .itemTable:first-child { margin: 0; padding: 0; }
.areabroadcast .broadTable .itemTable:last-child { border-bottom: 0; }
.areabroadcast .broadTable .itemTable:last-child .col { padding: 30px 0 31px; }
.areabroadcast .broadTable .itemTable .nameCol { width: 50%; text-align: center; padding: 6px 0 9px 24px; background: rgba(255, 255, 255, 0.2); letter-spacing: 1.5px; }
.areabroadcast .broadTable .itemTable .nameCol:nth-child(2) { padding: 6px 24px 9px 0; }
.areabroadcast .broadTable .itemTable .col { width: 50%; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 0; }
.areabroadcast .broadTable .itemTable .col:nth-child(2n) { border-right: 0; }
.areabroadcast .broadTable .itemTable .col .btnCommon a { font-size: 22px; min-width: 360px; padding: 6px 0 3px; }
.areabroadcast .broadTable .itemTable .col .infoCol { font-size: 20px; font-weight: bold; padding-top: 2px; padding-left: 7px; }
.areabroadcast .broadTable .itemTable .col .infoCol .smallText { font-size: 14px; vertical-align: 2px; }

@media (max-width: 1097px) and (min-width: 769px) { .areabroadcast .broadIntro .broadTitle { width: 38.4vw; }
  .areabroadcast .broadIntro .ballon { width: 39.02vw; margin-top: 3.6vw; margin-left: 5.4vw; }
  .areabroadcast .broadTable .itemTable .col .btnCommon a { font-size: 2vw; min-width: 32.82vw; }
  .areabroadcast .broadTable .itemTable .col .infoCol { font-size: 1.8vw; } }
@media (max-width: 768px) { .areabroadcast { margin: 40px 0 107px; }
  .areabroadcast .broadIntro { flex-direction: column; margin-bottom: 11px; }
  .areabroadcast .broadIntro .broadTitle { margin-right: calc(-5% - 3px); text-align: right; margin-bottom: 20px; }
  .areabroadcast .broadIntro .broadTitle img { max-width: 210.5px; }
  .areabroadcast .broadIntro .ballon { width: 214px; margin: 0 auto; }
  .areabroadcast .broadTable { border-width: 3px; padding-bottom: 10px; }
  .areabroadcast .broadTable .nameCol { font-size: 12px; text-align: center; background: rgba(255, 255, 255, 0.2); padding-bottom: 1px; letter-spacing: 1.2px; margin-bottom: 15px; }
  .areabroadcast .broadTable .itemTable { flex-direction: column; padding: 10px 0 10px; margin: 0 3%; }
  .areabroadcast .broadTable .itemTable + .itemTable { padding: 15px 0 10px; }
  .areabroadcast .broadTable .itemTable:last-child .col { padding: 0; }
  .areabroadcast .broadTable .itemTable .col { width: 100%; border-right: 0; margin-bottom: 11.5px; padding: 0; }
  .areabroadcast .broadTable .itemTable .col:nth-child(2n) { margin-bottom: 0; }
  .areabroadcast .broadTable .itemTable .col .btnCommon a { min-width: 269px; font-size: 17px; padding: 7px 0 3px; }
  .areabroadcast .broadTable .itemTable .col .btnCommon a:after { top: 50%; }
  .areabroadcast .broadTable .itemTable .col .infoCol { font-size: 14px; padding: 0 0 0 25px; }
  .areabroadcast .broadTable .itemTable .col .infoCol .smallText { font-size: 11px; vertical-align: 1px; font-weight: normal; }
  .areabroadcast .broadTable .itemTable.pc { display: none; }
  .areabroadcast .broadTable .itemTable.sp { display: block; } }

/*# sourceMappingURL=broadcast.css.map */
