@charset "UTF-8";       /*-----Galleries css -----*/

/*=========●共通及び smart.css=========*/



.lead {
	background-image: url("../resources/0.png");
	background-repeat: no-repeat;
	background-position: center;
    padding: 30px;
}

/*-----contentr -----*/
.content img {

    border-radius: 20px;
    border: 1px solid #7787c9;
    padding: 5px;
    width: 300px;
    margin:30px auto 0 auto; 
    text-align: left;
    
}


.contentr {
    max-width: 800px;
    margin: auto;
 

}


.content{

    margin: auto;
}

.content-text {
     
    max-width: 300px;
    padding: 10px 30px 30px 40px;
    margin: auto;

}

/*-----contentr end -----*/

 

			/*--botten --*/

.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: 10px;
	padding: 1rem 4rem;
	font-weight: bold;
	background-image: linear-gradient(to top, #292929 0%, #000 80%, #4b4c52 100%);
	border-radius: 100vh;
	color: #ccccff;
	border: 1px solid #5a5d8d;
	text-shadow: 0 1px #5c5d6a;
	box-shadow: 0 3px 2px 1px #464651, 0 4px 6px #3d4467, 0 -2px 2px #525c8f, 0 -4px 2px #43444f, inset 0 0 2px 2px #2b2b38;
	transition: 0.5s;
}

.botten {
	max-width: 800px;
	display: flex;
	margin: 20px auto;
}

			/*--botten end--*/

                  


/*=========●タブレット.css=========*/

@media screen and (min-width: 600px){

.content{
   display: flex; 
}
}


/*=========●Mac pc.css=========*/
@media screen and (min-width: 1025px) {
.contentr {
  
 }
    
    
 .content{
    display: flex; 
 
    
}
 .content-img {    
     
}
    
.content-text {
     max-width: 100%;
      padding: 30px;  
    
 }
 /*-----contentr end -----*/
}