.common-container {
  width: 1280px;
  max-width: 100%;
  margin: auto;
  position: relative; }

  #inner-header, .fixed {
    border-bottom: 1px solid #9a2e5a;
}

#banner {
  background: radial-gradient(47.29% 84.07% at 50% 50%, #d9175f 0%, #660b35 100%);
  height: 780px;
  overflow: hidden;
  position: relative; }
  #banner .banner-title {
    padding-top: 100px;
    width: fit-content; }
    #banner .banner-title h2 {
      font-size: 90px;
      font-style: italic;
      line-height: 80%;
      margin-bottom: 0px;
      color: #97144d;
      font-weight: 700;
      position: relative; }
      #banner .banner-title h2:nth-child(2), #banner .banner-title h2:nth-child(3) {
        font-size: 70px;
        color: #ed1e65; }
      #banner .banner-title h2:nth-child(3) {
        font-weight: 500; }
    #banner .banner-title::before {
      content: '';
      position: absolute;
      left: -372px;
      top: 0px;
      width: 1002px;
      height: 380px;
      background-color: #ebebed; }
  #banner .bannepixmobile {
    position: absolute;
    left: 570px;
    top: 65px;
    width: 190px; }
  #banner .bannepix1 {
    position: absolute;
    left: 320px;
    top: 354px;
    width: 310px; }
  #banner .bannepix2 {
    position: absolute;
    left: 629px;
    top: 379px;
    width: 271px; }
  #banner .bannepix3 {
    position: absolute;
    left: 869px;
    top: 100px;
    width: 286px; }
  #banner .scroll-down {
    position: absolute;
    right: 30px;
    bottom: 270px; }
  #banner .banner-vet {
    position: absolute;
    bottom: 72px;
    left: 0px;
    width: 100%; }

    @media only screen and (max-width: 1024px){
    .common-container {
        padding: 0px 15px;
    }}
    @media only screen and (min-width: 1200px) and (max-width: 1399px)  {
      .common-container {width: 1170px;}
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape)
    {
    #banner .banner-title::before {width: 800px;}
    #banner .bannepixmobile {left: 380px;}
    #banner .bannepix1 {left: 118px;}
    #banner .bannepix2 {left: 429px;}
    #banner .bannepix3 {left: 670px;}
    #banner .banner-vet {bottom: 22px; left:-520px;}    
    #banner .banner-title {padding-top: 70px; width: fit-content;}
    }

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)
{
    /* homepage */
#banner { text-align: center; padding-bottom: 30px; height: auto; }
#banner .banner-title::before { display: none; }
#banner .banner-title { width: 100%; background-color: #EBEBED; padding:30px 20px; margin-top: 41px; }
#banner .banner-title h2 {font-size: 70px;}
#banner .banner-title h2:nth-child(2), #banner .banner-title h2:nth-child(3){font-size: 50px;}
#banner .bannepixmobile,#banner .bannepix1,#banner .bannepix2,#banner .bannepix3 { position: relative; left: 0px; top: 0px;  }
#banner .banner-vet svg { width: 1000px; height: auto; }
#banner .banner-vet {bottom: 20px;left: -100px; position: relative; margin-top: 50px;}
#banner .scroll-down {display:none;}
}

@media (min-width: 320px) and (max-width: 767px)
{
  #banner { text-align: center;}
  #banner .scroll-down {display:none;}
  #banner .banner-vet { bottom: 20px;  left: -520px;}
}

@keyframes stroke {
  0% {
    fill: rgba(255, 255, 255, 0);
    stroke: white;
    stroke-dashoffset: 25%;
    stroke-dasharray: 0 50%;
    stroke-width: 2;
    transform: scale(1.5); }
  70% {
    fill: rgba(255, 255, 255, 0);
    stroke: white; }
  80% {
    fill: rgba(255, 255, 255, 0);
    stroke: white;
    stroke-width: 3; }
  100% {
    fill: white;
    stroke: white;
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 0;
    stroke-width: 0;
    transform: scale(1); } }
  #banner .banner-top-vet {
    position: absolute;
    top: 32px;
    z-index: 9;
    display: block;
    width: 100%; }
    #banner .banner-top-vet .common-container {
      position: absolute;
      margin: auto;
      left: 0px;
      right: 0px;
      top: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 70px; }
      #banner .banner-top-vet .common-container p {
        font-size: 22px;
        color: #000;
        font-style: italic;
        z-index: 9;
        top: 0px; }



.whitetitle-glance-2 {
    color: #ED1E65;
    font-weight: 500;
    font-size: 34px;
    font-style: italic;
}

.msgbox22 {
    background: #f5f5f5;
    border-top: 6px solid #ED1E65;
    padding: 20px;
    border-bottom: 2px solid #ED1e65;
}
.pd-l-15 { padding-left: 15px; }

.pink-border {  border-left: 1px solid #ed1e65; border-right: 1px solid #ed1e65; }
.pink-border2  {  border-top: 6px solid #ed1e65; }
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

#banner {
    height: auto; }

  #banner .table {
    width: 100%;
    display: block; }

  #banner .table__cell {
    display: inline-block;
    width: 50%;
    border: solid 1px #FFF;
    height: 320px;
    float: left;
    align-items: inherit;
    background-position: top center; }
    #banner .table__cell:last-child {
      width: 100%;
      background-position: 50% 27%; }

  #banner .table__cell a {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin: auto; }

  #banner svg {
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0px;
    right: 0px;
    transform: translate(0px, -50px); }

#banner .banner-open {
    width: 100%;
    height: auto;
  }

}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

  #banner {
    height: auto; }

  #banner .table {
    width: 100%;
    display: block; }

  #banner .table__cell {
    display: inline-block;
    width: 50%;
    border: solid 1px #FFF;
    height: 320px;
    float: left;
    align-items: inherit; }
    #banner .table__cell:last-child {
      width: 100%;
      background-position: 50% 27%; }

  #banner .table__cell a {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    margin: auto; }

  #banner svg {
    width: 65%;
    height: 100%;
    margin: auto;
    left: 0px;
    right: 0px; }

}