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

.inner {
	    margin: 0 auto;
    max-width: 950px;
}




.client_image,wrapper{
	    margin: 150px auto 0;
    width: 47%;
}

.client h2 {
    font-weight: bold;
}



.genre {
	text-align: center;
}
.title,flex {
	justify-content: flex-start;
		margin-top: 40px;

}

.client_detail-title h3 {
    width: 120px;
    text-align: left;
}

.client_icon {
	    margin-top: 100px;
}

.client_icon img {
     width: 13%;
    margin-bottom: -8px;
}
.client_detail {
	    padding-top: 80px;
}

.client {
    text-align: center;
}

iframe {
    border-radius: 20px;
}


.point h2,p {
	text-align: left;
}

.point p {
	padding-top: 10px;
}

	.link,flex {
		justify-content: space-between;
		padding-top: 100px;
	}



.link span {
	font-weight: bold;
}

@media(max-width:768px) {
	
	   .inner {
        max-width: 327px;
        margin: 0 auto;
	}
  
.client_image, wrapper {
           width: 80%;
        margin: 90px auto 0;
    }


.client_icon img {
    width: 30%;
    margin-bottom: -6px;
}
	
	.title, flex {
    display: block;
    margin-top: 40px;
}
.client_detail-title p {
    padding-left: 0; 
}	
 
    
.client h2 {
    font-size: 2.0rem;
	letter-spacing: 0;
}
	.client_detail {
    padding-top: 10px;
}
.point p {
	padding-top: 0;
}	
	.link, flex {
    padding-top: 50px;
}
	
	

}