@charset "UTF-8";


/*****************************************************
　音楽アウトリーチ事業　
*****************************************************/
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:50px 0 0;
}
.block_inner{
	margin:0 50px;
}
.block_inner *{
	letter-spacing:0.025em;
	line-height:1.8;
}
.block_inner a{
	color:#d15e5e;
}
/* ----- .box ----- */
.box + .box{
	margin:30px 0 0;
}
.box .ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 20px;
	padding:11px 28px;
}
.box .box_inner{
	margin:0 35px;
}
/* .section-ttl 
------------------------------------------------- */
.section-ttl br{
	display:none;
}
/* メインビジュアル 
------------------------------------------------- */
.main-visual{
	margin:35px 0 0;
}
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 0 0;
}
.anchor-link span + span:before{
	content:'/';
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:1.7;
	margin:0 1em;
}
/* ボタン 
------------------------------------------------- */
.btn-area{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:48px 0 55px;
}
.btn-area .small-btn{
	background:#f8f4e6;
	margin:0;
	max-width:390px;
}
.btn-area .small-btn + .small-btn{
	margin:0 0 0 45px;
}
.btn-area .small-btn a{
	padding:24px 0;
}
.btn-area .small-btn a:before{
	display:none;
}
/* 音楽アウトリーチ事業 
------------------------------------------------- */
/* ----- メインビジュアル ----- */
#music-outreach .ms-mainvisual{
	align-items:center;
	display:flex;
	justify-content:center;
	margin:60px 0 0;
}
#music-outreach .ms-mainvisual .img + .img{
	margin:0 0 0 25px;
}
/* ----- メインテキスト ----- */
#music-outreach .main-txt{
	margin:30px 0;
}
#music-outreach .main-txt p{
	text-align:justify;
}
/* ----- 目的〜3つの使命 ----- */
/* リスト */
#music-outreach .num-list{
	list-style-type:none;
}
body.term-music-outreach{
	counter-reset:number 0;
}
#music-outreach .num-list li{
	padding:0 0 0 2em;
}
#music-outreach .num-list li:before{
	counter-increment:number 1;
	content:counter(number) "） ";
	margin:0 0 0 -2em;
}
/* ----- 特徴〜3つのS ----- */
/* 画像 */
#feature-3s .img{
	margin:30px 0;
	text-align:center;
}
/* dl */
#feature-3s dl{
	display:flex;
}
#feature-3s dl dt{
	min-width:calc(16px * 9);
	white-space:nowrap;
}
#feature-3s dl dd{
	display:flex;
}
#feature-3s dl dd:before{
	content:'･･･';
	margin:0 0.5em;
}
/* 事業概要 */
#business-summary a.pdf{
	background:url(../img/common/pdf_icon.png) no-repeat right center;
	background-size:22px auto;
	color:#f16c6c;
	display:inline-block;
	margin:10px 0 0;
	padding:1px 30px 1px 0;
}
/* アドバイザー */
.advisor-item{
	display:flex;
	justify-content:space-between;
	margin:40px 0 0;
}
.advisor-item + .advisor-item{
	margin:65px 0 0;
}
.advisor-item .img{
	max-width:250px;
	width:25%;
}
.advisor-item .txt{
	max-width:700px;
	width:70%;
}
.advisor-item .txt .name{
	border-bottom:2px solid #bbb;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 12px;
	padding:15px 10px 10px;
}
.advisor-item .txt .profile{
	margin:0 10px;
}
/* 登録アーティスト 
------------------------------------------------- */
#register-artist .box{
	margin:40px 0 0;
}
#register-artist .box + .box{
	margin:65px 0 0;
}
/* ----- 最新登録アーティスト ----- */
.latest_artist-item{
	display:flex;
	justify-content:space-between;
	margin:40px 0 0;
}
.latest_artist-item .img{
	max-width:250px;
	width:25%;
}
.latest_artist-item .txt{
	max-width:700px;
	width:70%;
}
.latest_artist-item .txt .name{
	border-bottom:2px solid #bbb;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 0 12px;
	padding:15px 10px 10px;
}
.latest_artist-item .txt .profile{
	margin:0 10px;
}
.latest_artist-item .txt .profile p{
	text-align:justify;
}
/* ----- これまでの登録アーティスト ----- */
.past_artist-list{
	margin:45px 0 0;
}
.past_artist-item{
	margin:0 8px;
	/*max-width:188px;*/
}
.past_artist-item .img{
	text-align:center;
}
.past_artist-item .period{
	font-size:14px;
	font-size:1.4rem;
	margin:5px 0 0;
}
.past_artist-item .name{
	font-size:15px;
	font-size:1.5rem;
	font-weight:normal;
}
.past_artist-list .slick-prev,
.past_artist-list .slick-next{
	height:65px;
	margin:-20px 0 0;
	width:31px;
}
.past_artist-list .slick-prev{
	background:url('../img/music-outreach/prev_icon.png') no-repeat center center;
	background-size:contain;
	left:-31px;
}
.past_artist-list .slick-next{
	background:url('../img/music-outreach/next_icon.png') no-repeat center center;
	background-size:contain;
	right:-31px;
}
.past_artist-list .slick-prev:hover,
.past_artist-list .slick-prev:focus{
	background:url('../img/music-outreach/prev_icon.png') no-repeat center center;
	background-size:contain;
}
.past_artist-list .slick-next:hover,
.past_artist-list .slick-next:focus{
	background:url('../img/music-outreach/next_icon.png') no-repeat center center;
	background-size:contain;
}
.past_artist-list .slick-prev:before,
.past_artist-list .slick-next:before{
	display:none;
}
/* 活動報告 
------------------------------------------------- */
.report-list li{
	list-style-type:none;
}
.report-list li{
	display:flex;
}
.report-list li + li{
	margin:30px 0 0;
}
.report-list li .date,
.report-list li a{
	display:block;
	letter-spacing:0.025em;
	line-height:1.4;
}
.report-list li .date{
	margin:0 30px 0 0;
	width:140px;
}
.report-list li a{
	border-bottom:1px solid #424242;
	color:inherit;
	padding:0 15px 13px;
	width:calc(100% - 30px - 140px);
}
/* ----- 記事なし ----- */
#report .none{
	margin:50px 0;
	text-align:center;
}
/* ----- もっと見るボタン ----- */
#report .more.small-btn{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.05em;
	margin:45px auto 0;
	max-width:455px;
}
#report .more.small-btn a{
	color:inherit;
	padding:15px 0;
}
#report .more.small-btn a:before{
	display:none;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　音楽アウトリーチ事業　
	*****************************************************/
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:6.25vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* ----- .box ----- */
	.box + .box{
		margin:7.5vw 0 0;
	}
	.box .ttl{
		border-bottom-width:0.37vw;
		font-size:3.6vw;
		margin:0 0 3.12vw;
		padding:1.37vw 3.5vw;
	}
	.box .box_inner{
		margin:0 4.37vw;
	}
	/* .section-ttl 
	------------------------------------------------- */
	.section-ttl br{
		display:block;
	}
	/* メインビジュアル 
	------------------------------------------------- */
	.main-visual{
		margin:4.37vw 0 0;
	}
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:4.37vw 0 0;
	}
	.anchor-link span + span:before,
	.anchor-link a{
		font-size:3.0vw;
	}
	/* ボタン 
	------------------------------------------------- */
	.btn-area{
		display:block;
		margin:6vw 0 6.87vw;
	}
	.btn-area .small-btn{
		margin:0 auto;
		max-width:50vw;
	}
	.btn-area .small-btn + .small-btn{
		margin:2.5vw auto 0;
	}
	.btn-area .small-btn a{
		padding:3vw 0;
	}
	/* 音楽アウトリーチ事業 
	------------------------------------------------- */
	/* ----- メインビジュアル ----- */
	#music-outreach .ms-mainvisual{
		margin:7.5vw 0 0;
	}
	#music-outreach .ms-mainvisual .img + .img{
		margin:0 0 0 3.12vw;
	}
	/* ----- メインテキスト ----- */
	#music-outreach .main-txt{
		margin:3.75vw 0;
	}
	/* ----- 目的〜3つの使命 ----- */
	/* ----- 特徴〜3つのS ----- */
	/* 画像 */
	#feature-3s .img{
		margin:3.75vw;
	}
	#feature-3s .img img{
		width:70vw;
	}
	/* dl */
	#feature-3s dl{
		display:block;
	}
	#feature-3s dl + dl{
		margin:1.87vw 0 0;
	}
	#feature-3s dl dt{
		min-width:calc(16px * 9);
	}
	#feature-3s dl dt:after{
		content:'･･･';
		margin:0 0.5em;
	}
	#feature-3s dl dd{
		display:block;
		margin:0 0 0 1em;
	}
	#feature-3s dl dd:before{
		display:none;
	}
	/* 事業概要 */
	#business-summary .style_yellow-bb{
		width:170vw;
	}
	#business-summary table.style_yellow-bb th{
		width:35vw;
	}
	#business-summary a.pdf{
		background-size:2.75vw auto;
		margin:1.25vw 0 0;
		padding:0.12vw 4.5vw 0.12vw 0;
	}
	/* アドバイザー */
	.advisor-item{
		display:block;
		margin:5vw 0 0;
	}
	.advisor-item + .advisor-item{
		margin:8.12vw 0 0;
	}
	.advisor-item .img,
	.advisor-item .txt{
		max-width:none;
		width:auto;
	}
	.advisor-item .img{
		text-align:center;
	}
	.advisor-item .img img{
		width:60vw;
	}
	.advisor-item .txt .name{
		border-bottom-width:0.25vw;
		font-size:3.9vw;
		margin:1.5vw 0;
		padding:1.87vw 1.25vw 1.25vw;
	}
	.advisor-item .txt .profile{
		margin:0 1.25vw;
	}
	/* 登録アーティスト 
	------------------------------------------------- */
	#register-artist .box{
		margin:5vw 0 0;
	}
	#register-artist .box + .box{
		margin:8.12vw 0 0;
	}
	/* ----- 最新登録アーティスト ----- */
	.latest_artist-item{
		display:block;
		margin:40px 0 0;
	}
	.latest_artist-item .img,
	.latest_artist-item .txt{
		max-width:none;
		width:auto;
	}
	.latest_artist-item .img{
		text-align:center;
	}
	.latest_artist-item .img img{
		width:60vw;
	}
	.latest_artist-item .txt .name{
		border-bottom-width:0.25vw;
		font-size:3.9vw;
		margin:1.5vw 0;
		padding:1.87vw 1.25vw 1.25vw;
	}
	.latest_artist-item .txt .profile{
		margin:0 1.25vw;
	}
	/* ----- これまでの登録アーティスト ----- */
	.past_artist-list{
		margin:5.62vw 0 0;
	}
	.past_artist-item{
		margin:0 1.5vw;
	}
	.past_artist-item .img img{
		width:100%;
	}
	.past_artist-item .period{
		font-size:3.0vw;
		margin:0.62vw 0 0;
	}
	.past_artist-item .name{
		font-size:3vw;
	}
	.past_artist-list .slick-prev,
	.past_artist-list .slick-next{
		height:8.12vw;
		margin:-2.5vw 0 0;
		width:3.87vw;
	}
	.past_artist-list .slick-prev{
		left:-3.87vw;
	}
	.past_artist-list .slick-next{
		right:-3.87vw;
	}
	/* 活動報告 
	------------------------------------------------- */
	.report-list li{
		display:block;
	}
	.report-list li + li{
		margin:3.75vw 0 0;
	}
	.report-list li .date{
		margin:0 0 1.87vw;
		width:auto;
	}
	.report-list li a{
		border-bottom-width:0.12vw;
		padding:0 0 1.62vw;
		width:auto;
	}
	/* ----- 記事なし ----- */
	#report .none{
		margin:6.25vw 0;
	}
	/* ----- もっと見るボタン ----- */
	#report .more.small-btn{
		font-size:3.5vw;
		margin:5.62vw auto 0;
		max-width:70vw;
	}
	#report .more.small-btn a{
		padding:1.87vw 0;
	}
}

