@charset "UTF-8";




.top_img-item{
    width:50%;
}



.top_bnr{
display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
/*justify-content:center;*/
/*margin-top:10px;*/
padding:5px 0;
}


.top_bnr-item{
	width:32.5%;
/*	max-width: 400px;*/
/*margin:5px 5px;*/
border: 1px solid var(--link-border-color);
}

.top_bnr-item.no-border{

	border: 0px solid var(--link-border-color);
}

.top_bnr-item2{
	width:50%;
	/*border: 2px solid var(--color-02);*/
}

.top_bnr-item3{
	width:70%;
	/*border: 2px solid var(--color-02);*/
}


.top_bnr-pc{
	width:18%;
	position: absolute;
	bottom:25%;
	left:1.5%;
}

@media screen and (max-width: 767px) {
	
	.top_bnr-item2{
	width:100%;
	/*border: 2px solid var(--color-02);*/
}
	
		.top_bnr-item3{
	width:100%;
	/*border: 2px solid var(--color-02);*/
}
	
	.top_bnr-item{
width:90%;

			margin:5px auto;
}
}






.trailer-overlay {
	position: absolute;
	width:15%;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 150;
  transition: all 0.2s ease 0s;
    opacity:0.8;
	 pointer-events: none;
}





.trailer-img{
	opacity: 0.8;
	transition: all 0.2s ease 0s;
	border: 1px solid var(--link-border-color);
}

.trailer-img:hover{
	opacity:1;
}


@media (max-width: 767px) {
	
	.trailer-wrapper{
		width:100%;
	}
	
}





/*slick slide*/


.slideWrapper{
	/*max-width: 600px;*/ /* ×1 */
	/*max-width: 1200px !important;*/ /* ×2 jsの数も修正 */

/*	overflow-x: hidden;
	overflow-y: hidden;*/
/*	opacity: 0;*/
	margin: auto;
	margin-bottom: 0rem !important;
/*	overflow-x: hidden;*/
}

.sliderwaku{
	position: relative;
	display: block;
	padding: 0px 10px 0;
	overflow: hidden;

	}

.sliderwaku2{

	display: block;
	padding: 0px 0px 0;
	overflow: hidden;

	}

.slick-inner{
  padding: 0px 0px 0;
}


@media (max-width: 767px) {
	
	.sliderwaku{
	position: relative;
	display: block;
	padding: 0px 5px 0;
	overflow: hidden;

	}
}



.slick-slide:not(.slick-current) {
  opacity: 1;
}


.slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 20px;
    margin: 10px 8px 0;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
	margin: auto;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




.sliderwaku-header{
	position: relative;
	display: block;
	padding: 0px 0px 0;
	overflow: hidden;

	}


@media (max-width: 767px) {
	
	.sliderwaku-header{
	position: relative;
	display: block;
	padding: 0px 0px 0;
	overflow: hidden;

	}
}





/*slick loading*/
.headerSlide {
    display: none;
}
.headerSlide.slick-initialized {
    display: block;
}


/*headerSlide-inside*/


.headerSlide-inside{
    position: relative;
    width: 100%;
    height: 100%;
    /*border: 1px solid hsla(0,0%,54%,1.00);*/
    background-color: hsla(0,0%,100%,1.00);
	
	
	
}


.slide{
	 margin: 0px;
}




/*arrow*/

.slide-arrow{
  position: absolute;
  top: 50%;
  margin-top: -3%;
	width:2%;
	cursor: pointer;
	z-index:99;
	opacity: 0.7;
}

.slide-arrow:hover{
	opacity: 1;
}

.prev-arrow{
  left: 0;
 
}
.next-arrow{
  right:0px;

}


.slick-arrow.slick-disabled {
	opacity: 0;
}




.slick-dots li.slick-active button::before {
	opacity: 1;
	color: rgba(255,203,54,1.00);

}

@media (max-width: 767px) {
	.slide-arrow{
  top: 50%;
  margin-top: -10%;
	width:5%;
	cursor: pointer;
	z-index: 99;
	
}
	
	
	.slick-dots li {
    position: relative;
    display: inline-block;
    width: 8px;
    height: 20px;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 8px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
	margin: auto;
    content: '•';
    text-align: center;
    opacity: .5;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
}


#introduction{
     padding: 10rem 0;
}

#livefilm{
    background-image: url("../img/introduction/base_a.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    
    padding: 10rem 0 0;
}

#documentfilm{
    background-image: url("../img/introduction/base_b.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    
    padding: 10rem 0 0;
}


.intro-logo{
    max-width:300px;
    margin: auto;
}


.intro-text-base{
    position: relative;
    background-color: hsla(203,100%,29%,0.8);
    padding:4rem 0;
}

.intro-text-base2{
    position: relative;
    background-color:hsla(0,0%,15%,0.8);
    padding:4rem 0;
}


@media (max-width: 767px) {
    
    
    .intro-logo{
    max-width:300px;
        width:65%;
    margin: auto;
}
    

    
    .intro-text-base,
    .intro-text-base2{
      padding:2rem 0.5rem;  
    }
    
    
    #livefilm{
    background-image: url("../img/introduction/base_a_sp.webp");
    padding: 5rem 0 0;
    background-position: center top;
    background-size:100% auto;
          background-attachment:scroll;
}

#documentfilm{
    background-image: url("../img/introduction/base_b_sp.png");
       background-position: center center;
     background-size:100% auto;
    background-color: hsla(0,0%,0%,1.00);
       padding: 5rem 0 0;
    background-attachment:scroll;
}
    
 #introduction{
     padding: 5rem 0;
}
} 



.profile-text{
    line-height: 1.8;
}


.profile-text p{
    margin-bottom: 1.5rem;
}