@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: 25vh;
        color:#666; 
	}

.wrap_l{
	width:100%;
	float:left;
	padding:10% 5% 5%;
	text-align: left;
	color:#666;
}

.wrap_l img{
	width:100%;
	padding:0% 0%;	
}
    
.wrap_l .cap-txt {
  padding: 0% 0%;
	
}	
    
	
.wrap_r{
	width:100%;
	float:left;
	padding:2% 5% 10%;
		color:#666;}

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

.wrap_r .cap-txt {
  padding: 0% 0%;
	
}	    
    
	
.contents_copy{
	text-align: justify;
	font-size:1.2em;
	line-height: 2em;
	font-weight: 700;
	color:#103768;
    padding-bottom: 10px;
}	
	
	
	
.wrap_plan{
	width:100%;
	float: left;
	text-align: center;
    margin:5% 0;
    border-bottom:1px solid #999;
}

.wrap_plan img{
	width:70%;
    margin:2% 0% 2% 0%;
}
 
	
.wrap_cap{
	width:100%;
	float: left;
	text-align: center;	
}

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




.wrap_m{
	display: none;
}
    
.wrap_m-sp{
	width:100%;
	float: left;
	text-align: center;
}    
	
.wrap_m-sp img{
	width:80%;
	padding:8% 0% 5% 0%;
}
	
.wrap_design{
	width:100%;
	text-align: justify;
	position: relative;	
	padding:10%;
	float:left;
    background-color:#ccc;
	font-size:1em;
    line-height: 1.5em;
	color:#333;
}

.wrap_design2{
	width:100%;
	position: relative;	
	float:left;	
}

.wrap_design2 img{
	width:100%;
	padding:0% 0% 5% 0%;
}		
	

	
	
   /* ウィンドウ幅スマホ用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{
	width:90%;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;	
	padding:0% 0%;
	position: relative;
	margin-top: 50vh;
	}


    
.wrap_plan{
	width:33%;
	padding:2% 2%;
    float: left;
	text-align: center;   
}

.wrap_plan img{
	width:80%;
}
    
.wrap_plan2{
	width:33%;
    margin: 0 7.5%;
	padding:2% 2% 2% 2%;
	float: left;
	text-align: center;
}

.wrap_plan2 img{
	width:90%;
}    
.wrap_cap{
	width:100%;
	float: left;
	text-align: center;	
}

.wrap_cap img{
	width:50%;
	padding:5% 0%;
}	
	

.wrap_m{
	width:100%;
	margin: 5% 0;
	float: left;
	text-align: center;
}
	
.wrap_m img{
	width:60%;
	padding:2% 0 0% 0%;	
}
    
.wrap_m-sp{
	display: none;
}    

.wrap_design{
	width:40%;
	text-align: justify;
	position: relative;	
	padding:5% 5%;
	float:left;  
    background-color:#ccc;
	font-size:0.9rem;
    line-height: 2em;
	color:#111;
}
       

.wrap_design2{
	width:60%;
	position: relative;	
	float:left;	
}

	

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

	
.contents_copy{
	text-align: justify;
	font-size:2em;
	line-height: 2em;
	font-weight: 700;
	color:#103768;
    padding-bottom: 3%;
}	
    

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

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


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



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


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






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