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

*{
margin:0;
padding:0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:link, a:visited, a:hover, a:active {
  text-decoration:none;	
}

body {
}

#wrapper{
    width:100%;
    overflow-x: hidden !important;
    }

.head{
	background:url("../compe22/nenga2022_end.png")center no-repeat;
    background-size: 100%;
	background-size:cover;
	position: relative;
	width:auto;
    text-align: center;
    height:100vh;
	}

.exp35logo{
    position: absolute;
    width: 100%;
    max-width: 150px;
    top: 20px;
    right: 20px;
}

.contents{
	width:100%; 
	background-color:#FFFFFF;
	margin:0 auto;
	}

.box{
	max-width:900px; 
	margin:0 auto;
	padding:5px 20px 20px 20px;
	background-color:#ffffff;
	position:relative;
}

.title{
	font-size:1.7rem;
	font-weight:bold;
	padding:0.5em;
	margin-top:10px;
	color:#000000;
	text-align:center;
}





@media screen and (max-width:1024px){
    
	.head{
    background-size: 100%;
	background-size:cover;
	position: relative;
	height:70vh;   
/*    height: 100vh;    */
	}
    
}




@media screen and (max-width:896px){
    
    .head{
    background-size: 100%;
	background-size:cover;
	position: relative;
	height:60vh;
    
}


    
    
@media screen and (max-width: 768px) {
		
	.head{
	background-size: 100%;
	background-size:cover;
	position: relative;	
	}
    
    .exp35logo{
    position: absolute;
    width: 100%;
    max-width: 120px;
    top: 20px;
    right: 20px;
    }
	
	.contents{
	padding:0 0 5px 0;
	}
	
	.box{ 	
	margin:10px 5px;
	}
	

	.title{
	font-size:1.2rem;
	font-weight:bold;
	padding:0.3em;
    }
	
}


    
    
@media screen and (min-width: 481px) and (max-width: 739px) and (orientation: landscape){
    
    .head{
    background-size: 100%;
	background-size:cover;
	position: relative;
	height:100vh;   
	}
    
}    
    
    
    
    
@media screen and (max-width: 540px) {
    
    .head{
	width:100%;	
	}
    
    .exp35logo{
    position: absolute;
    width: 100%;
    max-width: 100px;
    top: 10px;
    right: 10px;
    }
    
}


    
@media screen and (max-width: 480px) {
    
    .head{
	width:100%;	
	height:50vh;        
	}
    
    .exp35logo{
    position: absolute;
    width: 100%;
    max-width: 80px;
    top: 10px;
    right: 10px;
    }
        
    .title{
	font-size:0.8rem;
	font-weight:bold;
	padding:0.3em;
    }
    
}
    
    
    
    
@media screen and (max-width: 428px){
    
    .head{
	width:100%;	
	height:50vh;        
	}
    
    .exp35logo{
    position: absolute;
    width: 100%;
    max-width: 80px;
    top: 10px;
    right: 10px;
    }
        
    .title{
	font-size:0.7rem;
	font-weight:bold;
	padding:0.3em;
    }
    
}