@charset "utf-8";


#mainimg {
	width: 100%;
	height: 0;
	padding-top: 50%;
	position: relative;
}


#mainimg div div {
	width: 45vw;
}


.slide {
	width: 100%;height: 100%;
	position: absolute;right: 0px;top: 0px;
	display: flex;
	align-items: center;
	padding: 0 5vw;
	opacity: 0;
	transition: opacity 1s;	/*ここの1s（＝1秒）を変更すると、フェードのスピードを変更できます。*/
}


.slide3 {
	background: url('../images/1.png') no-repeat center center / cover;
	justify-content: center;
	text-align: center;	
}

/*大きなテキスト*/
#mainimg h1 {
	margin: 0;padding: 0;
	font-size: 4.1vw;
	line-height: 1.2;	
	font-weight: 0;
}

/*小さなテキスト*/
#mainimg p {
	font-size: 1.4vw;
	padding-left: 0.5rem;
    font-weight: 500;
    padding: 40px;
}


/*現在表示されているスライドのみをクリック可能にする設定（変更不要）
---------------------------------------------------------------------------*/
.slide {
	pointer-events: none; /* デフォルトでクリックを無効にする */
}

.slide.active {
	pointer-events: auto; /* 表示中のスライドのみクリックを有効にする */
}



/*画面幅480px以上の追加指定*/
@media screen and (max-width:480px) {
    #mainimg p {
	font-size: 4.1vw;
    padding: 0px;
}
    main h3 {
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 20px;
}
 
#mainimg div div {
            padding-top: 100px;  
}
h1 {
        font-size: 50px;
        }
      
#mainimg div div {
	width: 80vw;
}
    
   .bg1 {
	margin-top:40vw;
}     
    #mainimg h1 {
    margin-top: 150px;
	font-size: 7.1vw;
}
                    
}/*追加指定ここまで*/