@charset "UTF-8";

/* .mod-blk */
.mod-interview04 .mod-blk {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg1.jpg") no-repeat center 0;
  background-size: 750px 498px;
  height: 498px;
}
body.tablet-device .mod-interview04 .mod-blk {
  background-size: 1500px 996px;
  height: 996px;
}
.mod-interview04 .mod-blk .inner {
  width: 320px;
  margin: 0 auto;
  position: relative;
  color: #6e6e6e;
  line-height: 1.917em;
  font-size: 12px;
}
body.tablet-device .mod-interview04 .mod-blk .inner {
  font-size: 24px;
}
body.tablet-device .mod-interview04 .mod-blk .inner {
  width: 640px;
}
.mod-interview04 .mod-blk .inner .ja {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: bold;
  color: #6e6e6e;
}
body.tablet-device .mod-interview04 .mod-blk .inner .ja {
  font-size: 24px;
}
.mod-interview04 .mod-blk .inner .en {
  color: #e5349c;
  font-style: italic;
  font-weight: normal;
  line-height: 1.8em;
  letter-spacing: 1px;
  font-size: 10px;
}
body.tablet-device .mod-interview04 .mod-blk .inner .en {
  font-size: 24px;
}
/* .mod-blk */

/* .is-2 */
.mod-interview04 .mod-blk.is-2 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg2.jpg") no-repeat center 0;
  background-size: 750px 514px;
  height: 514px;
}
body.tablet-device .mod-interview04 .mod-blk.is-2 {
  background-size: 1500px 1028px;
  height: 1028px;
}
.mod-interview04 .mod-blk.is-2 .txt {
  position: absolute;
  width: 230px;
  top: 160px;
  left: 47px;
}
.mod-interview04 .mod-blk.is-2 .txt .ja {
  font-weight: bold;
}
.mod-interview04 .mod-blk.is-2 .txt .en {
  margin-top: 10px;
  letter-spacing: 0.6px;
}
body.tablet-device .mod-interview04 .mod-blk.is-2 .txt {
  width: 518px;
  top: 350px;
  left: 76px;
}
/* .is-2 */

/* .is-3 */
.mod-interview04 .mod-blk.is-3 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg3.jpg") no-repeat center 0;
  background-size: 750px 1172px;
  height: 1172px;
}
body.tablet-device .mod-interview04 .mod-blk.is-3 {
  background-size: 1500px 2344px;
  height: 2344px;
}
.mod-interview04 .mod-blk.is-3 .txt {
  position: absolute;
  color: #FFF;
  width: 225px;
  left: 60px;
  top: 213px;
}
.mod-interview04 .mod-blk.is-3 .txt .ja {
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  font-weight: bold;
}
.mod-interview04 .mod-blk.is-3 .txt .en {
  margin-top: 5px;
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
  line-height: 1.6em !important;
}
body.tablet-device .mod-interview04 .mod-blk.is-3 .txt {
  width: 480px;
  left: 100px;
  top: 426px;
}
/* .is-3 */

/* .is-4 */
.mod-interview04 .mod-blk.is-4 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg4.jpg") no-repeat center 0;
  background-size: 750px 408.5px;
  height: 408.5px;
}
body.tablet-device .mod-interview04 .mod-blk.is-4 {
  background-size: 1500px 817px;
  height: 817px;
}
.mod-interview04 .mod-blk.is-4 .txt {
  position: absolute;
  top: 110px;
  left: 86px;
  width: 203px;
}
.mod-interview04 .mod-blk.is-4 .txt .ja {
  color: #fff;
  font-weight: normal;
}
.mod-interview04 .mod-blk.is-4 .txt .en {
  margin: 4px 0px 0px 0px;
}
body.tablet-device .mod-interview04 .mod-blk.is-4 .txt {
  top: 215px;
  left: 172px;
  width: 406px;
}
/* .is-4 */

/* .is-5 */
.mod-interview04 .mod-blk.is-5 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg5.jpg") no-repeat center 0;
  background-size: 750px 659.5px;
  height: 659.5px;
}
body.tablet-device .mod-interview04 .mod-blk.is-5 {
  background-size: 1500px 1319px;
  height: 1319px;
}
.mod-interview04 .mod-blk.is-5 .txt {
  position: absolute;
  width: 260px;
  top: 137px;
  left: 36px;
}
.mod-interview04 .mod-blk.is-5 .txt .ja {
  color: #6e6e6e;
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
}
.mod-interview04 .mod-blk.is-5 .txt .en {
  margin-top: 20px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  line-height: 1.6em !important;
}
body.tablet-device .mod-interview04 .mod-blk.is-5 .txt {
  width: 510px;
  top: 274px;
  left: 66px;
}
/* .is-5 */

/* .is-6 */
.mod-interview04 .mod-blk.is-6 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg6.jpg") no-repeat center 0;
  background-size: 750px 489.5px;
  height: 489.5px;
}
body.tablet-device .mod-interview04 .mod-blk.is-6 {
  background-size: 1500px 979px;
  height: 979px;
}
.mod-interview04 .mod-blk.is-6 .txt {
  position: absolute;
  color: #fff;
  width: 251px;
  top: 135px;
  left: 45px;
}
.mod-interview04 .mod-blk.is-6 .txt .ja {
  color:#6e6e6e;
}
.mod-interview04 .mod-blk.is-6 .txt .en {
  margin-top: 10px;
}
body.tablet-device .mod-interview04 .mod-blk.is-6 .txt {
  width: 502px;
  top: 270px;
  left: 90px;
}
/* .is-6 */

/* .is-7 */
.mod-interview04 .mod-blk.is-7 {
  background: url("/sp/hanatsubaki/2015dream/img/interview/bg7.jpg") no-repeat center 0;
  background-size: 750px 642px;
  height: 642px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 {
  background-size: 1500px 1284px;
  height: 1284px;
}
.mod-interview04 .mod-blk.is-7 .txt {
  position: absolute;
  top: 42px;
  left: 72px;
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}
.mod-interview04 .mod-blk.is-7 .txt .ja {
  width: 192px;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 0px;
  line-height: 1.7em;
}
.mod-interview04 .mod-blk.is-7 .txt .en {
  width: 189px;
  margin-top: 17px;
  line-height: 1.6em;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt .en {
  letter-spacing: 0.6px;
}
.mod-interview04 .mod-blk.is-7 .txt .siteurl {
  margin-top: 13px;
}
.mod-interview04 .mod-blk.is-7 .txt .siteurl a {
  position: absolute;
  width: 147px;
  display: block;
  bottom: -21px;
  left: 0px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt {
  width: 388px;
  top: 100px;
  left: 144px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt .siteurl a {
  bottom: -85px;
  left: 5px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt .siteurl a img {
  width: 285px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt .ja {
  width: 388px;
  font-size: 20px;
}
body.tablet-device .mod-interview04 .mod-blk.is-7 .txt .en {
  width: 388px;
  margin-top: 34px;
  font-size: 20px;
  line-height: 1.6;
}
/* .is-7 */
