.uq-MIHeadPanel {
  position: relative;
  padding: 45px 0; }
  @media only screen and (max-width: 768px) {
    .uq-MIHeadPanel {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
          align-items: flex-end;
      padding: 20px 0 0; } }
  @media only screen and (min-width: 769px) {
    .uq-MIHeadPanel__sub {
      position: absolute;
      bottom: 0;
      right: 30px; } }
  @media only screen and (max-width: 768px) {
    .uq-MIHeadPanel__sub {
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
      max-width: 90px;
      margin-left: 10px; } }
  .uq-MIHeadPanel__text {
    margin: 10px 0; }

.uq-MGStepPanel {
  display: -ms-flexbox;
  display: flex; }
  .uq-MGStepPanel__main {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    max-width: 100%; }
  .uq-MGStepPanel__sub {
    -ms-flex: 0 0 170px;
        flex: 0 0 170px;
    max-width: 170px;
    margin-right: 20px; }
    @media only screen and (max-width: 768px) {
      .uq-MGStepPanel__sub {
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
        max-width: 110px;
        margin-right: 10px; } }

@media only screen and (max-width: 768px) {
  .uq-MagazineHead {
    padding-bottom: 0; } }

.uq-MagazineHead__item {
  position: relative; }
  @media only screen and (min-width: 769px) {
    .uq-MagazineHead__item__sub {
      position: absolute;
      right: 40px;
      bottom: -77px; } }
  @media only screen and (max-width: 768px) {
    .uq-MagazineHead__item__sub {
      margin-top: 10px;
      margin-bottom: -30px; } }