@charset "utf-8"; 

body{
    color:#000;
}
.inner-width{
    padding:0 1rem;
    margin:0 auto;
    max-width:1000px;
}
.title-row{
    margin-bottom:1rem;
}


.sec2-inner{
    position:relative;
}
.logo-image img,
.firstview img{
    width:100%;
}


.logo-image{
    position:absolute;
    left:3rem;
    top:1.5rem;
    width:9.5%;
    z-index: 100;
}
@media (max-width:768px){
    .logo-image{
        top: 0.5rem;
        left: 0.5rem;
        width:18%;
    }
}


#description{
    padding:8rem 0;
    background-image:url(../img/background_01.jpg);
    background-repeat:no-repeat;
    background-position:right -5% center;
    background-size: auto 85%;
}
@media (min-width:1920px){
    #description{
        background-position:left 103% center;
    }
}
@media (max-width:768px){
    #description{
        background-size:80% auto;
        background-position: right -30% center;
    }
}
@media (max-width:480px){
    #description{
        padding:4rem 0 8rem 0;
        background-position: right -20% bottom 10%;
        background-size:80% auto;
    }   
}

.new-image{
    width: 18rem;
}

.gallerySwiper{
    overflow:visible;
    max-width:460px;
}
.gallerySwiper a{
    display:inline-block;
    vertical-align: bottom;
    position:relative;
    z-index:1;
}
.gallerySwiper a + a{
    transform:translate(50%);
}

@media (max-width:480px){
    .gallerySwiper{
        overflow:visible;
        max-width:50%;
    }
}



.gallery-title > .gallery-image{
    width:20rem;
}
#gallery{
    overflow:hidden;
}

.gallery-row{
    position:relative;
    z-index: 0;
}

.gallery-row .sw-btn-next,
.gallery-row .sw-btn-prev{
    position:absolute;
    top:0;
    bottom:0;

    margin:auto;
    z-index:10;
    width:4rem;
    height:4rem;
    cursor:pointer;
    background-color:#fff;
    border-radius:100%;
}
.gallery-row .sw-btn-prev{
    left:1%;
}
.gallery-row .sw-btn-next{
    right:1%;
}


.gallery-row .sw-btn-prev:before{
    left:25%;
    border-left:4px solid transparent;
    border-bottom:4px solid transparent;
    transform:rotate(45deg) translate(25% , -25%);
}
.gallery-row .sw-btn-next:before{
    right:25%;
    border-right:4px solid transparent;
    border-bottom:4px solid transparent;
    transform:rotate(-45deg) translate(-25% , -25%);
}
.gallery-row .sw-btn-next:before,
.gallery-row .sw-btn-prev:before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    display:block;
    margin:auto;
    width:30%;
    height:30%;
    border-color:#333;
}



.movie-image{
    width: 13.13rem;
}
.movie-wrap{
    position:relative;
    width:100%;
    padding-top:calc((100% / 16) * 9);
    background-color:#000;
}
.movie-wrap .movie{
    position:absolute;
    top:0; 
    left:0;
    width:100%;
    height:100%;
}


.movie{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: space-between;
    max-width: 2000px;
    margin: 0 auto;
    margin-top:-1rem;
    padding:0 1rem;
}
.movie video{
    cursor: pointer;
}
.movie > .flex-item{
    width:calc(((100% - 2rem) / 3));
    margin-top:1rem;
}
.movie > .flex-item + .flex-item{
    /* margin-left:-4rem; */
}


.movie-text{
    background-color:#f2f2f2;
    text-align:center;
    padding:2.5rem 0;
    font-size:1rem;
}
.movie-text h3{
    font-weight:bold;
    font-size:1.1em;

}
.mt-inner{
    text-align:left;
    display:inline-block;
}
.mt-inner p{
    font-size:1.1em;
    margin-top:1rem;
    line-height:1.5;
}

@media (max-width:768px){
	.movie > .flex-item{
	    width:calc(((100% - 1rem) / 2));
	    margin-top: 1rem;
	}

	.movie{
		margin-top: -1rem;
	}
}
@media (max-width:480px){
	.movie > .flex-item{
	    width:calc(100% / 1);
		margin-top:1rem;
	}
    .movie > .flex-item + .flex-item{
        margin-left:0rem;
    }
}


.space{
    padding-top:8rem;
    background-color:#fff;
}


footer.background-show:before{
    background-image:url(../img/footer.jpg) !important;
    background-position: center !important;
  }



#article{
    background-color: #e0e0e0;
    padding-top: 4rem;
}

.article-title .article-image{
    width: 13.13rem;
}
  .pdf-title{
	display:flex;
	align-items:flex-end;
	width: 100%;
}

.pdf_title-image{
	width: 4rem;
}
.pdf_title-image img{
	width:100%;
}
.pdf-title h3{
	padding:0.5rem;
	font-size:1.1rem;
	border-bottom: 3px solid #2700c6;
	width: 100%;
	margin-bottom: 0.5rem;
}


.article-box{
    display:flex;
    flex-wrap:wrap;
    margin:0 -1rem;
    margin-top: -1rem;
}
.article-box > .flex-item{
    width:calc((100% / 2) * 1 - 0.01px);
    padding:0 1rem;
    margin-top: 2rem;
}

.article-image img{
    width:100%;
}
/* @media (max-width:768px){
    .article-box > .flex-item{
        width:calc((100% / 2) * 1 - 0.01px);
    }
}
@media (max-width:480px){
    .article-box > .flex-item{
        width:calc((100% / 1) * 1 - 0.01px);
    }
} */


.link-row{
	text-align:center;
}
.lineup{
    display:flex;
    flex-wrap:wrap;
    margin:0 -0.5rem;
}
.lineup > .flex-item{
    width:calc((100% / 2) * 1 - 0.01px);
    padding:0 0.5rem;
}
@media (max-width:480px){
    .lineup > .flex-item{
        width:calc((100% / 1) * 1 - 0.01px);
		margin-top:2rem;
    }
    .lineup > .flex-item + .flex-item{
        margin-top:2rem;
    }
	.link-row{
		margin-top:-0.5rem
	}
}
#lineup a,
#lineup span.link{
	background-color:#1300de;
	color:#fff;
	display:inline-block;
	padding:0.75rem 2rem;
	border-radius:5rem;
	font-size:1.1rem;
	letter-spacing:0.125rem;
}

.lineup-title{
	margin:0;
}
.lineup_title-image{
	width: 13.5rem;
}