div.baloon {
   font-size: 12px;
   font-family:sans-serif;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

.input_half {
   display: flex;
}

.input_half .in {
   max-width: 180px;
   width: calc(50% - 15px);
   display: flex;
   align-items: center;
}

.input_half .in:first-child {
   margin-right: 30px;
}

.input_half .in p {
   width: 35px;
}

.input_half .in input {
   width: calc(100% - 35px);
}


.number_in {
   display: flex;
   align-items: center;
   margin-bottom: 8px;
}

.number_in p {
   width: 100px;
   margin-right: 10px;
}

.number_in input {
   max-width: 220px;
   width: calc(100% - 110px);
   margin-right: 0px;
}

.number label {
   font-size: 12px;
}

.c-btn button {
   max-width: 250px;
   width: 100%;
}

.c-btn button img {
   width: 100%;
   height: auto;
}

.yoyaku_btn {
   margin-bottom: 30px;
}

.yoyaku_btn p {
   margin-bottom: 20px;
   text-align: center !important;
}

.yoyaku_btn a {
   display: flex;
   justify-content: center;
   max-width: 250px;
   width: 100%;
   margin: 0 auto;
}

.yoyaku_btn a img {
   width: 100%;
}

@media screen and (max-width: 768px) {
   .toTopButton {
      margin: 0 15px 15px 15px;
      padding-bottom: 0;
   }

   .copyright {
      margin-top: 40px;
   }
}