

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

.contents-t img{
	width:80%;
	margin-top:15vh;
	
}	
	
	.wrap{
		font-size:0.9em;
		margin-top: 30vh;
	}
	
.cap-txt {
  width:100%;
  padding: 0% 0%;
  margin: 0% 0%;	
  font-size: 0.7em;
color:#888;	
	
}	
	
.wrap_l{
	width:100%;
	float:left;
	padding:5% 0% 2%;
	text-align: center;
}

.wrap_l img{
	width:90%;
	padding:0%;	
}
	
.wrap_l1{
	width:90%;
	margin: 0 5%;
}

.wrap_l2{
	width:90%;
	margin: 5% 5% 0;
}		

.wrap_r{width:100%;
	float:left;
	padding:5% 0% 2%;}

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

.wrap_m{
	width:100%;
	padding:2% 0%;
	float: left;
	text-align: center;
}

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

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

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

.wrap{
		margin-top: 50vh;
	}
	
.wrap_l{
	width:30%;
	padding:5% 0% 2%;
	float: left;	
}

.wrap_l img{
	width:95%;
	padding:0%;	
}
	
.wrap_l1{
	width:100%;
	padding-bottom:15%;
}

.wrap_l2{
	width:100%;
}
	

.wrap_r{width:70%;
	float:right;
	padding:5% 0% 2%;
	text-align: right;
	}

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

.cap-txt {
  width:100%;
  padding: 0% 0%;
  margin: 0% 0%;	
  font-size: 0.9em;
color:#888;	
	
}		
	
.wrap_m{
	width:50%;
	padding:2% 5% 2% 0%;
	float: left;
	text-align: center;
}

.wrap_m img{
	width:100%;
	padding:2% 0%;
}

	
   /* ウィンドウ幅1250px以上指定 */
}



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


.contents-t{
	width:100%;
   /* background-image: url("../img/access/p1.jpg"); */
	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;
}






.copy_width{
	width:100%;
	padding:7% 0% 2%;
	text-align: left;
}

.copy_width img{
	width:80%;
	padding:0% 0%;
}
