/* ===========================================
                   LP
============================================ */
#main {
  padding-bottom: 0;
}
#what_works li {
  position:relative;
}
/* =========ブランディアの在宅ワークとは?========== */
#what_works ul p {
  padding: 10px 5px 5px 90px;
  text-align: left;
  font-size:24px;
  font-weight: bold;
  color:#333;
}
#what_works li i {
  top:10px;
  left:10px;
}
#what_works li {
  padding-bottom: 10px;
  border-radius: 5px;
  position:relative;
  background:#fff;
}
#what_works li i {position:absolute;}
/* =========働き始めるまでの流れは??========== */
#nagare ul li {
  font-weight: bold;
  size:20px;
}

.link_menu {
  margin:30px auto 0;
  width:885px;
}
.link_menu li {
  font-weight: bold;
  font-size: 16px;
  float:left;
}
.link_menu li a{
  color:#fff;
  display: block;
  margin:0 9px;
  width:159px;
  height:145px;
}
.link_menu i {
  margin:5px 0 15px;
}

/* =========お仕事にまつわるQ&A========== */
#q_a dl {
  width:100%;
  margin:10px auto 0;
  padding:20px;
  border: 5px solid #f5f5f5;
  border-radius: 5px;
}
#q_a dl *{
  text-align: left;
}
#q_a dt{
  line-height: 45px;
  font-size: 24px;
  font-weight: bold;
}
#q_a dd{
  margin-top: 5px;
  color:#999;
  padding-top: 6px;
}
#q_a dt,
#q_a dd {
  position:relative;
  padding-left: 50px;
}
#q_a dt i,
#q_a dd i {
  position:absolute;
  top:0;
  left:0;
}
#q_a dd ul,
#q_a dd p {
  margin:10px 0 0 20px;
}
/* =========kopage_link========== */
.kopage_link_01 {
  margin-top: 15px;
  font-weight: bold;
}
.kopage_link_01 span{
  color:#999;
}
.kopage_link_01 a {
  margin: 10px 0 15px;
  font-size: 20px;
  display:inline-block;
  border-radius:5px;
  padding:10px 20px 9px;
  background:#fff;
  border:1px solid #cc6c1b;
  color:#d34a3b;
  width: 95%;
  max-width: 685px;
}
.kopage_link_02 {
  margin-top: 30px;
}
.kopage_link_02 a {
  margin: 10px 0 0;
  display:inline-block;
  border-radius:5px;
  padding:9px 20px 5px;
  background:#fff;
  border:1px solid #cc6c1b;
  color:#d34a3b;
  font-weight: bold;
}
/* =========ワーカーさんから嬉しい声が届いています！========== */

#voice .box_03 {
  padding:10px;
}
#voice .comment{
  text-align: left;
}
#voice dt + dd {
  margin:50px 12px 0;
  font-weight: bold;
}
#voice dt,#voice dd {
  float:left;
}
#voice dd span {
  font-weight: bold;
  color:#e57a1f;
}
#voice .box_03 {
  color:#333;
}
@media screen and (min-width: 1000px) {
  #zenkoku .box_03 {
    width:82%;
  }
}
/* =========こんな方にオススメ========== */
#recommend ul{
  width:85%;
  margin:0 auto;
}
#recommend ul li p {
  color:#999;
}
.tel {
  font-size: 20px;
  font-weight: bold;
}

/* ===========================================
                  kininaru
============================================ */

/*1000*/
@media screen and (min-width: 1000px) {
  #tanmatsu,#kikkake {
    background: url(../../zaitakuwork/images/kininaru/question_bg01.png?20170330) no-repeat right 50px;
  }
  #zenkoku {
    background-image: url(../../zaitakuwork/images/kininaru/question_bg02.png?20170330);
    background-repeat: no-repeat;
    background-position: left 50px
  }
}
@media screen and (min-width: 640px) {
  #kikkake .graph {
    max-width: 800px;
    margin: 30px auto;
  }
  #kikkake .graph01 {width:40%;}
  #kikkake .graph02 {width:58%;margin:9% 0 0 2%;}
  #tanmatsu .graph {
    max-width: 600px;
    margin: 10px auto;
  }
  #tanmatsu .graph01 {width:58%;}
  #tanmatsu .graph02 {width:40%;margin:18% 0 0 2%;}
}


ul.graph02 li {
  font-size: 13px;
  text-align: left;
}
@media screen and (min-width:1px) and ( max-width:999px) {
  ul.graph02 li {
    font-size: 11px;
    text-align: left;
  }
}
ul.graph02 li i {
  margin-top: 10px;
  margin-right: 5px;
  content: " ";
  display: inline-block;
  height:10px;
  width: 10px;
  background:#000;
}
ul.graph02 li .c_red {background:#cc4a3d;}
ul.graph02 li .c_orenge {background:#ed883a;}
ul.graph02 li .c_yellow {background:#ddc942;}
ul.graph02 li .c_green {background:#95d237;}
ul.graph02 li .c_cyan {background:#48d6be;}
ul.graph02 li .c_lightblue {background:#4896d4;}
ul.graph02 li .c_blue {background:#4b4ad2;}
ul.graph02 li .c_purple {background:#974ace;}
ul.graph02 li .c_magenta {background:#cc3f8b;}


.riyuu {
  padding: 40px 0 0;
  width:90%;
  max-width:900px;
  margin: 50px auto 0;
  background:url(../../zaitakuwork/images/bg_dot.jpg) no-repeat top center;
  background-size: 100% auto;
}
.riyuu h3 {
  margin-bottom: 5px;
}
.riyuu ul li{
  font-weight: bold;
  padding:10px 2px;
  border-radius: 5px;
  background:#f8f8f8;
  font-size: 20px;
}
.riyuu ul li span{
  font-weight: normal;
  font-size: 14px;
}
.riyuu p {
  margin-top: 30px;
  font-size: 14px;
}
@media screen and (min-width:1px) and ( max-width:640px) {
  .graph01,.graph02 {width:100%;padding:0 10px;}
  .graph01 img {width:80%;}
  .tiiki {
  overflow-x:scroll;
  -webkit-overflow-scrolling: touch;
  }
  .tiiki img {
    max-width:640px;
  }
}