#visual-container .row {
}

@media (min-width: 769px) {
  #visual-container .row {
    min-height: 520px;
  }
}

.embed-responsive-7by4 {
  padding-bottom: 53%;
}

.embed-responsive-7by4 > .center-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 120px;
  color: white;
  text-align: center;
/*
  background-color: rgba(103, 137, 177, 0.6);
*/
  background-color: rgba(153, 153, 153, 0.7);
  background-blend-mode: multiply;
  margin: -60px 0 0 -100px;
}

@media (min-width: 769px) {
  .embed-responsive-7by4 > .center-middle {
    height: 200px;
    margin: -100px 0 0 -100px;
  }
}

.embed-responsive-7by4 > .right-bottom {
  position: absolute;
  bottom: 2em;
  right: 0;
  width: 100%;
  height: 86px;
  color: white;
  text-align: right;
  background: transparent url(/assets/img/content/home/mv-top-bg-slide-right-bottom.png) right bottom /auto no-repeat scroll;
}

.embed-responsive-7by4 > .right-bottom > span {
  display: inline-block;
  width: 300px;
  text-align: center;
  margin-right: 2em;
}

.embed-responsive-7by4 i {
  display: inline-block;
  font-weight: 100;
  font-size: xx-large;
  line-height: 1em;
}

.swiper-slide-01 > div {
  background-image: url(/assets/img/content/home/mv-top-bg-slide-01.jpg);
}

.swiper-slide-02 > div {
  background-image: url(/assets/img/content/home/mv-top-bg-slide-02.jpg);
}

.swiper-slide-03 > div {
  background-image: url(/assets/img/content/home/mv-top-bg-slide-03.jpg);
}

.swiper-slide-04 > div {
  background-image: url(/assets/img/content/home/mv-top-bg-slide-04.jpg);
}

.swiper-slide-01 > div > div,
.swiper-slide-02 > div > div {
  font-size: medium;
  font-style: italic;
  letter-spacing: 0.1em;
  padding-top: 40px;
}

@media (min-width: 769px) {
  .swiper-slide-01 > div > div,
  .swiper-slide-02 > div > div {
    font-size: large;
    padding-top: 70px;
  }
}

.swiper-slide-03 > div > div,
.swiper-slide-04 > div > div {
  font-size: medium;
  font-style: italic;
  letter-spacing: 0.1em;
  padding-top: 1.6em;
}

@media (min-width: 769px) {
  .swiper-slide-03 > div > div,
  .swiper-slide-04 > div > div {
    font-size: large;
  }
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  text-align: right;
  padding-right: 2em;
}

.swiper-pagination-bullet-active {
  background-color: #333;
}

.home .swiper-pagination-bullet {
  background-color: #BBB;
  opacity: 0.9;
}

.home .swiper-pagination-bullet-active {
  background-color: #333;
}


.panel {
  border: 1px solid #CCC;
}

@media (min-width: 769px) {
  .panel {
    border: none;
  }
}

.panel .panel-heading .embed-responsive {
  background-position: top;
}

.panel .panel-body .embed-responsive {
  background-color: transparent;
  background-image: none;
}

.panel .panel-footer .embed-responsive {
  background-position: bottom;
}

.panel div .embed-responsive .arrow {
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: transparent;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.panel .panel-heading .embed-responsive .arrow {
  bottom: 0;
}

.panel .panel-footer .embed-responsive .arrow {
  top: 0;
}

.panel .panel-heading .embed-responsive .arrow,
.panel-bg-white .panel-heading .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-down-bg-white.png);
}

.panel .panel-footer .embed-responsive .arrow,
.panel-bg-white .panel-footer .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-up-bg-white.png);
}

a:hover .panel-bg-steelblue .panel-heading .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-down-bg-steelblue.png);
}

a:hover .panel-bg-steelblue .panel-footer .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-up-bg-steelblue.png);
}

a:hover .panel-bg-gainsboro .panel-heading .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-down-bg-gainsboro.png);
}

a:hover .panel-bg-gainsboro .panel-footer .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-up-bg-gainsboro.png);
}

a:hover .panel-bg-navy .panel-heading .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-down-bg-navy.png);
}

a:hover .panel-bg-navy .panel-footer .embed-responsive .arrow {
  background-image: url(/assets/img/common/transparent_arrow-up-bg-navy.png);
}

.panel .embed-responsive dl {
  padding: 0 0.5em;
}

.panel .panel-heading .embed-responsive dl {
  padding-top: 5em;
}

.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
  position: relative;
}

.panel .panel-body .embed-responsive dl {
  padding-top: 3.6em;
}

@media (min-width: 769px) {
  .panel .panel-body .embed-responsive dl {
    padding-top: 4em;
  }
  .row-grid .col-xs-12.col-md-4:nth-child(2) .panel-body dl,
  .row-grid .col-xs-12.col-md-4:nth-child(5) .panel-body dl {
    padding-top: 6em;
  }
}

.panel .embed-responsive dl dt {
  font-size: large;
  padding: 0.5em 0;
}

.panel .embed-responsive dl dd {
  color: #545454;
  font-size: smaller;
}

@media (min-width: 769px) {
  .panel .embed-responsive dl dd {
    font-size: small;
  }
}

a:hover .panel.panel-bg-steelblue .embed-responsive dt,
a:hover .panel.panel-bg-navy .embed-responsive dt {
  color: white;
}

a:hover .panel.panel-bg-steelblue .embed-responsive dd,
a:hover .panel.panel-bg-navy .embed-responsive dd {
  color: #eeeeee;
}

.panel-body .icon-for {
  position: absolute;
  top: -10px;
  left: 10px;
}

.row-grid .col-xs-12.col-md-4 a:hover {
  box-shadow:0px 0px 9px 3px #cccccc;
  -moz-box-shadow:0px 0px 9px 3px #cccccc;
  -webkit-box-shadow:0px 0px 9px 3px #cccccc;
}

@media (min-width: 769px) {
  .panel-body .icon-for {
    top: 0px;
  }
  .row-grid .col-xs-12.col-md-4:nth-child(2) .panel-body .icon-for,
  .row-grid .col-xs-12.col-md-4:nth-child(5) .panel-body .icon-for {
    top: 1em;
  }
}

.row-news dl {
  border-bottom: 1px solid lightgray;
  padding: 0.5em;
  margin-bottom: 0.5em;
}

.row-news dl dt {
  padding-bottom: 0.5em;
}

.row-news dl dt .btn {
  font-weight: lighter;
  letter-spacing: 0.1em;
  padding: 0 0.75em;
  margin-left: 0.5em;
}

.row-news dl dd {
  padding-bottom: 0.5em;
}

#content-container .row-related-site p {
  line-height: 1.5em;
}