@charset "UTF-8";

/* 1000px以下 */
@media screen and (max-width: 1000px) {
  /* #features */
  #features .flex {
    display: block;
  }
  #features .left_box li {
    width: 100%;
  }
  #features .arrow_box {
    margin-bottom: 120px;
  }
  #features .arrow_box img {
    transform: rotate(90deg);
    left: 0;
    right: 0;
    bottom: 0;
    top: 5px;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #features .right_box {
    width: 100%;
  }
  #features .right_box dd {
    padding-bottom: 30px;
  }
  #features .result {
    background: #49b7b4;
  }
  #part .flex {
    display: block;
  }
  #part .flex_child dd {
    height: auto;
    margin-bottom: 20px;
  }
  #flow .flow_img img {
    width: 100%;
  }
}

/* 800px以下 */
@media screen and (max-width: 800px) {
  /* #step */
  #features .img_area {
    padding-left: 0;
    padding-right: 0;
  }

  #kodokushi .flex{
    display: block;
  }
  #kodokushi .flex .tel_box,
  #kodokushi .flex .mail_box{
   width: 100%;
  }
  #kodokushi .flex .tel_box{
    border:none;
    border-bottom: 1px dashed #999;
}

}

/* 500px以下 */
@media screen and (max-width: 500px) {
  /* #features */
  #features {
    padding-bottom: 80px;
  }
  #features h2 {
    font-size: 24px;
    line-height: 2.2rem;
    margin-bottom: 100px;
  }
  #features .left_box,
  #features .right_box dt {
    font-size: 21px;
  }
  #features .result {
    font-size: 24px;
    margin-bottom: 60px;
  }

  /* #part */
  #part {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  #part h2{
    margin-bottom: 40px;
  }

    /* #flow */
  #flow{
    padding-top: 40px;
    padding-bottom: 0px;
  }

  /* # kodokushi */
  #kodokushi h2{
    font-size: 24px;
    line-height: 2.2rem;
    margin-bottom: 100px;
  }

  #kodokushi .tel{
    font-size: 35px;
    line-height:35px;
    background-size: auto 35px ;
    background-position: left top;
  }
}