@charset "UTF-8";
.about .page_top {
  overflow: hidden;
}
.about .page_view {
  width: 70.8333333333vw;
  margin: 0 auto;
  padding-top: 6.25vw;
  padding-bottom: 10.4166666667vw; /* margin-bottom:vw(200);*/
}
.about .page_view.greetings {
  padding-top: 0;
  padding-bottom: 0;
}
.about .page_view.history {
  padding-top: 5.2083333333vw;
}
.about br.pc {
  display: block !important;
}
.about br.mo {
  display: none;
}
.about .img-box .mo {
  display: none;
}

.vision {
  /* .comm-item_vertical{margin-top:0;
      .text-box{width:100%;margin:vw(110) auto 0;text-align:center;}
  }
  .comm-item_horizontal{gap:vw(90);margin-top:vw(220);}
  .text-box{width:vw(590);
      h3{font-size:vw(48);line-height:1.04;color:#000;}
      > strong{display:block;margin-top:vw(25);font-size:vw(28);line-height:1.43;color:#636363;}
      > p{margin-top:vw(30);font-size:vw(18);line-height:1.67;color:#636363;}
      ul{margin-top:vw(50);}
      li{padding:vw(25) 0;
          &:last-child{border-bottom:none;}
          strong{display:flex;align-items:center;font-size:vw(20);font-weight:600;color:#000;
              &::before{content:'';display:block;margin-right:vw(16);width:vw(22);height:vw(24);background:url(../img/icon_check.png) no-repeat center / 100% auto}
          }
          p{margin-top:vw(5);margin-left:vw(37);font-size:vw(18);color:#636363;}
      }
  } */
}
.vision > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.vision > div + div {
  margin-top: 17.1875vw;
}
.vision .title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 18.75vw;
  font-size: 1.6666666667vw;
  font-weight: 300;
  letter-spacing: 3.2px;
  color: #00307b;
}
.vision .contents h3 {
  font-size: 2.9166666667vw;
  line-height: 1.07;
  color: #000;
}
.vision .contents > strong {
  display: block;
  margin-top: 2.34375vw;
  font-size: 1.8229166667vw;
  font-weight: 600;
  line-height: 1.56;
  color: #636363;
}
.vision .text-box {
  margin-top: 2.34375vw;
}
.vision .text-box + :has(.each) {
  margin-top: 5.2083333333vw;
}
.vision .text-box p {
  font-size: 1.6666666667vw;
  line-height: 1.78;
  color: #636363;
}
.vision .item-vision p + p {
  margin-top: 2.0833333333vw;
}
.vision .each {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2.8645833333vw 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.vision .each + .each {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.vision .each > strong {
  display: block;
  width: 16.6666666667vw;
  font-size: 1.6666666667vw;
  color: #000;
}
.vision .each p {
  line-height: 1.56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  font-size: 0.9375vw;
}
.vision .each p::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  width: 0.3125vw;
  height: 0.3125vw;
  margin-top: 0.5208333333vw;
  margin-right: 0.6770833333vw;
  background-color: #636363;
  border-radius: 100%;
}

.history {
  position: relative;
  /* &.fix{
      .comm-tab{position:fixed;left:0;top:vw(60);z-index:1;padding:vw(30) 0 vw(30) vw(277);box-shadow:0 0 vw(10) 0 #7070704d;}
      .history-conts{margin-top:vw(290);}
  } */
}
.history .comm-tab {
  width: 100%;
  padding: 1.5625vw 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
}
.history .tab-conts {
  margin-top: 4.6875vw;
}
.history .tab-conts > li { /* height:vw(580);*/
  overflow: hidden;
  /* &:last-child{
      .comm-item_line{height:vw(370);}
  } */
}
.history .tab-conts > li + li {
  margin-top: 8.3333333333vw;
}
.history .img-box img {
  height: 31.25vw;
}
.history .text-box {
  width: 31.25vw;
}
.history .text-box .title em {
  display: block;
  font-size: 1.25vw;
  font-weight: bold;
  color: #00307b;
}
.history .text-box .title strong {
  display: block;
  margin-top: 0.2604166667vw;
  font-size: 2.0833333333vw;
  line-height: 1.18;
  color: #000;
}
.history .text-box > ol {
  margin-top: 1.5625vw;
}
.history .text-box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.1458333333vw 0;
}
.history .text-box li .year {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 3.2291666667vw;
  font-size: 1.25vw;
  line-height: 1.28;
  color: #000;
}
.history .text-box li .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.history .text-box li em {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 5.2083333333vw;
  font-size: 0.9375vw;
  text-align: center;
  color: #000;
  line-height: 1.67;
}
.history .text-box li p {
  font-size: 0.9375vw;
  line-height: 1.67;
  color: #636363;
}
.history .text-box li ol {
  width: 100%;
}
.history .text-box li ol li {
  padding: 0.2604166667vw 0;
}
.history .text-box li ol li:first-child {
  padding: 0 0 0.2604166667vw 0;
}

.greetings {
  width: 100%;
  height: 60.4166666667vw;
  background: url(../img/bg_greetings.png) no-repeat center;
}
.greetings .contents {
  padding-top: 6.25vw;
}
.greetings h3 {
  font-size: 2.0833333333vw;
  line-height: 1.4;
  color: #000;
}
.greetings .text-box {
  margin-top: 2.34375vw;
}
.greetings p {
  font-size: 0.9375vw;
  line-height: 1.67;
  color: #636363;
}
.greetings p + p {
  margin-top: 1.8229166667vw;
}

.introduction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.introduction.fix h3 {
  position: fixed;
  top: 9.1145833333vw;
}
.introduction.fix .group_company-wrap {
  margin-left: 14.5833333333vw;
}
.introduction.end h3 {
  position: absolute;
  bottom: 10.4166666667vw;
}
.introduction.end .group_company-wrap {
  margin-left: 14.5833333333vw;
}
.introduction h3 {
  font-size: 0;
  text-indent: 99999em;
  overflow: hidden;
  line-height: 0;
  width: 9.0625vw;
  height: 11.5625vw;
  background: url(../img/logo_b03.png) no-repeat center/100% auto;
}
.introduction h4 {
  font-size: 1.6666666667vw;
  color: #000;
}
.introduction .group_company-wrap {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 56.25vw;
}
.introduction .comm-item_box + .comm-item_box {
  margin-top: 6.25vw;
}
.introduction .comm-item_box ul {
  margin-top: 1.5625vw;
}
.introduction .comm-item_box li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.5625vw 0 3.125vw;
  border: solid 1px #e1e1e1;
}
.introduction .comm-item_box li + li {
  margin-top: 1.0416666667vw;
}
.introduction .text-box {
  width: 21.875vw;
  border: none;
  margin-left: 3.6458333333vw;
}
.introduction .img-box {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 14.375vw;
  height: 9.2708333333vw;
  background: none;
}
.introduction .img-box img {
  height: 100%;
}
.introduction .img-box.mo {
  display: none;
}
.introduction .comm_btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}
.introduction .comm_btn span.arrw a {
  height: 2.0833333333vw;
  padding: 0 1.0416666667vw;
  font-size: 0.7291666667vw;
}

.businesssite .service_center-wrap {
  margin-top: 3.6458333333vw;
}
.businesssite .service_center-wrap li:first-child {
  border-top: 1px solid #e1e1e1;
}
.businesssite .service_center-wrap li + li {
  border-top: 1px solid #e1e1e1;
}
.businesssite .service_center-wrap li:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.businesssite .service_center-wrap .each-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.2916666667vw 0 2.2916666667vw 1.0416666667vw;
}
.businesssite .service_center-wrap strong {
  display: block;
  width: 21.875vw;
  font-size: 1.25vw;
  color: #000;
}
.businesssite .service_center-wrap .info p {
  font-size: 0.8333333333vw;
  color: #7d7d7d;
}
.businesssite .service_center-wrap .ico_call {
  margin-top: 1.0416666667vw;
}
.businesssite .service_center-wrap .ico_location {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: initial;
}
.businesssite .service_center-wrap .ico_location:hover {
  background-color: #828282;
  border-color: #828282;
  background-image: url(../img/ico_location_w.png);
}
.businesssite .comm-item_box {
  margin-top: 3.6458333333vw;
}
.businesssite .comm-item_box .text-box {
  height: 8.3333333333vw;
  padding: 1.5625vw 5.2083333333vw 1.5625vw 1.5625vw;
}
html:not(.ie) .businesssite .comm-item_box .text-box P {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.3em;
  max-height: 3.9em;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html:not(.ie) .businesssite .comm-item_box .text-box P {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
html:not(.ie) .businesssite .comm-item_box .text-box.ellipsisline2 P {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html:not(.ie) .businesssite .comm-item_box .text-box.ellipsisline2 P {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

/* ie 대응 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .comm-item_box a, .comm-item_box button {
    cursor: default;
  }
  .comm-item_box > li:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .ico_location {
    display: none !important;
  }
  .history .history-tab button {
    overflow: visible;
  }
  .businesssite .comm-item_box li:nth-child(n+4) {
    margin-top: 3.125vw;
  }
  .businesssite .comm-item_box li + li {
    margin-left: 2.4479166667vw;
  }
  .businesssite .comm-item_box li:nth-child(3n+1) {
    margin-left: 0;
  }
  .businesssite .comm-item_box .text-box {
    padding-right: 1.5625vw;
  }
  /* bg 깨짐 */
  .about .btn-location {
    width: 52px;
    height: 52px;
  }
  .vision .text-box li strong::before {
    width: 22px;
    height: 1.25vw;
  }
}
/* 태블릿 */
@media all and (max-width: 1400px) and (min-width: 721px), ((orientation: landscape) and (max-width: 720px)) {
  .about .page_view {
    width: 85.7142857143vw;
    padding-top: 8.5714285714vw;
    padding-bottom: 14.2857142857vw;
  }
  .about .page_view.history {
    padding-top: 7.1428571429vw;
  }
  .vision > div + div {
    margin-top: 23.5714285714vw;
  }
  .vision .title {
    width: 25.7142857143vw;
    font-size: 2.2857142857vw;
  }
  .vision .contents h3 {
    font-size: 4vw;
    line-height: 1.07;
  }
  .vision .contents > strong {
    margin-top: 3.2142857143vw;
    font-size: 2.5vw;
    line-height: 1.56;
  }
  .vision .text-box {
    margin-top: 3.2142857143vw;
  }
  .vision .text-box + :has(.each) {
    margin-top: 7.1428571429vw;
  }
  .vision .text-box p {
    font-size: 2.2857142857vw;
    line-height: 1.78;
  }
  .vision .item-vision p + p {
    margin-top: 2.8571428571vw;
  }
  .vision .each {
    padding: 3.9285714286vw 0;
  }
  .vision .each > strong {
    width: 22.8571428571vw;
    font-size: 2.2857142857vw;
  }
  .vision .each p {
    line-height: 1.56;
    font-size: 1.2857142857vw;
  }
  .vision .each p::before {
    width: 0.4285714286vw;
    height: 0.4285714286vw;
    margin-top: 0.7142857143vw;
    margin-right: 0.9285714286vw;
  }
  .history .comm-tab {
    width: 100%;
    padding: 2.1428571429vw 0;
  }
  .history .tab-conts {
    margin-top: 6.4285714286vw;
  }
  .history .tab-conts > li + li {
    margin-top: 11.4285714286vw;
  }
  .history .img-box img {
    height: 42.8571428571vw;
  }
  .history .text-box {
    width: 37.1428571429vw;
  }
  .history .text-box .title em {
    font-size: 1.7142857143vw;
  }
  .history .text-box .title strong {
    margin-top: 0.3571428571vw;
    font-size: 2.8571428571vw;
    line-height: 1.18;
  }
  .history .text-box > ol {
    margin-top: 2.1428571429vw;
  }
  .history .text-box li {
    padding: 1.5714285714vw 0;
  }
  .history .text-box li .year {
    width: 4.4285714286vw;
    font-size: 1.7142857143vw;
    line-height: 1.28;
  }
  .history .text-box li em {
    width: 7.1428571429vw;
    font-size: 1.2857142857vw;
    line-height: 1.67;
  }
  .history .text-box li p {
    font-size: 1.2857142857vw;
    line-height: 1.67;
  }
  .history .text-box li ol li {
    padding: 0.3571428571vw 0;
  }
  .history .text-box li ol li:first-child {
    padding: 0 0 0.3571428571vw 0;
  }
  .introduction.fix h3 {
    top: 12.5vw;
  }
  .introduction.fix .group_company-wrap {
    margin-left: 20vw;
  }
  .introduction.end h3 {
    bottom: 14.2857142857vw;
  }
  .introduction.end .group_company-wrap {
    margin-left: 20vw;
  }
  .introduction h3 {
    width: 12.4285714286vw;
    height: 15.8571428571vw;
  }
  .introduction h4 {
    font-size: 2.2857142857vw;
  }
  .introduction .group_company-wrap {
    width: 64.2857142857vw;
  }
  .introduction .comm-item_box + .comm-item_box {
    margin-top: 8.5714285714vw;
  }
  .introduction .comm-item_box ul {
    margin-top: 2.1428571429vw;
  }
  .introduction .comm-item_box li {
    padding: 0 2.1428571429vw 0 4.2857142857vw;
  }
  .introduction .comm-item_box li + li {
    margin-top: 1.4285714286vw;
  }
  .introduction .text-box {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin-left: 1.4285714286vw;
  }
  .introduction .img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 17.8571428571vw;
    height: 12.7142857143vw;
  }
  .introduction .img-box img {
    height: auto;
  }
  .introduction .comm_btn {
    margin-left: 0.7142857143vw;
  }
  .introduction .comm_btn span.arrw a {
    height: 2.8571428571vw;
    padding: 0 1.4285714286vw;
    font-size: 1vw;
  }
  .businesssite .service_center-wrap {
    margin-top: 5vw;
  }
  .businesssite .service_center-wrap .each-item {
    padding: 3.1428571429vw 0 3.1428571429vw 1.4285714286vw;
  }
  .businesssite .service_center-wrap strong {
    width: 30vw;
    padding-right: 1.4285714286vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 1.7142857143vw;
  }
  .businesssite .service_center-wrap .info p {
    font-size: 1.1428571429vw;
  }
  .businesssite .service_center-wrap .ico_call {
    margin-top: 1.4285714286vw;
  }
  .businesssite .comm-item_box {
    margin-top: 5vw;
  }
  .businesssite .comm-item_box .text-box {
    height: 11.4285714286vw;
    padding: 2.1428571429vw 7.1428571429vw 2.1428571429vw 2.1428571429vw;
  }
}
/* 모바일 */
@media all and (max-width: 720px) and (not (orientation: landscape)) {
  .about .page_top {
    height: 83.6111111111vw;
  }
  .about .page_view {
    width: calc(100vw - 11.1111111111vw);
    padding-top: 11.1111111111vw;
    padding-bottom: 43.0555555556vw;
  }
  .about .page_view.history {
    padding-top: 13.8888888889vw;
  }
  .about br.pc {
    display: none !important;
  }
  .about br.mo {
    display: block !important;
  }
  .about .img-box .pc {
    display: none;
  }
  .about .img-box .mo {
    display: block;
  }
  .vision {
    /* .comm-item_horizontal{margin-top:vwm(140);}
    .text-box{width:100%;text-align:center;margin:vwm(66) auto 0;
        h3{font-size:vwm(48);line-height:1.21;}
        > strong{margin-top:vwm(40);font-size:vwm(32);line-height:1.31;}
        > p{margin-top:vwm(37);font-size:vwm(28);line-height:1.36;}
        ul{margin-top:vwm(20);}
        li{padding:vwm(40) 0;
            strong{justify-content:center;font-size:vwm(32);
                &::before{flex:none;margin-right:vwm(13);width:vwm(32);height:vwm(32);}
            }
            p{margin-top:vwm(15);margin-left:0;font-size:vwm(28);}
        }
    } */
  }
  .vision > div {
    display: block;
  }
  .vision > div + div {
    margin-top: 27.7777777778vw;
  }
  .vision .title {
    width: 100%;
    font-size: 5vw;
    letter-spacing: 3.6px;
  }
  .vision .contents {
    margin-top: 11.1111111111vw;
  }
  .vision .contents h3 {
    font-size: 7.7777777778vw;
    line-height: 1.07;
  }
  .vision .contents > strong {
    margin-top: 9.7222222222vw;
    font-size: 5vw;
    line-height: 1.22;
  }
  .vision .text-box {
    margin-top: 10.4166666667vw;
  }
  .vision .text-box p {
    font-size: 3.8888888889vw;
    line-height: 1.43;
  }
  .vision .item-vision p + p {
    margin-top: 5.5555555556vw;
  }
  .vision .each {
    display: block;
    padding: 7.6388888889vw 0;
  }
  .vision .each > strong {
    width: 100%;
    margin-bottom: 3.4722222222vw;
    font-size: 5.5555555556vw;
  }
  .vision .each p {
    line-height: 1.56;
  }
  .vision .each p::before {
    width: 5px;
    height: 5px;
    margin-top: 2.5vw;
    margin-right: 1.3888888889vw;
  }
  .history .comm-tab {
    padding: 0;
  }
  .history .tab-conts {
    margin-top: 12.5vw;
  }
  .history .tab-conts > li {
    height: auto;
  }
  .history .tab-conts > li + li {
    margin-top: 16.6666666667vw;
  }
  .history .tab-conts > li:last-child .comm-item_line {
    height: auto;
  }
  .history .tab-conts .comm-item_line {
    height: auto;
  }
  .history .img-box img {
    height: 83.3333333333vw;
  }
  .history .text-box {
    width: 88.8888888889vw;
  }
  .history .text-box .title em {
    margin-top: 4.1666666667vw;
    font-size: 3.8888888889vw;
  }
  .history .text-box .title strong {
    margin-top: 2.0833333333vw;
    font-size: 6.1111111111vw;
    line-height: 1.18;
  }
  .history .text-box > ol {
    margin-top: 4.1666666667vw;
  }
  .history .text-box li {
    padding: 4.1666666667vw 0;
  }
  .history .text-box li .year {
    width: 11.8055555556vw;
    font-size: 4.4444444444vw;
    line-height: 1.45;
  }
  .history .text-box li em {
    width: 11.5277777778vw;
    font-size: 3.8888888889vw;
  }
  .history .text-box li p {
    font-size: 3.8888888889vw;
    line-height: 1.36;
    padding-top: 0.5555555556vw;
  }
  .history .text-box li ol li {
    padding: 1.3888888889vw 0;
  }
  .history .text-box li ol li:first-child {
    padding: 0 0 1.3888888889vw 0;
  }
  .introduction {
    display: block;
    /*  &.fix{
         h3{position:initial;}
         .group_company-wrap{margin-left:0}
     }
     &.end{
         h3{position:initial;bottom:initial}
         .group_company-wrap{margin-left:0}
     } */
  }
  .introduction h3 {
    width: 70.8333333333vw;
    height: 18.0555555556vw;
    margin: 0 auto;
    background-image: url(../img/logo_b03_m.png);
  }
  .introduction h4 {
    font-size: 5.5555555556vw;
  }
  .introduction .group_company-wrap {
    width: 100%;
    margin-top: 12.5vw;
  }
  .introduction .comm-item_box + .comm-item_box {
    margin-top: 16.6666666667vw;
  }
  .introduction .comm-item_box ul {
    margin-top: 5.5555555556vw;
  }
  .introduction .comm-item_box li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 0 6.9444444444vw;
  }
  .introduction .comm-item_box li + li {
    margin-top: 5.5555555556vw;
  }
  .introduction .text-box {
    width: 100%;
    padding: 0 11.1111111111vw;
  }
  .introduction .text-box strong, .introduction .text-box p {
    text-align: center;
  }
  .introduction .img-box {
    width: 100%;
    height: 100%;
  }
  .introduction .img-box.pc {
    display: none;
  }
  .introduction .img-box.mo {
    display: block;
  }
  .introduction .comm_btn {
    margin: 0;
  }
  .introduction .comm_btn span.arrw a {
    margin-top: 4.1666666667vw;
    width: 40.2777777778vw;
    height: 8.3333333333vw;
    padding: 0 3.8888888889vw;
    font-size: 3.6111111111vw;
  }
  .businesssite .service_center-wrap {
    margin-top: 6.9444444444vw;
  }
  .businesssite .service_center-wrap .each-item {
    display: block;
    padding: 5.5555555556vw 2.7777777778vw 23.6111111111vw;
  }
  .businesssite .service_center-wrap strong {
    width: 100%;
    font-size: 5vw;
  }
  .businesssite .service_center-wrap .info {
    margin-top: 4.8611111111vw;
  }
  .businesssite .service_center-wrap .info p {
    font-size: 3.8888888889vw;
  }
  .businesssite .service_center-wrap .ico_call {
    margin-top: 2.7777777778vw;
  }
  .businesssite .service_center-wrap .ico_location {
    top: initial;
    -webkit-transform: none;
            transform: none;
    bottom: 5.5555555556vw;
  }
  .businesssite .comm-item_box {
    margin-top: 6.9444444444vw;
  }
  .businesssite .comm-item_box .text-box {
    height: 33.3333333333vw;
    padding: 5.5555555556vw 19.4444444444vw 5.5555555556vw 5.5555555556vw;
  }
}