@media screen and (min-width: 768px){.balloon1:before {  content: "";  position: absolute;  top: 100%;  left: 47%;  margin-left: -15px;  border: 45px solid transparent;  border-top: 15px solid #6BD2C7;}.balloon1 p {  margin: 0;  padding: 0;}.balloon2::after {  content: "";  position: absolute;  margin: 0;  top: -30px; /* 下から上に変更 */  right: 50%;  width: 0;  height: 0;  border-bottom: 40px solid #D0EEFF; /* border-top → border-bottom に変更 */  border-left: 12px solid transparent;  border-right: 12px solid transparent;  transform: rotate(20deg); /* 向きも調整 */}}@media screen and (max-width: 767px){.balloon1:before {  content: "";  position: absolute;  top: 100%;  left: 40%;  margin-left: -15px;  border: 45px solid transparent;  border-top: 15px solid #6BD2C7;}.balloon1 p {  margin: 0;  padding: 0;}.balloon2::after {  content: "";  position: absolute;  margin: 0;  top: -30px; /* 下から上に変更 */  right: 50%;  width: 0;  height: 0;  border-bottom: 40px solid #D0EEFF; /* border-top → border-bottom に変更 */  border-left: 12px solid transparent;  border-right: 12px solid transparent;  transform: rotate(20deg); /* 向きも調整 */}}