/* CSS Document */
/*--------------------------------------------------------------------
  franchise-system
--------------------------------------------------------------------*/
.franchise-system .typeListWrapper .ash {
  background: #dcdcdc;
}
.franchise-system .typeListWrapper .lightAsh {
  background: #eeeeee;
}
.franchise-system .typeListWrapper .yellow {
  background: #fff9cb;
}
.franchise-system .typeListWrapper .orange {
  background: #f6b353;
  font-size: 18px;
  color: #393939;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper .orange {
    font-size: 14px;
  }
}
.franchise-system .typeListWrapper .green {
  background: #89c06c;
  font-size: 18px;
  color: #393939;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper .green {
    font-size: 14px;
  }
}
.franchise-system .typeListWrapper .lightBlue {
  background: #addef8;
  font-size: 18px;
  color: #393939;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper .lightBlue {
    font-size: 14px;
  }
}
.franchise-system .typeListWrapper .blue {
  background: #7e9eed;
  font-size: 18px;
  color: #393939;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper .blue {
    font-size: 14px;
  }
}
.franchise-system .typeListWrapper .tate {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper .tate {
    width: auto;
  }
}
.franchise-system .typeListWrapper .w20 {
  width: 20%;
}
.franchise-system .typeListWrapper table {
  border: 1px solid #000000;
  border-collapse: collapse;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper table {
    font-size: 14px;
  }
  .franchise-system .typeListWrapper table br {
    display: none;
  }
}
.franchise-system .typeListWrapper table.typeList {
  width: 100%;
  table-layout: fixed;
}
.franchise-system .typeListWrapper table.typeList th {
  vertical-align: middle;
  text-align: left;
  padding: 10px;
  border: 1px solid #000000;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper table.typeList th {
    padding: 3px;
  }
}
.franchise-system .typeListWrapper table.typeList td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border: 1px solid #000000;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeListWrapper table.typeList td {
    padding: 3px;
  }
}
.franchise-system .typeListWrapper table.typeList td .ftBlue {
  color: #ef5378;
}
.franchise-system .typeListWrapper .align-left {
  text-align: left !important;
}
.franchise-system .twoRows li:nth-of-type(1) {
  min-width: 210px;
  text-align: center;
  font-size: 30px;
}
.franchise-system .twoRows li:nth-of-type(1) span {
  font-size: 50px;
  color: #f28e00;
}
.franchise-system .typeStepList {
  display: inline-block;
  width: 100%;
  margin: 20px auto 0;
}
.franchise-system .typeStepList li {
  float: left;
  width: 20%;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeStepList li {
    float: none;
    width: 100%;
    padding-left: 0px;
    margin-bottom: 20px;
  }
  .franchise-system .typeStepList li br {
    display: none;
  }
}
.franchise-system .typeStepList li:first-child {
  padding-left: 0;
}
.franchise-system .typeStepList li p {
  text-align: center;
}
.franchise-system .typeStepList li p.typeStep {
  border-radius: 6px;
}
.franchise-system .typeStepList li p.typeStep a {
  display: block;
  width: 100%;
  height: 80px;
  padding: 20px 10px 0 0px;
  color: #393939 !important;
  border-radius: 6px;
  background-image: url(../img/franchise-system/franchise-system_bg01.png);
  background-position: 90% center;
  background-repeat: no-repeat;
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .franchise-system .typeStepList li p.typeStep a {
    width: 100%;
    height: 70px;
    padding: 25px 10px 0 0px;
  }
}
.franchise-system .typeStepList li p.typeStep a:hover {
  text-decoration: none !important;
  opacity: 0.8;
}
.franchise-system .typeStepList li p.text {
  margin-top: 10px;
  text-align: center;
}
.franchise-system .typeStepList li .step01 {
  background-color: #f6b353;
}
.franchise-system .typeStepList li .step02 {
  background-color: #89c06c;
}
.franchise-system .typeStepList li .step03 {
  background-color: #addef8;
}
.franchise-system .typeStepList li .step04 {
  background-color: #7e9eed;
}
.franchise-system .typeStepList li .step05 {
  background-color: #fff100;
}

/*# sourceMappingURL=franchise-system.css.map */