/* CSS Document */

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

  mixin

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

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

  type

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


h3.nakaMidashi {
	margin-bottom: 20px;
}


ul.faq_q,
ul.faq_a {
	display: table;
	box-sizing: border-box;
	width: 100%;
}
ul.faq_q {
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	font-size: 20px;/**元は16pc**/
	color: #003894;
	font-weight: bold;
	line-height: 1.1;
}
ul.faq_a {
	margin-bottom: 40px;
}
ul.faq_q > li,
ul.faq_a > li {
	display: table-cell;
}
ul.faq_q > li:first-child,
ul.faq_a > li:first-child{
	width: 1.6em;
	font-weight: bold;
	font-size: 30px;
}
ul.faq_a > li:first-child{
	color: #FD9EC2;
}
ul.faq_a p {
	margin-bottom: 1.2em;
}
ul.faq_a strong {
	color: #003894;
	font-weight: bold;
}


ul.faq_list {
	margin-bottom: 1.2em;
}
ul.faq_list li {
	padding-left: 2em;
	text-indent: -1em;
}
ul.faq_flow {

}
ul.faq_flow li {
	margin-bottom: 1.2em;
	padding-left: 1em;
	text-indent: -1em;
}
.annotation {
	font-size: 80%;
}





@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: 25%;
  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;
  color: #393939 !important;
  border-radius: 6px;
  background-image: url(../img/faq/faq_bg01.png);
  background-position: center 90%;
  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 6px;
  }
}

.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 */