@charset "utf-8";

img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}

.interview-background {
  background-color:#F5F5F5;
}
.interview-title{
  text-align: center;
  font-size: 18px;
  color: #442602;
  background-color: #ffffff;
  line-height: 1.5;
  margin: 30px;
  clear: both;
}
.interview-text-box-category{
  color: #000;
}
.interview-text-box-name{
  color: #000;     
}  


@media screen and (max-width: 767px) {
/* スマホ用のスタイル */
  .interview-header-image-image {
      text-align: center;
      margin: auto;
  }
  .interview-text-box{
      text-align: center;
      padding: 15px 0 25px 0;
  }
  .interview-text-box-category{
      font-size: 12px;
      line-height: 2;
  }
  .interview-text-box-name{
      font-size: 15px;   
  }
  .interview-header-image-image img {
    width: auto;
    padding: 30px 0 0 0;
    height: 250px;
  } 
}
@media screen and (min-width: 767px) {
/* PC用のスタイル */
  .interview-background {
      height: 350px;
  }
  .interview-header{
      width: 92.1875%;
  }
  .interview-header-image{
      float: right;
      width: 45%;
  }
  .interview-text{
      float: right;
  }
  .interview-header-image-image img {
      width: 266px;
      height: auto;
      margin: 60px 0 0 20px;
  } 
  .interview-text-box{
      padding : 5px 70px;
      background-color : #ffffff;
      text-align: center;
      line-height: 1.5;
      margin: 130px 30px 0 0;
  }
  .interview-text-box-category{
      font-size: 20px;
  }
  .interview-text-box-name{
      font-size: 30px;   
  }
  .interview-title{
      font-size: 30px;
      margin: 50px 0 50px 0;
  }
}