@charset "utf-8";

.btn{
   touch-action: manipulation; /* ダブルタップ時の拡大防止 */
}

.btn-green{
   background-color: #099E8A;
   color: #fff;
}
.btn-green:hover{
   background-color: transparent;
   color: #099E8A;
   border: 1px solid #099E8A;
}

.btn-orange{
   background-color: #eb723d;
   color: #fff;
}
.btn-orange:hover{
   background-color: transparent;
   color: #eb723d;
   border: 1px solid #eb723d;
}
.btn-outline-orange{
   background-color: transparent;
   color: #eb723d;
   border: 1px solid #eb723d;
}
.btn-outline-orange:hover{
   background-color: #eb723d;
   color: #fff;
}
.btn-outline-orange:not(:disabled):not(.disabled).active, 
.btn-outline-orange:not(:disabled):not(.disabled):active, 
.show>.btn-outline-orange.dropdown-toggle {
   color: #fff;
   background-color: #eb723d;
   border-color: #eb723d;
}
.alert-orange {
   color: #721c24;
   background-color: #f8e2d7;
   border-color: #f5d6c6;
}

.privacy-checkbox input[type="checkbox"]:checked + label {
   color: #099E8A;
}

.privacy-checkbox input[type="checkbox"] + label{
   display: block;
   position: relative;
   padding-left:43px;
   float: left;
   font-size: 14px;
   cursor: pointer;
   border: 1px solid #ced4da;
}

.privacy-checkbox input[type="checkbox"] + label:before{
   content: "";
   position: absolute;
   top: 50%;
   left: 14px;
   display: block;
   background: #FFF;
   box-sizing: border-box;
   border: 1px solid #ccc;
}

.privacy-checkbox input[type="checkbox"] + label:before {
   width: 20px;
   height: 20px;
   margin-top: -9px;
   border-radius: 5px;
}

.privacy-checkbox input[type="checkbox"]:checked + label {
   border: 1px solid #099E8A !important;
}

.privacy-checkbox input[type="checkbox"]:checked + label:before {
   border: 1px solid #099E8A;
   background-color: #099E8A;
}

.privacy-checkbox input[type="checkbox"] + label i{
   position: absolute;
   top: calc(50% - 5px);
   left: 17px;
   color: #fff;
   font-size: 13.5px;
   display: none;
}
.privacy-checkbox input[type="checkbox"]:checked + label i{
   display: block;
}

[v-cloak] {
   display: none;
}