/* style-reset start */
[v-cloak]{
  opacity: 0;
}
li{
  list-style: none;
}
dl,dt,dd,p{
  margin: 0;
}
input[type=checkbox]{
  display: none;
}
/* style-reset end */

/* vue.js animation start */
.fade-enter-active,
.fade-leave-active{
  transition: 1.2s;
  transform: translateY(0px);
}
.fade-enter-from,
.fade-leave-to{
  opacity: 0;
  transform: translateY(30px);
}
/* vue.js animation end */

/* font */
html{
  /* font-size: 62.5%; */
}
body{
	font-family: "ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.us-fs-s{
  font-size: 14px;
}
.us-fs-m{
  font-size: 16px;
}
.us-fs-l{
  font-size: 18px;
}
.us-fs-xl{
  font-size: 21px;
}
.us-fs-xxl{
  font-size: 24px;
}

/* color */
.us-bg-color{
  background: #4EBCE3;
}
.us-ttl-color{
  color: #FEF000;
}
.us-yellow{
  background: #FEF000;
}
.checked.us-yellow{
  color: #183A8E;
}

/* display */
.us-d-none{
  display: none;
}
.us-flex-wrap{
  flex-wrap: wrap;
}
.us-ws-prewrap{
  white-space: pre-wrap;
}
.us-v-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* border */
.us-border-top{
  border-top: 4px dotted #fff;
}
.us-border-bottom{
  border-bottom: 4px dotted #fff;
}
.checked .us-border-bottom{
  border-color: #183A8E;
}
.us-rounded-base{
  border-radius: 20px;
}
.checked.us-checkbox{
  border-color: transparent!important;
}

/* other */
.toggle-triger{
  transition: .3s;
}
.us-lh-reset{
  line-height: initial;
}
.us-label{
  position: relative;
}
.us-label::before{
  content: "";
  position: absolute;
  border: 1px solid #fff;
  border-width: 2px;
  top: 50%;
  right: 100%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  border-radius: 5px;
  transition: .3s;
}
.checked .us-label::before{
  /* border-color: #0d6efd; */
  border: none;
  background-color: #fff;
}
.us-label .us-check-icon{
  position: absolute;
  top: 50%;
  right: 95%;
  transform: translateY(-50%);
}
.us-fade{
  transition:  opacity .9s linear;
}
.modal.us-fade .modal-dialog{
  transition: transform .9s ease-out;
}