@charset "UTF-8";
/* FLOW */
#reform_flow {
  width: 100%;
}
#flow_wrap {
  width: 100%;
  padding: 6em 0 2em;
  background: #ffffe1;
}
.flow_box {
  width: 98%;
  max-width: 960px;
  text-align: left;
  margin: 20px auto 0;
}
/* Common
--------------------------*/
#flow_wrap h2 {
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
}
.section_wrap_odd {
  position: relative;
  width: 100%;
  padding: 4em 0;
}
.section_wrap_even {
  position: relative;
  width: 100%;
  padding: 4em 0;
  background: #e4801e;
  color: #fff;
}
.section_wrap_even:before {
  content: '';
  width: 20px;
  height: 20px;
  background: #ffffe1;
  position: absolute;
  left: calc(50% - 10px);
  top: -12px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.section_wrap_even:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #e4801e;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -8px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.flow_number {
  width: 20%;
}
.flow_number img {
  max-width: 80px;
}
.flow_txt {
  width: 78%;
  text-align: left;
}
#flow_n01, #flow_n02, #flow_n03, #flow_n04, #flow_n05, #flow_n06, #flow_n07, #flow_n08, #flow_n09 {
  width: 90%;
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#flow_n01 h3, #flow_n03 h3, #flow_n05 h3, #flow_n07 h3, #flow_n09 h3 {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  text-decoration: underline;
  color: #e4801e;
}
#flow_n02 h3, #flow_n04 h3, #flow_n06 h3, #flow_n08 h3 {
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  text-decoration: underline;
  color: #fff;
}
/* Section 1
--------------------------*/
#flow_n01_exp {
  margin: 2em 0;
}
#flow_n01_exp dt {
  display: inline-block;
  margin: 0 0 .5em;
  padding: .2em 2em;
  border: 1px #000 solid;
  border-radius: 2em;
  background: #fff;
}
#flow_n01_exp dd {
  margin: 0 0 0 1em;
  text-indent: -1em;
}
#flow_n01_exp dd:before {
  content: '\f192';
  font-family: FontAwesome;
  color: #e4801e;
}
#flow_n01_chk {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#flow_n01_chk dl {
  width: calc(100% - 100px - 2em);
}
#flow_n01_chk dt {
  display: block;
  padding: .2em 0;
  margin: 0 0 .5em;
  font-size: 1.2em;
  font-weight: bold;
  border-top: 2px #e4801e dotted;
  border-bottom: 2px #e4801e dotted;
}
#flow_n01_chk p {
  max-width: 100px;
  margin: 0;
}
/* Flow Message
--------------------------*/
#flow_msg {
  width: 90%;
  max-width: 500px;
  margin: 0 auto;
  padding: 5em 0;
}
/* 768px以下 --------------------------------
------------------------------------------*/
@media only screen and (max-width: 768px) {
  #reform_flow {
    padding: 0 0 10em;
  }
  /* Section 1
--------------------------*/
  #flow_n01_chk dt {
    font-size: 1.1em;
  }
}
/* 480px以下 --------------------------------
------------------------------------------*/
@media only screen and (max-width: 480px) {
  #reform_flow {
    padding: 0 0 5em;
  }
  #flow_wrap {
    padding: 3em 0 2em;
  }
  /* Common
--------------------------*/
  .flow_number {
    width: 15%;
    text-align: left;
  }
  .flow_number img {
    max-width: 40px;
  }
  .flow_txt {
    width: 83%;
  }
  #flow_n01_chk dl {
    width: 68%;
  }
  #flow_n01_chk p {
    max-width: 30%;
    margin: 0;
  }
}