@charset "UTF-8";
/* Document
 * ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */


.page-title{
  margin:5% 5%;
  font-size:25px;
  font-weight:bold;
  border:solid 1px #9fa0a0;
  background-color:#fff;
}
.audio {
  margin:5% 5%;
}
.audio-content{
  margin:5% auto;
  padding:2%;
  background-color:#fff;
  border:solid 1px #9fa0a0;
}
.sentence-flex1{
  margin-right:5%;
}
.title1 {
  font-size:18px;
  font-weight:bold;
  border-bottom:solid 1px #9fa0a0;
}
.audio-img {
  width:100%;
  padding:2%
}
.audio-sentence1 {
  font-weight:bold;
  font-size:18px;
  border-bottom:solid 1px #9fa0a0;
}
.audio-sentence2{
  margin-bottom:5%;
}
@media screen and (min-width: 780px){
  .page-title{
    font-size:30px;
  }
  .audio-content{
    display:flex;
  }
  .sentence-flex1{
    width:50%;
  }
  .sentence-flex2{
    width:50%;
  }
}