@charset "UTF-8";
/* CSS Document */

.wrap {
  display: flex;
  margin: 30px 20px 5px 20px;
}

.hidari {
  float: left;
  width: 45%;
  margin: 10px 50px 0px 0px;
}

.box {
  padding: 0.5em 0 0.5em 1em;
  margin: 0em 0 0.5em 0;
  font-size: 14px;
  color: #b08bbe;
  background: -moz-linear-gradient(#ffffff, #cecfd8);
  background: -webkit-linear-gradient(#ffffff, #cecfd8);
  background: linear-gradient(to bottom, #ffffff 50%, #cecfd8);
  border-left: solid 4px #c7abd1;
  border-right: solid 4px #b5b8c5;
  border-bottom: solid 4px #b5b8c5;
  border-radius: 2px;
}

.migi {
  float: right;
  width: 54%;
  text-align: left;
}

.midashi {
  font-size: 24px;
  line-height: 34px;
  vertical-align: top;
}

.honbun {
  font-size: 14px;
  line-height: 24px;
  padding: 6px 0 0 0;
}

/*-- レスポンシブ対応 --------------------------*/
@media screen and (max-width: 760px) {

  .wrap {
/    display: block;
/    margin: 50px 100px 0px 100px;
  }

  .hidari {
/    width: 100%;
/    margin: 0 auto;
  }

  .box {
/    font-size: 20px;
  }

  .migi {
/    width: 100%;
/    margin: 20px auto;
  }

  .midashi {
/    font-size: 40px;
/    line-height: 88px;
  }

  .honbun {
/    font-size: 20px;
/    line-height: 48px;
  }

}