/* line 10, index.scss */
.about {
  padding: 80px 60px;
}
/* line 12, index.scss */
.about__title_h1 {
  background: url(/img/shared/line_h1_01.png) repeat-x left bottom;
  padding-bottom: 20px;
  font-size: 25px;
  color: #333;
}
/* line 17, index.scss */
.about__title_h1:before {
  top: -2px;
}
/* line 21, index.scss */
.about__p01 {
  padding-top: 50px;
  color: #505050;
  line-height: 2;
  font-size: 13px;
}
/* line 25, index.scss */
.about__movie {
  margin-top: 40px;
}
/* line 28, index.scss */
.about__ul01 {
  zoom: 1;
  margin: 40px auto 60px;
}
/* line 26, ../sass/_mixin.scss */
.about__ul01:after {
  content: "";
  display: block;
  clear: both;
}
/* line 32, index.scss */
.about__ul01 li a {
  position: relative;
  display: block;
}
/* line 35, index.scss */
.about__ul01 li a:before {
  content: ' ';
  width: 100%;
  height: 268px;
  display: block;
  position: absolute;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#99000000', endColorstr='#99000000');
  background: transparent;
  background: rgba(0, 0, 0, 0.6);
  -moz-transition: ease 0.6s;
  -o-transition: ease 0.6s;
  -webkit-transition: ease 0.6s;
  transition: ease 0.6s;
}
/* line 173, ../sass/_mixin.scss */
:root .about__ul01 li a:before {
  filter: none\0/IE9;
}
/* line 45, index.scss */
.about__ul01 li a:hover:before {
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#40000000', endColorstr='#40000000');
  background: transparent;
  background: rgba(0, 0, 0, 0.25);
  -moz-transition: ease 0.6s;
  -o-transition: ease 0.6s;
  -webkit-transition: ease 0.6s;
  transition: ease 0.6s;
}
/* line 173, ../sass/_mixin.scss */
:root .about__ul01 li a:hover:before {
  filter: none\0/IE9;
}
/* line 49, index.scss */
.about__ul01 li a:hover img {
  opacity: 100;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10000)";
  filter: alpha(opacity=10000);
  zoom: 1;
}
/* line 55, index.scss */
.about__ul01__li01 {
  position: relative;
  float: left;
  width: 336px;
}
/* line 59, index.scss */
.about__ul01__li01__p01, .about__ul01__li02__p01, .about__ul01__li03__p01, .about__ul01__li04__p01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding-top: 65px;
}
/* line 67, index.scss */
.about__ul01__li01__p02, .about__ul01__li02__p02, .about__ul01__li03__p02, .about__ul01__li04__p02 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  margin: auto;
  width: 140px;
  height: 52px;
}
/* line 77, index.scss */
.about__ul01__li02 {
  position: relative;
  float: left;
  width: 336px;
  margin-left: 2px;
}
/* line 89, index.scss */
.about__ul01__li03 {
  position: relative;
  float: left;
  width: 336px;
  clear: both;
  margin-top: 2px;
}
/* line 102, index.scss */
.about__ul01__li04 {
  position: relative;
  float: left;
  width: 336px;
  margin-top: 2px;
  margin-left: 2px;
}

/* line 115, index.scss */
.ban_content {
  display: flex;
}
/* line 117, index.scss */
.ban_content .ban_img {
  margin-right: 40px;
}
/* line 120, index.scss */
.ban_content .ban_text {
  color: #505050;
  line-height: 2;
  font-size: 13px;
  line-height: 1.6;
  text-align: justify;
}
/* line 125, index.scss */
.ban_content + .ban_content {
  margin-top: 40px;
}

/*# sourceMappingURL=index.css.map */