@charset "UTF-8";
/* --------------------
   MV
-------------------- */
#mv {
  background: url("../images/voice/hd-img.jpg") no-repeat center center;
  background-size: cover;}

/* --------------------
   VOICE
-------------------- */
/* title */
#title { text-align: center;}
@media screen and (min-width: 1080px){ #title .contents { padding: 140px 0 160px;}}
@media screen and (max-width: 1080px){ #title { padding: 10vw 0;}}
@media screen and (max-width: 480px){ #title { padding: 15vw 0;}}

/* interview */
#interview h2 { padding: 20px 0 80px;}
#interview h3 {
  padding-left: 30px;
  line-height: 30px;
  border-left: 1px solid #989350;}
#interview .photo img { border-radius: 10px;margin-bottom: 20px;}
@media screen and (min-width: 1080px){
  #interview .contents { padding: 140px 0 80px;}
  #interview .flex {
    display: flex;
    justify-content: space-between;}
  #interview .flex.box2 {
    padding-top: 60px;
    flex-direction:row-reverse;}
  #interview .photo { width: 340px;}
  #interview .text { width: 660px;}
  #interview .text p { padding: 30px 0 80px;}}
@media screen and (max-width: 1080px){
  #interview { padding: 10vw 0 5vw;}
  #interview .contents > * { max-width: 500px;margin-left: auto; margin-right: auto;}
  #interview .photo { margin-bottom: 60px;}
  #interview .text p { padding: 20px 0 60px;}}
@media screen and (max-width: 480px){
  #interview { padding: 15vw 0 5vw;}
  #interview h2 { padding-bottom: 40px;}
  #interview h3 { padding-left: 20px;}
  #interview .photo p { text-align: center;}
  #interview .photo { margin-bottom:40px;}
  #interview .text p { padding: 20px 0 40px;}}

/* voice */
#voice { text-align: center;}
#voice p { padding:20px 0 60px;}
#voice a { margin:  0 auto;}
@media screen and (min-width: 1080px){
  #voice .contents {
    padding: 140px 0 160px;}}
@media screen and (max-width: 1080px){
  #voice { padding: 10vw 0;}
  #voice p { padding:20px 0 40px;}}
@media screen and (max-width: 480px){
  #voice { padding: 15vw 0;}
  #voice p { text-align: left;}}