/*====================================================================
    
====================================================================*/
h1.hd {
  margin-bottom: 30px;
}

.box.imgR {
  margin-bottom: 50px;
}
.box.imgR div.img {
  margin-top: -150px;
}

.box.reason h2.hd {
  height: 90px;
  line-height: 90px;
  margin-bottom: 20px;
}
.box.reason div.info {
  margin-bottom: 40px;
  *zoom: 1;
}
.box.reason div.info:before, .box.reason div.info:after {
  content: " ";
  display: table;
}
.box.reason div.info:after {
  clear: both;
}
.box.reason div.voice {
  position: relative;
  width: 100%;
  height: 235px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #fafafa;
  margin-bottom: 60px;
}
.box.reason div.voice div.bg {
  position: absolute;
  left: 135px;
  top: 30px;
}
.box.reason div.voice div.c {
  position: absolute;
  left: 30px;
  top: 40px;
  width: 100px;
}
.box.reason div.voice p.c {
  width: 630px;
  position: absolute;
  left: 200px;
  top: 60px;
}
.box.reason.l div.info div.img {
  float: right;
}
.box.reason.l div.info p.t {
  margin-right: 300px;
}
.box.reason.r h2.hd {
  text-align: right;
}
.box.reason.r div.info div.img {
  float: left;
}
.box.reason.r div.info p.t {
  margin-left: 300px;
}
.box.reason.r div.voice div.bg {
  position: absolute;
  left: 30px;
  top: 30px;
}
.box.reason.r div.voice div.c {
  position: absolute;
  left: 770px;
  top: 40px;
  width: 100px;
}
.box.reason.r div.voice p.c {
  position: absolute;
  left: 60px;
  top: 60px;
}

/*====================================================================
    
====================================================================*/
@media only screen and (max-width: 660px), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .box.imgR {
    width: 560px;
    margin: 0 auto 40px;
    border-bottom: 2px solid #cccccc;
  }
  .box.imgR div.img {
    margin-top: 0px;
  }
  .box.imgR p {
    margin: 0px;
  }

  .box.reason {
    width: 560px;
    margin: 0 auto 30px;
    border-bottom: 2px solid #cccccc;
  }
  .box.reason div.info {
    margin-bottom: 0px;
    *zoom: 1;
  }
  .box.reason div.info:before, .box.reason div.info:after {
    content: " ";
    display: table;
  }
  .box.reason div.info:after {
    clear: both;
  }
  .box.reason.l h2.hd, .box.reason.r h2.hd {
    text-align: left;
  }
  .box.reason.l div.info div.img, .box.reason.r div.info div.img {
    float: right;
    margin: 0 0px 20px 30px;
  }
  .box.reason.l div.info p.t, .box.reason.r div.info p.t {
    margin-right: 0;
    margin-left: 0;
  }
  .box.reason.l div.voice, .box.reason.r div.voice {
    height: 280px;
    border: none;
    background: transparent;
    margin-bottom: 20px;
  }
  .box.reason.l div.voice div.bg, .box.reason.r div.voice div.bg {
    position: absolute;
    left: 105px;
    top: 30px;
  }
  .box.reason.l div.voice div.c, .box.reason.r div.voice div.c {
    position: absolute;
    left: 0px;
    top: 40px;
    width: 100px;
    font-size: 14px;
  }
  .box.reason.l div.voice p.c, .box.reason.r div.voice p.c {
    font-size: 18px;
    width: 380px;
    position: absolute;
    left: 165px;
    top: 45px;
  }
  .box.reason.p01 div.voice {
    height: 360px;
  }
  .box.reason.p04 div.voice {
    height: 360px;
  }
}
/*====================================================================
    
====================================================================*/