.c__balloon {
  position: relative;
  display: block; }
  .c__balloon .txt {
    position: relative;
    display: block;
    color: #051d93;
    font-size: 16px;
    line-height: 1.5;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 700;
    font-style: normal;
    white-space: nowrap;
    z-index: 3; }
    @media screen and (max-width: 428.9px) {
      .c__balloon .txt {
        padding: 10px 30px; } }
    @media screen and (min-width: 429px) {
      .c__balloon .txt {
        padding: 20px 60px; } }
  .c__balloon .bg1, .c__balloon .bg2 {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%; }
  .c__balloon .bg1 {
    z-index: 1;
    background: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/common/bg_dots_blue.png") #e6e8f4 repeat center;
    background-size: 24px;
    border-radius: 10px 6px 10px 14px; }
    @media screen and (max-width: 428.9px) {
      .c__balloon .bg1 {
        top: 2px;
        right: -2px; } }
    @media screen and (min-width: 429px) {
      .c__balloon .bg1 {
        top: 4px;
        left: -4px; } }
    .c__balloon .bg1::after {
      content: "";
      position: absolute;
      top: 100%;
      right: 30px;
      display: block;
      width: 23px;
      height: 11px;
      background-image: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/guide/balloon-bg1-bottom.png");
      background-size: contain; }
  .c__balloon .bg2 {
    top: 0;
    left: 0;
    z-index: 2;
    border: 2px solid #051d93;
    border-radius: 10px; }
    .c__balloon .bg2::after {
      content: "";
      position: absolute;
      top: 100%;
      right: 30px;
      display: block;
      width: 22px;
      height: 12px;
      background-image: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/guide/balloon-bg2-bottom.png");
      background-repeat: no-repeat;
      background-size: contain;
    }
    .c__balloon:not(.-reverse, .-flipped, .-white) .bg2::before {
      content: "";
      position: absolute;
      top: calc(100% - 0.5px);
      right: 42px;
      display: block;
      background-color: #e6e8f4;
      height: 3px;
      width: 8px;
    }
  @media screen and (max-width: 428.9px) {
    .c__balloon:not(.-reverse, .-flipped, .-white) .bg2::before {
      right: 33px;
    }
    .c__balloon .bg1::after, .c__balloon .bg2::after {
      transform: scaleX(-1);
    }
  }
  .c__balloon.-white .txt {
    color: #000000;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
    font-weight: 500;
    font-style: normal; }
  .c__balloon.-white .bg2 {
    background-color: #FFFFFF; }
    .c__balloon.-white .bg2::after {
      transform: scaleX(1); }
  .c__balloon.-white.-large .bg2::after {
    background-image: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/guide/balloon-bg1-bottom_L_WHT.png"); }
  .c__balloon.-large .txt {
    white-space: normal;
    line-height: 1.8; }
    @media screen and (max-width: 428.9px) {
      .c__balloon.-large .txt {
        padding: 20px 6.6666666667vw; } }
    @media screen and (min-width: 429px) {
      .c__balloon.-large .txt {
        padding: 40px; } }
  .c__balloon.-large .bg1::after, .c__balloon.-large .bg2::after {
    top: 100%;
  }
  .c__balloon.-large .bg1::after {
    width: 34px;
    height: 16px;
    background-image: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/guide/balloon-bg1-bottom_L.png"); }
  .c__balloon.-large .bg2::after {
    width: 32px;
    height: 17px;
    background-image: url("https://img1.kakaku.k-img.com/images/insurance/pet/injuries/guide/balloon-bg2-bottom_L.png");
    background-repeat: no-repeat;
  }
  .c__balloon.-large:not(.-reverse, .-flipped, .-white) .bg2::before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    right: 47px;
    display: block;
    background-color: #e6e8f4;
    height: 4px;
    width: 12px;
  }
  .c__balloon.-large.-reverse.-white .bg2::before {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 47px;
    display: block;
    background-color: #fff;
    height: 4px;
    width: 12px;
  }
  .c__balloon.-reverse .bg1::after, .c__balloon.-reverse .bg2::after {
    transform: scale(-1, 1);
  }
  .c__balloon.-reverse .bg1 {
    right: -4px;
    left: auto;
    border-radius: 6px 10px 14px 10px; }
    .c__balloon.-reverse .bg1::after {
      left: 30px;
      right: auto; }
  .c__balloon.-reverse .bg2::after {
    left: 30px;
    right: auto; }
  @media screen and (min-width: 429px) {
    .c__balloon.-reverse-md .bg1::after, .c__balloon.-reverse-md .bg2::after {
      transform: scaleX(-1); }
    .c__balloon.-reverse-md .bg1 {
      right: -4px;
      left: auto;
      border-radius: 6px 10px 14px 10px; }
      .c__balloon.-reverse-md .bg1::after {
        left: 30px;
        right: auto; }
    .c__balloon.-reverse-md .bg2::after {
      left: 30px;
      right: auto; } }
  .c__balloon.-flipped .bg1::after, .c__balloon.-flipped .bg2::after {
    transform: scale(1, -1);
  }
  .c__balloon.-flipped .bg1 {
    right: -4px;
    left: auto;
    border-radius: 6px 10px 14px 10px; }
    .c__balloon.-flipped .bg1::after {
      left: 30px;
      right: auto; }
  .c__balloon.-flipped .bg2::after {
    bottom: calc(100% + 0.5px);
    top: auto;
    left: 30px;
    right: auto;
  }
  .c__balloon.-flipped .bg2::before {
    content: "";
    position: absolute;
    bottom: calc(100% - 0.5px);
    top: auto;
    left: 32px;
    right: auto;
    display: block;
    background-color: #fff;
    height: 4px;
    width: 12px;
  }
.c__pulldown {
  display: inline-block; }
  .c__pulldown label {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 10px 40px 10px 0; }
    @media screen and (min-width: 429px) {
      .c__pulldown label {
        transition: 0.3s ease-out; }
        .c__pulldown label:hover {
          opacity: 0.3; } }
    .c__pulldown label::after {
      content: "";
      position: absolute;
      top: -10px;
      bottom: 0;
      right: 0;
      margin: auto;
      display: inline-block;
      width: 0;
      height: 0;
      border-top: 7px solid transparent;
      border-left: 7px solid transparent;
      border-bottom: 7px solid #000000;
      border-right: 7px solid #000000;
      margin-left: 20px;
      transition: 0.4s ease-in-out;
      transform: scaleX(0.85) rotate(45deg);
      pointer-events: none; }
  .c__pulldown select {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    outline: none;
    padding: 0 0.5em; }
    @media screen and (max-width: 428.9px) {
      .c__pulldown select {
        font-size: 3.7333333333vw; } }
    @media screen and (min-width: 429px) {
      .c__pulldown select {
        font-size: 15px; } }
    .c__pulldown select option {
      color: #000000; }
  .c__pulldown .lbl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
    font-weight: 700;
    font-style: normal; }
    @media screen and (max-width: 428.9px) {
      .c__pulldown .lbl {
        font-size: 3.7333333333vw; } }
    @media screen and (min-width: 429px) {
      .c__pulldown .lbl {
        font-size: 15px; } }

/*# sourceMappingURL=component.css.map */