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

body {display: block;margin: 0;}
.pc { display:none; }
.sp { display:block; }

/*topビジュアル*/
.main_voat_top {position: relative;padding-top: 1em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 29%;
letter-spacing: 8px;}

.debut_wrap{background-color: #000000;margin-top: -2em;}

.about_main_text{width: 80%;margin: 0 10% 18%;}
.about_main_text h3 img{margin-top: 3em;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: .8rem;
position: absolute;
text-align: center;
top: 47.5em;
left: 8em;
color: #fff;}


/*artist*/
.singer_debut {width: 36%;margin: 8em 32% 0%;}

.artist-block.large {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.large .artist-box {
width: 73%;
margin-bottom: 20px;
max-width: inherit;
/* margin-right: 11px; */}


.artist-block.short {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 0;}

.artist-block.short {width: 85%;margin: 26px auto;}
.artist-block.short section.artist-box{width: 147px;}


.actor_debut {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.actor-box {
width: 73%;
margin-bottom: 20px;
max-width: inherit;
/* margin-right: 34px; */}
	
.songwriter_debut {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.writer-box {
width: 73%;
margin-bottom: 20px;
max-width: inherit;
/* margin-right: 34px; */}
	
h3.artist_desc {
color: #FFF;
margin: 0px 6%;
font-size: 2em;
padding-bottom: 1em;
text-align: center;}
	
/*SP版設定*/
@media screen and (max-width:320px){
.sec-ttl .ja {
display: block;
margin-top: 0.2rem;
font-size: 1rem;
font-weight: normal;
line-height: 1.53;}	
	
.page_title {
position: absolute;
top: 42%;
right: 26%;
letter-spacing: 8px;}

.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: .8rem;
position: absolute;
text-align: center;
top: 42.5em;
left: 5.5em;
color: #fff;}

.singer_debut {width: 36%;margin: 9em 32% 0%;}
.artist-block.short section.artist-box {width: 127px;}
	
	
h3.artist_desc {
color: #FFF;
margin: 0px 6%;
font-size: 1.5em;
padding-bottom: 1em;
text-align: center;}	
	
}




@media screen and (min-width:768px){
.pc { display:block; }
.sp { display:none; }
.main_voat_top {position: relative;padding-top: 0em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 42%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
	
.about_main_text{width: 80%;margin: 0 10% 18%;}
.about_main_text h3 img{margin-top: 3em;}


.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 76.5em;
left: 10em;
color: #fff;}	
	
.large .artist-box {
width: 42%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 13px;}

.singer_debut {width: 28%;margin: 1em 36% 0%;}
.actor-box {
width: 40%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 26px;}	

.writer-box {
width: 40%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 26px;}
	
	
}

@media screen and (min-width:1024px){
.main_voat_top {position: relative;padding-top: 0em;}

.page_title h2.sec-ttl{color:#fff;}
.page_title h2.sec-ttl span{color:#fff;}

.page_title {
position: absolute;
top: 33%;
right: 0%;
left: 0%;
letter-spacing: 8px;}
	
	
.about_main_text{width: 80%;margin: 0 10% 18%;}
.about_main_text h3 img{margin-top: 3em;}


.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1rem;
position: absolute;
text-align: center;
top: 59.5em;
left: 18.5em;
color:#fff;}

/*artist*/
	
.singer_debut{width: 20%;margin: -29px 40% 4%;}	
	
.artist-block.large {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.large .artist-box {
width: 28%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 16px;}

.artist-block.short {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-bottom: 0;}

.artist-block.short {width: 85%;margin: 4em auto;}
.artist-block.short section.artist-box{width: 183px;}	

	
.actor_debut {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.actor-box {
width: 31%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 34px;}
	
.songwriter_debut {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin-bottom: 25px;}

.writer-box {
width: 31%;
margin-bottom: 20px;
max-width: inherit;
margin-right: 34px;}
	
h3.artist_desc{
color: #FFF;
margin: 0px 14%;
font-size: 3em;
padding-bottom: 1em;}
	
}

@media screen and (min-width:1440px){
.about_sub_text {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.5rem;
position: absolute;
text-align: center;
top: 52.5em;
left: 16.5em;
color: #fff;}
	
.artist-block.short {
width: 65%;
margin: 4em auto;}
	
	
}