/*	intro_top
============================== */
p.intro_top {
   color: #53301a;
   text-align: center;
   font: bold 12px/1.6 "Times New Roman", Times, serif;
}
p.intro_top span.red {
   color: #bd1634;
}
p.intro_top span.blue {
   color: #1d2088;
}
.intro h1 {
   background-image: url(../img/intro_h1.jpg);
}
.kakusu {
	visibility:hidden;
}
@media all and (min-width: 768px) {
   p.intro_top {
      font-size: 19px;
      line-height: 41px;
      margin-bottom: 20px;
   }
   p.intro_top span.big {
      font-size: 26px;
   }
   .intro h1 {
      background-repeat: no-repeat;
      white-space: nowrap; text-indent: 110%; overflow: hidden;
      width: 956px;
      height: 207px;
   }
   .intro div.atcl_inner {
      margin-top: -80px;
      background-color: hsla(0, 0%, 100%, 0.8);
   }

}
@media all and (max-width: 767px) {
   p.intro_top {
      line-height: 200%;
      margin-bottom: 10px;
   }
   p.intro_top span.big {
      font-size: 120%;
   }
}
/*	figure.intro_main
============================== */
@media all and (min-width: 768px) {
   figure.intro_main p span,
   figure.intro_main p span img {
   	width: 564px;
   	height: 204px;
   	margin: 0 auto 100px;
   }
}
@media all and (max-width: 767px) {
   figure.intro_main p span {
      padding-top: 36.1702127659574%;
      margin-bottom: 30px;
   }
}
/*	figure.intro_cast
============================== */
@media all and (min-width: 768px) {
   figure.intro_cast p span,
   figure.intro_cast p span img {
   	width:500px;
   	height:193px;
      margin-bottom: 30px;
   }
}
@media all and (max-width: 767px) {
   figure.intro_cast p span {
      padding-top:38.6%;
      margin-bottom: 10px;
   }
}
/*	.intro p.txt
============================== */
@media all and (min-width: 768px) {
   .intro p.lines {
      width: 800px;
      margin: 0 auto 30px;
      font-size: 15px;
   }
}
@media all and (max-width: 767px) {
   .intro p.lines {
      margin-bottom: 10px;
   }
}
/*	.intro p.red_big
============================== */
.intro p.red_big {
   color: #bd1634;
   text-align: center;
   font-weight: bold;
}
@media all and (min-width: 768px) {
   .intro p.red_big {
      font-size: 20px;
      line-height: 34px;
      margin-bottom: 30px;
   }
}
@media all and (max-width: 767px) {
   .intro p.red_big {
      line-height: 200%;
      margin-bottom: 10px;
   }
}


figure.intro_02 p span {
   box-shadow: none;
   border: 0;
}

@media all and (min-width: 768px) {
   figure.intro_02 p span,
   figure.intro_02 p span img {
      width: 250px;
      height: 360px;
   }
}
@media all and (max-width: 767px) {
   figure.intro_02 p span,
   figure.intro_02 p span img {
      width: 180px;
      height: 259px;
   }
}