@charset "utf-8";
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 7.5%;
  width: 85% !important;
  height: 85% !important;
}
#headline{
  margin-bottom: 1em;
}
.interview h2{
  padding-bottom: 0.5em;
}
/*.interview dt:before{
  content: "・";
}*/
.interview dt{
  font-weight: bold;
}
.col02 .box-img{
  width: 48%;
  margin-bottom: 1em;
}
.col02 .box-img.left{
  float: left;
  margin-right: 4%;
}
.col02 .box-img.right{
  float: right;
  margin-left: 4%;
}
.col02 .box-sentence{
  float: left;
  width: 48%;
}
@media screen and (max-width: 768px) {
  .interview{
    border: solid 2px #ccc;
    border-radius: 2%;
    padding: 2%;
  }
  #area-container .section.interview{
    margin-top: 1em;
  }
  .col02.break .box-img{
  width: 100%;
  }
  .interview dd{
    margin-left: 1em;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  #headline{
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: left !important;
  }
  .interview h2{
    text-align: left !important;
  }
  .box-sentence{
    font-size: 120%;
  }
  .col02 .box-sentence{
    float: none;
    width: auto;
  }
}