@charset "utf-8";

.sec#artist {
	color: #000;
}
@media only screen and (min-width: 769px) {
	.sec#artist {
	}
}

.sec#artist .conts-box + .conts-box {
	margin-top: 12vw;
}
@media only screen and (min-width: 769px) {
	.sec#artist .conts-box + .conts-box {
		margin-top: 8vw;
	}
}

.sec#artist .lead {
	font-weight: 600;
}
@media only screen and (min-width: 769px) {
	.sec#artist .lead {
	}
}

.sec#artist .text {
	font-size: 3.8vw;
}
@media only screen and (min-width: 769px) {
	.sec#artist .text {
		font-size: 1.25625vw;
	}
}

.sec#artist .text {
	margin-top: 2vw;
}
@media only screen and (min-width: 769px) {
	.sec#artist .text {
		text-align: center;
		margin-top: 1vw;
	}
}

.sec#artist .profile {
	margin: 6vw 0;
}
@media only screen and (min-width: 769px) {
	.sec#artist .profile {
		margin: 3vw 0;
	}
}

.sec#artist .profile .bd-box h4 {
	font-weight: 700;
	font-size: 4vw;
}
@media only screen and (min-width: 769px) {
	.sec#artist .profile .bd-box h4 {
		font-size: 1.5625vw;
		margin-bottom: 0.3vw;
	}
}

.sec#artist .profile .bd-box .text {
}
@media only screen and (min-width: 769px) {
	.sec#artist .profile .bd-box .text {
		text-align: left;
	}
}

.--ta_c{
	text-align: center;
}
.--mt{
	margin-top: 3.333vw;
}
@media screen and (min-width:769px){
	body #wrapper .images img {
    width: 56.25vw;
	}
	.img-flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
    margin-top: 2.292vw;
	}
}
.profile .data.--ta_c {
	font-size: 2.031vw;
	font-weight: 600;
	margin-top: 2.969vw;
}
@media screen and (max-width:768px){
	.profile .data.--ta_c {
		font-size: 4.331vw;
	}
	.img-flex-box {
    margin-top: 8vw;
}
}
.img-flex-box figcaption{
	font-weight: 600;
}
@media screen and (max-width:768px){
	.img-flex-box figure:not(:first-child) {
    margin-top: 7vw;
	}
}
@media screen and (min-width:769px){
	.img-flex-box figure {
    width: calc((100% - 1.563vw) / 4);
	}
}
.bd-box ul.text span {
	display: block;
}
@media screen and (min-width:769px){
	.bd-box ul.text span {
		display: inline-block;
		width: 6vw;
		margin-right: 2vw;
	}
}
.text.-hover a {
	position: relative;
	display: inline-block;
}
.text.-hover a::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	bottom: -2px;
	opacity: 1;
	transition: .3s;
}
@media screen and (min-width:769px){
	.text.-hover a:hover::before{
		bottom: -5px;
		opacity: 0;
		visibility: visible;
	}
}