@charset "UTF-8";
/* CSS Document */

main { position: relative; width: 100%; padding-top: 70px; background: #071224; z-index: 10; }

#container main .image { width: 100%; }
#container main .image.i1 { height: 400px; background-image: url("../img/about/out_ball_393.jpg"); }

#container main .contents > section .lead { margin-bottom: 40px; padding: 9px 1em 6px; background: #fff; color: #3e3a39; line-height: 1.2; font-size: 1.9rem; }


#container #movie_ytb h2{    color: #52A5DC; 
    margin-bottom: 0.8em;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;}
	
#container #movie_ytb>section{margin-bottom: 160px;}

/* #afterMovie
---------------------------------------- */
#movie_ytb {
  padding: 50px 0 100px;
}
#movie_ytb .wrap {
  position: relative;
  max-width: 650px;
  margin: 0 auto;
}
#movie_ytb .wrap .mov {
  position: relative;
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 56.25%;
}
#movie_ytb .wrap .mov iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


.comeson{max-width: 650px; height: 400px; margin: auto; background: rgba(255,255,255,.03); display: flex; justify-content: center; align-items: center;}

.comeson p{ color: #fff; font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;}

@media screen and (max-width: 768px) {
 main { padding-top: 50px; }
.comeson{height: 250px;}


}