@charset "utf-8";

#app [v-cloak] {
  display: none;
}
#app .app-form {
  margin-bottom: 20px;
  border: 8px solid #f4f5f6;
}

#app .app-form__title {
  display: inline-block;
  width: 12em;
  vertical-align: top;
}
#app .app-form .select-wrap {
  float: none;
  width: auto;
  margin-bottom: 0.5em;
}
#app .app-form .box-select-wrap .category-wrap .checkbox-wrap {
  width: auto;
  float: left;
}
#app .checkbox-wrap label {
  width: 190px !important;
  padding: 0.5em 0 0 0;
  text-indent: -1.2em;
  display: inline-block;
  margin-left: 1.2em;
}
#app .app-list {
  border-top: 1px dotted #e3e4e5;
  border-bottom: 1px dotted #e3e4e5;
  padding-bottom: 8px;
}
#app .box-service-type-01 {
  margin: 0;
  padding: 10px 0 9px;
  border:none;
  border-top: 1px dotted #d8dadc;
}
#app .box-service-type-01:first-child {
  border-top: none;
}
#app .box-service-type-01 .imgflow .imgleft {
  float: left;
  margin-right: 20px;
  width: 140px;
}
#app .box-service-type-01 .imgflow .txtright {
  float: left;
  width: 502px;
}
#app .box-service-type-01 .imgflow:after {
  content        : ".";
  height         : 0px;
  clear          : both;
  visibility     : hidden;
  display        : block;
}
#app .app-list__thumbnail {
  width: 100%;
  border: 1px solid #d8dadc;
  margin-bottom: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#app .app-list__nolist {
  margin-top: 25px;
}