/* CSS Document */

/*--------------------------------------------------------------------

  mixin

--------------------------------------------------------------------*/

/*--------------------------------------------------------------------

  type

--------------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  .type br {

    display: none;

  }

}

.type .headTitle {

  font-size: 29px;

  text-align: center;

  border: 4px solid #addef8;

}

@media screen and (max-width: 768px) {

  .type .headTitle {

    font-size: 22px;

  }

}

.type .headTitle .lead {

  margin-top: 30px;

}

@media screen and (max-width: 768px) {

  .type .headTitle .lead {

    margin-top: 20px;

    padding: 0 5px;

    line-height: 1.3;

  }

  .type .headTitle .lead br {

    display: none;

  }

}

.type .headTitle .text {

  margin-top: 180px;

}

@media screen and (max-width: 768px) {

  .type .headTitle .text {

    margin-top: 130px;

  }

}

.type .headTitle .text2 {

  margin-top: 29px;

  padding: 10px 0 5px;

  background: #addef8;

}

.type .headTitle.kvTypeNml {

  background: url(../img/type/type-nml_bg01.png) no-repeat center 80px;
  padding-bottom: 30px;

}

@media screen and (max-width: 768px) {

  .type .headTitle.kvTypeNml {

    background: url(../img/type/type-nml_bg01.png) no-repeat center 65px;

    background-size: 200px;

  }

}

@media screen and (max-width: 320px) {

  .type .headTitle.kvTypeNml {

    background: url(../img/type/type-nml_bg01.png) no-repeat center 80px;

    background-size: 200px;

  }

}

.type .headTitle.kvTypeCl {

  background: url(../img/type/type-cl_bg01.png) no-repeat center 120px;
  padding-bottom: 30px;

}

@media screen and (max-width: 768px) {

  .type .headTitle.kvTypeCl {

    background: url(../img/type/type-cl_bg01.png) no-repeat center 100px;

    background-size: 260px;

  }

}

@media screen and (max-width: 320px) {

  .type .headTitle.kvTypeCl {

    background: url(../img/type/type-cl_bg01.png) no-repeat center 120px;

    background-size: 260px;

  }

}

.type .headTitle.kvTypeS {

  background: url(../img/type/type-s_bg01.png) no-repeat center 100px;
  padding-bottom: 30px;

}

@media screen and (max-width: 768px) {

  .type .headTitle.kvTypeS {

    background: url(../img/type/type-s_bg01.png) no-repeat center 100px;

    background-size: 260px;

  }

}

@media screen and (max-width: 320px) {

  .type .headTitle.kvTypeS {

    background: url(../img/type/type-s_bg01.png) no-repeat center 110px;

    background-size: 260px;

  }

}

.type .headTitle.kvTypeSl {

  background: url(../img/type/type-sl_bg01.png) no-repeat center 100px;
  padding-bottom: 30px;

}

@media screen and (max-width: 768px) {

  .type .headTitle.kvTypeSl {

    background: url(../img/type/type-sl_bg01.png) no-repeat center 110px;

    background-size: 270px;

  }

}

@media screen and (max-width: 320px) {

  .type .headTitle.kvTypeSl {

    background: url(../img/type/type-sl_bg01.png) no-repeat center 140px;

    background-size: 270px;

  }

}

.type .headTitle .orangeBox {

  display: inline-block;

  width: 130px;

  padding: 6px 0;

  margin-left: 5px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background: #f6b353;

}

.type .headTitle .greenBox {

  display: inline-block;

  width: 130px;

  padding: 6px 0;

  margin-left: 5px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background: #89c06c;

}

.type .headTitle .blueBox {

  display: inline-block;

  width: 130px;

  padding: 6px 0;

  margin-left: 5px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background: #addef8;

}

.type .headTitle .blue2Box {

  display: inline-block;

  width: 130px;

  padding: 6px 0;

  margin-left: 5px;

  font-size: 20px;

  color: #fff;

  text-align: center;

  border-radius: 6px;

  background: #7e9eed;

}

.type .headTitle .arrow {

  font-size: 20px;

}

.type .headTitle .arrow:before {

  content: "";

  display: inline-block;

  width: 32px;

  height: 22px;

  margin-right: 5px;

  background: url(../img/type/type-s_tmb01.png) no-repeat;

}

.type .charaTable {

  width: 70%;

  margin-top: 20px;

  border-collapse: collapse;

  border: 1px solid #aaaaaa;

}

@media screen and (max-width: 768px) {

  .type .charaTable {

    width: 100%;

  }

}

.type .charaTable td {

  text-align: center;

  padding: 8px;

  border: 1px solid #aaaaaa;

}

.type .charaTable th {

  padding: 8px;

  border: 1px solid #aaaaaa;

  background: #fff9cb;

}

.type .charaTable .bgYellow {

  background: #fff397;

}

.type .pageLinks {

  width: 100%;

  margin-top: 20px;

}

.type .pageLinks li {

  margin-bottom: 10px;

}

.type .pageLinks li a {

  display: block;

  width: 100%;

  padding: 8px 10px;

  background: url(../img/type/type-s_btn_bg01.png) no-repeat 97% center;

  border-radius: 6px;

  border: 1px solid #bbbbbb;

}

@media screen and (max-width: 768px) {

  .type .pageLinks li a {

    text-align: left !important;

    padding: 8px 40px 8px 10px;

  }

}

.type .pageLinks li a .black {

  color: #393939;

}

.type .pageLinks li a:hover {

  text-decoration: none !important;

  opacity: 0.8;

}

.type .typeStepList {

  display: inline-block;

  width: 100%;

  margin: 20px auto 0;

}

.type .typeStepList li {

  float: left;

  width: 20%;

  padding-left: 10px;

}

@media screen and (max-width: 768px) {

  .type .typeStepList li {

    float: none;

    width: 100%;

    padding-left: 0px;

    margin-bottom: 20px;

  }

  .type .typeStepList li br {

    display: none;

  }

}

.type .typeStepList li:first-child {

  padding-left: 0;

}

.type .typeStepList li p {

  text-align: center;

}

.type .typeStepList li p.typeStep {

  border-radius: 6px;

}

.type .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) {

  .type .typeStepList li p.typeStep a {

    width: 100%;

    height: 70px;

    padding: 25px 10px 0 0px;

  }

}

.type .typeStepList li p.typeStep a:hover {

  text-decoration: none !important;

  opacity: 0.8;

}

.type .typeStepList li p.text {

  margin-top: 10px;

  text-align: left;

}

.type .typeStepList li .step01 {

  background-color: #f6b353;

}

.type .typeStepList li .step02 {

  background-color: #89c06c;

}

.type .typeStepList li .step03 {

  background-color: #addef8;

}

.type .typeStepList li .step04 {

  background-color: #7e9eed;

}

.type .typeStepList li .step05 {

  background-color: #fff100;

}



/*# sourceMappingURL=type.css.map */