@charset "UTF-8";

.index {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	margin: 80px auto 100px auto;
}

.inline img, .inline_sp img, .inline_content01 img, .inline_content02 img, .pro-img img, .pro-text img {
	width: 100%;
}

.index, .about {
   opacity: 0;
   animation-name: fadein-bottom;
   animation-duration: 1s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards;
   animation-delay: 1s;
}

#container-artist {
	width: 100%;
	height: 100%;
}

.pro-img {
	width: 75%;
	margin:10% auto 5% auto;
}

.pro-text {
	width: 100%;
}

.pro-left {
	float: left;
	color:blue;
	font-weight: bold;
	padding-bottom:40px;
}

.pro-right {
	float: right;
	color:blue;
	font-weight: bold;
	padding-bottom:40px;
}



/* ---------------------------------------------------------------- *
レスポンシブ
* ---------------------------------------------------------------- */
 @media (max-width:750px) {

.index {
	width: 90%;
}

.inline {
	display: none;
}

.inline_sp {
	width: 29%;
	margin:2%;
}

.pro-left {
	font-size:7pt;
	margin-top:30px;
	margin-left:15px;
}

.pro-right {
	font-size:7pt;
	margin-top:30px;
	margin-right:15px;
}

}


@media (min-width:751px) {

.index {
	width: 95%;
}

.inline {
	width: 300px;
	margin:20px;
}

.inline_sp {
	display: none;
}

.pro-left {
	font-size:10pt;
	float: left;
	margin-top:60px;
	margin-left:30px;
}

.pro-right {
	font-size:10pt;
	float: right;
	margin-top:60px;
	margin-right:30px;
}


}