

@media screen and (max-width: 1024px) {
	
#Main0 {
	width:100%;
	height:auto;
}
	
.contents-t{
	height: 30vh;
}

.contents-t img{
	width:100%;
	margin-top:7.5vh;
	
}	
	
	.wrap{
		font-size:0.8em;
    	line-height: 1.5em;    
		margin-top: 30vh;
        color:#666;        
	}
	


.mainphoto{
	width:100%; 
	text-align: center;
	margin: 0 auto;
}

.mainphoto img{
	width:100%; 
}	
	
.location_copy{
	text-align: justify;
	font-size:1.2em;
	line-height: 2em;
	font-weight: 700;
	color:#103768;
    padding-bottom: 10px;
}	

.location_copy .cap{
	font-size:0.8em;
	line-height: 1.5em;

}	    

.cap-txt {
  width:100%;
  padding: 0% 0%;
  margin: 0% 0%;	
  font-size: 0.8em;
color:#888;	
	text-align: justify;
	
}	
	
.wrap_l{
	width:100%;
	float:left;
	padding:0% 0% 0%;
	text-align: justify;
	color:#666;
}

.wrap_l img{
	width:100%;
	padding:0%;	
}
      
	
.wrap_r{
	width:100%;
	float:left;
	padding:5% 0% 0%;
	color:#666;
	text-align: justify;	
	}

.wrap_r img{
	width:100%;
	padding:0% 0% 0%;
}	


    
.wrap_l1{
	width:100%;
	float:left;
	padding:10% 0% 0%;
	text-align: justify;
	color:#666;
}

.wrap_l1 img{
	width:100%;
}
	
.wrap_r1{width:100%;
	float:left;
	padding:2% 0% 10%;
	color:#666;
	text-align: justify;
	}

.wrap_r1 img{
	width:100%;
	padding:0% 0% 0%;
}		

	
	.wrap_r1 .w_l{
		width:100%;
		padding:2% 5% 2% 0%;
	}
	
	.wrap_r1 .w_l img{
		width:80%;	
		padding:0%;
		text-align: center;		
	}	
	.wrap_r1 .w_r{
		width:100%;
	color:#666;
	text-align: justify;		
	}		

.wrap_m{
	width:100%; 
	text-align: justify;
    font-size: 0.9em;
    line-height: 1.6em;
	margin: 10% auto 0;
    padding:5%;
    background-color: #CEE9F4;
    display: inline-block;
}

.wrap_m img{
	width:100%; 
}
    
.wrap_m p {
	width:100%;
    padding: 0;
    margin: 0 auto;
}
	
   /* ウィンドウ幅スマホ用1250px以下指定 */
}

@media screen and (min-width: 1024px) {
	
#Main0 {
	width:100%;
    margin: 10vh auto 0; 
	position: relative;
}
	
.contents-t{
	height: 50vh;
}	

.contents-t img{
	width:50%;
	margin-top:10vh;
	
}	

.wrap{
		margin-top: 50vh;
	line-height: 2em;    
	}	
	
.location_copy{
	text-align: justify;
	font-size:2em;
	line-height: 2em;
	font-weight: 700;
	color:#103768;
    padding-bottom: 3%;
}	
    
.location_copy .cap{
	font-size:0.8em;
	line-height: 2em;

}	    
			
	
.wrap_l{
	width:55%;
	padding:0% 5% 5% 0%;
	float: left;
	line-height:2em;
	text-align: justify;    
}

.wrap_l img{
	width:100%;	
}
	
.wrap_r{
	width:45%;
	float:left;
	padding:0% 0% 5% 0%;
	text-align: justify;
	line-height:2em;     
	}

.wrap_r img{
	width:100%;
}
	
	
.wrap_l1{
	width:32%;
    margin: 0 0.5%;
	padding:0% 0% 3%;
	float: left;
	line-height:2em;    
}

.wrap_l1 img{
	width:100%;	
}   

	
	

.cap-txt {
  width:100%;
  padding: 0% 0%;
  margin: 0% 0%;	
  font-size: 0.9em;
color:#888;	
	
}		

.wrap_m{
	width:100%; 
	text-align: justify;
	margin: 0 auto;
    padding:5%;
    background-color: #CEE9F4;
    display: inline-block;
    text-align: left;
}

.wrap_m img{
	width:100%; 
}
    
.wrap_m p {
	width:70%;
    padding: 0 5%;
    margin: 0 auto;
} 
  
	
   /* ウィンドウ幅1250px以上指定 */
}


#Main0 {
	text-align: left;
	padding:0 auto;
	float:left;	
}





.contents-t{
	width:100%;
	background-size:  cover; 
	text-align: center;
	animation: contents 1s ease-out 0s 1 normal both;
    -webkit-animation: contents 1s ease-out 0s 1 normal both;
	position: absolute;
}


/* アニメーション*/
@keyframes contents {
  0% {opacity: 0; transform: translate3d(0,-30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes contents {
  0% {opacity: 0; transform: translate3d(0,-30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}


.wrap{
	width:80%;
	text-align: left;
	margin-left: auto;
	margin-right: auto;	
	padding:0% 0%;
	position: relative;
}


