@charset "UTF-8";



#boxVoice {
}

.boxPhoto {
  padding:0 0 30px 0;
}



/* ------------------------------------------------------------ */
/*   For PC                                                     */
/* ------------------------------------------------------------ */
@media print, screen and (min-width: 641px) {

#boxVoice h1 {
  width:100%;
  height:550px;
  background:url("img/voice_title.jpg") no-repeat center center;
  text-indent:-9999px;
}

#boxVoice h2 {
  padding-top:30px;
  font-size:24px;
  line-height:32px;
  text-align:center;
  background:url("img/voice_bg_sec.png") no-repeat top center;
}

#boxVoice p {
  padding:16px 150px 54px;
  font-size:16px;
  line-height:28px;
}
.boxPhoto2 {
  padding:0 0 16px;
  font-size:16px;
  line-height:28px;
  text-align:center;
}

.boxPhoto > img {
  width:100%;
}
.boxPhoto2 > img {
  margin:0 auto;
  width:auto;
  height:400px;
}


#voiceCopy {
  margin:0 auto;
  padding:36px 0 36px;
  width:800px;
  font-size:22px;
  line-height:28px;
  text-align:center;
}

#voiceProfile {
  position:relative;
  width:1100px;
  height:400px;
}
#profileFrame {
  position:absolute;
  top:0;
  left:0;
  width:400px;
  z-index:10;
}
#profileFrame span {
  display:block;
  padding:3px;
  font-size:12px;
  line-height:16px;
}
#profileFrame p {
  padding:50px 50px;
  color:#fff;
  font-size:15px;
  line-height:22px;
}
#voiceProfile > img {
  position:absolute;
  top:0;
  left:0;
  z-index:5;
}



}


/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#boxVoice h1 {
  width:100%;
  height:300px;
  background:url("img/voice_sp_title.jpg") no-repeat center center;
  background-size:auto 300px;
  text-indent:-9999px;
}


#boxVoice h2 {
  padding-top:30px;
  font-size:22px;
  line-height:32px;
  text-align:center;
  background:url("img/voice_bg_sec.png") no-repeat top center;
}


#boxVoice p {
  padding:16px 10px 54px;
  font-size:14px;
  line-height:20px;
}

.boxPhoto > img {
  width:100%;
}
.boxPhoto2 {
  padding-bottom:16px;
  text-align:center;
}
.boxPhoto2 > img {
  margin:0 auto;
  width:auto;
  height:150px;
}

#voiceCopy {
  margin:0 auto;
  padding:36px 10px;
  width:auto;
  font-size:14px;
  line-height:22px;
  text-align:center;
}
#voiceCopy > img {
  width:100%;
}

#voiceProfile {
  position:normal;
  width:auto;
  height:auto;
}
#profileFrame {
  position:normal;
  width:auto;
  background:#000;
}
#profileFrame span {
  display:block;
  padding:3px;
  font-size:10px;
  line-height:14px;
}
#profileFrame p {
  padding:20px 20px;
  color:#fff;
  font-size:12px;
  line-height:15px;
}
#profileFrame p img {
  width:69px;
  height:37px;
}
#voiceProfile > img {
  position:normal;
}



}