@charset "UTF-8";


/* 20220801 吹奏楽ページリニューアル */


/* div::after, ul::after, dl::after {
	content: none;
} */


/* index_new.html */
.music-visual{
	position: relative;
	width: 100%;
	overflow: hidden;
	height: calc(50vw - 130px);
}
.pages_visual{
	position: relative;
}
.main-movie{
	width: 100%;
	margin-top: -130px;
}
.modal-content-movie{
	width: 560px;
	height: 315px;
	left: 0;
}
.modal-movie-box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	left: 0;
}
.modaal-movie{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	left: 0;
}
.pages_visual .top_logo{
	width: 13%;
	position: absolute;
	bottom: 3vw;
	right: 3vw;
}
.pages_visual .top_logo img{
	width: 100%;
}

.music_floating_bnr{
	position: fixed;
	z-index:10000;
	bottom: 70px;
	right: 20px;
	font-size: 77%;
	display: block;
	color: #fff !important;
	background: #9693c9;
	text-align: center;
	padding:10px 2.2em 10px 10px;
	font-size: 14px;
	font-weight: 600;
}

.music_floating_bnr::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1vw;
	width: 10px;
	height: 10px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: translateY(-50%)rotate(45deg);
}

.page_title_content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	position: absolute;
	top: 10%;
	left: 0;
}

.page_title_content h3{
	width: 85%;
	font-size: 2.2rem;
	font-weight: 600;
	text-align: center;
}

.page_title_content figure{
	width: 15%;
	background: #9693c9;
	padding: 5px;
}

.page_title_content figure img{
	width: 100%;
}

.music_menu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #9693c9;
}

.music_menu li{
	width: 16.666%;
	padding: 1em;
	border-right: solid 1px #fff;
}

.music_menu li:last-child{
	border-right: unset;
}

.music_menu li a{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.music_menu li a figure{
	width: 40%;
}

.music_menu li a figure img{
	width: 100%;
}

.music_menu li a p.music_menu_text{
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
}

.music_info_contents{
	display: flex;
	justify-content: space-between;
	background: rgba(101,95,148,0.1);
}

.music_info_contents .info_content{
	width: 50%;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 6vh 0;
}

.music_info_contents .info_content .info_title{
	color: #9693c9;
	font-size: 2.8rem;
	font-weight: 600;
	font-family: 'Hind', sans-serif;
}

.music_info_contents .info_content.blog .info_list{
	padding: 3vh 0;
}

.music_info_contents .info_content.blog .info_list li{
	border-bottom: solid 1px #c1c1c1;
}

.music_info_contents .info_content.blog .info_list li a{
	display: block;
	padding: 3vh 0;
}

.music_info_contents .info_content.blog .info_list li a span.list_date{
	font-family: 'Oswald', sans-serif;
	font-size: 1.4rem;
	padding-right: 2vw;
}

.music_info_contents .info_content.blog .info_list li a span.list_title{
	font-weight: 600;
	font-size: 1.4rem;
}

.music_info_contents .info_content.instagram{
	padding: 6vh 6vw;
}

.music_info_contents .info_content.instagram .info_photo{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 5vh 0 3vh;
}

.music_info_contents .info_content.instagram .info_photo::after{
	content: none;
}

.music_info_contents .info_content.instagram .info_photo li{
	width: 32%;
}

.music_info_contents .info_content.instagram .info_photo .instagram_movie_box{
	position: relative;
	overflow: hidden;
	margin: 5px 0 20px;
}

.music_info_contents .info_content.instagram .info_photo li a img{
	width: 100%;
	height: 12vw;
	object-fit: cover;
	object-position: 50% 50%;
}

.music_info_contents .info_content.instagram .info_photo li a video{
	position: absolute;
	margin-top: -6vw;
	width: 100%;
}

.music_info_contents .info_content.instagram .info_photo li a .instagram_movie{
	position: absolute;
	margin: 0 auto;
	width: 100%;
	min-width: 22vw;
	margin-left: -5vw;
}

.music_info_contents .info_content.blog .info_title{
	position: relative;
}

.music_info_contents .info_content.blog .info_title::before{
	content: '';
	position: absolute;
	background: url('../wind_music/images/music_info_icon01.png') no-repeat center center;
	background-size: cover;
	width: 3vw;
	height: 3vw;
	top: 50%;
	left: -4vw;
	transform: translateY(-50%);
}

.music_info_contents .info_content.instagram .info_title{
	position: relative;
}

.music_info_contents .info_content.instagram .info_title::before{
	content: '';
	position: absolute;
	background: url('../wind_music/images/music_info_icon02.png') no-repeat center center;
	background-size: cover;
	width: 3vw;
	height: 3vw;
	top: 50%;
	left: -4vw;
	transform: translateY(-50%);
}

.music_info_contents .info_content .more_btn{
	font-family: 'Hind', sans-serif;
	font-size: 1.6rem;
	position: relative;
	letter-spacing: .2em;
}

.music_info_contents .info_content .more_btn::after{
	content: '>';
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
}

.section_title_content{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6vh 0;
}

.music_content{
	padding: 6vh 0;
	width: 80%;
	margin: 0 auto;
}

.section_title_content .title_icon{
	background: #9693c9;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 10vw;
	height: 10vw;
}

.section_title_content .title_icon figure{
	width: 50%;
}

.section_title_content .title_icon figure img{
	width: 100%;
}

.section_title_content .title_icon .icon_text{
	color: #fff;
	font-weight: 600;
	font-size: 1.4rem;
}

.section_title_content .section_title{
	font-size: 2.8rem;
	letter-spacing: .1em;
	color: #9693c9;
	font-weight: 600;
	width: 80%;
}

.fadeLeftTrigger{
	opacity:0;
}

.fadeLeft{
	animation-name:fadeLeftAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	opacity:0;
}

@keyframes fadeLeftAnime{
	from{
		opacity: 0;
		transform: translateX(-100px);
	}

	to{
		opacity: 1;
		transform: translateX(0);
	}
}

.paragraph{
	font-size: 2rem;
	font-weight: 500;
	padding: 0 0 2vh;
	line-height: 2;
}

h3.section_title{
	font-size: 2.8rem;
	font-weight: 600;
	color: #9693c9;
	line-height: 1;
	padding: 4vh 0 2vh;
}

h3.section_title span{
	font-size: 1.8rem;
	color: #9693c9;
	font-family: 'Hind', sans-serif;
}

.features_contents .features-list{
	display: flex;
}
.features_contents .features-list > li{
	width: 33.3333%;
	position: relative;
}
.features_contents .features-list > li::before{
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 1px;
	height: 42vh;
	background: #9693c9;
}
.features_contents .features-list > li:last-child::before{
	display: none;
}
.features_contents .features-list > li figure{
	width: 100%;
}
.features_contents .features-list > li figure img{
	width: 100%;
	margin: 0;
}
.features_contents .features-list > li .features_text_content{
	margin: 0 3vw;
	width: calc(100% - 6vw);
}
.features_contents .features-list > li .features_text_content .inner-list > li{
	list-style-position: outside;
	list-style-type: decimal;
}
.features_contents .features-list > li .features_text_content .features_title{
	font-size: 1.8rem;
	font-weight: 700;
	color: #9693c9;
	text-align: center;
	padding-bottom: 3vh;
	line-height: 2;
}
.features_contents .features-list > li .features_text_content .features_title span{
	display: block;
	text-align: center;
	color: #fff;
	text-shadow:
	2px  2px 0px #9693c9,
	-2px  2px 0px #9693c9,
	2px -2px 0px #9693c9,
	-2px -2px 0px #9693c9,
	2px  0px 0px #9693c9,
	0px  2px 0px #9693c9,
	-2px  0px 0px #9693c9,
	0px -2px 0px #9693c9;
	font-size: 3.2rem;
	letter-spacing: .1em;
	font-family: 'Oswald', sans-serif;
}
.features_contents .features-list > li .features_text_content .features_text{
	font-size: 1.6rem;
	line-height: 2;
}

.photo_contents{
	display: flex;
	justify-content: space-between;
	padding-bottom: 6vh;
}

.photo_contents figure{
	width: 50%;
}

.photo_contents figure img{
	width: 100%;
}

.sub_title{
	background: #9693c9;
	padding: 0.5em 0 0.5em 1em;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 600;
}

.sub_title span{
	font-size: 1.4rem;
}

.music_table{
	margin: 6vh 0;
	width: 100%;
}

.music_table tr th{
	border-right: solid 2px #9693c9;
	border-left: solid 2px #9693c9;
	text-align: center;
	padding: 0.5em;
	background: rgba(101,95,148,0.1);
	color: #9693c9;
	font-weight: 600;
	font-size: 1.6rem;
}

.music_table tr th.white{
	border-left: unset;
	background: #fff;
}

.music_table tr th.number{
	border-right: unset;
	border-left: unset;
	border-top: solid 2px #9693c9;
	border-bottom: solid 2px #9693c9;
	background: rgba(101,95,148,0.25);
}

.music_table tr td{
	border: solid 2px #9693c9;
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}

table td:empty {
	background-image: linear-gradient(to top left,
	transparent, transparent 49%,
	#9693c9 49%,
	#9693c9 51%,   /* 線の太さ */
	transparent 51%, transparent);
}

.voice_contents{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 3vh;
}
.voice_contents figure{
	width: 30%;
}
.voice_contents figure img{
	width: 100%;
}
.voice_contents .voice_text{
	width: 65%;
	display: flex;
	flex-direction: column;
}
.voice_contents .voice_text .paragraph{
	font-size: 1.4rem;
}
.voice_contents .voice_text .voice_profile{
	border-left: solid 2px #9693c9;
	padding-left: 1vw;
}
.voice_contents .voice_text .voice_profile li{
	color: #9693c9;
	padding-bottom: 5px;
	font-weight: 600;
}
.voice_contents .voice_text .voice_profile li span{
	font-size: 1.8rem;
	font-weight: 600;
}

.course_title{
	border: solid 1px #9693c9;
	text-align: center;
	font-size: 2.2rem;
	color: #9693c9;
	font-weight: 600;
	padding: 0.5em;
}

.course_list_all{
	padding: 3vh 0;
	display: flex;
	justify-content: space-between;
}

.course_list_all .course_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 70%;
}

.course_list_all .course_list::after{
	content: none;
}

.course_list_all .course_list li{
	width: 47%;
	font-size: 2.2rem;
	font-weight: 600;
	padding: 1vh 0;
	display: flex;
	justify-content: space-between;
}

.course_list_all .course_list li .uni_name{
	width: 80%;
	font-size: 2.2rem;
	font-weight: 600;
	position: relative;
}

.course_list_all .course_list li .uni_person{
	font-size: 2.2rem;
	font-weight: 600;
	width: 20%;
	text-align: right;
}

.course_list_all .course_list li .uni_name::before{
	content: '';
	position: absolute;
	border-top: 3px dotted #000000;
	width: 8vw;
	height: 5px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.course_list_all .course_list.small{
	display: unset;
	width: 25%;
}

.course_list_all::after{
	content: none;
}

.course_list_all .course_list.small li{
	width: 100%;
}

.course_list_all .course_list.small li  .uni_name{
	font-size: 1.6rem;
}

.course_list_all .course_list.small li  .uni_person{
	font-size: 1.6rem;
}

.course_list_all .course_list.small li .uni_name::before{
	content: '';
	position: absolute;
	border-top: 3px dotted #000000;
	width: 5vw;
	height: 5px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.teacher_content{
	display: flex;
}

.teacher_content .teacher_title{
	border: solid 1px #000;
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
}

.teacher_content .teacher_title.bt0{
	border-top: unset;
}

.teacher_content .teacher_list{
	width: 75%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 2em;
	border-bottom: solid 1px #000;
}

.teacher_content .teacher_list::after{
	content: none;
}

.teacher_content .teacher_list.bb0{
	border-bottom: unset;
}

.teacher_content .teacher_list li{
	width: 22%;
	padding: 3vh 0;
}

.teacher_content .teacher_list li figure{
	width: 100%;
}

.teacher_content .teacher_list li figure img{
	width: 100%;
}

.teacher_content .teacher_list li .teacher_text{
	text-align: center;
}

.teacher_content .teacher_list li .teacher_text .name{
	font-size: 1.6rem;
	font-weight: 600;
}

.teacher_content .teacher_list li .teacher_text .musical_instrument{
	font-size: 1.2rem;
	color: #9693c9;
}

.teacher_content .teacher_list li .teacher_text .school{
	font-size: 1.2rem;
}

.event_list{
	padding: 3vh 0;
	margin-bottom: 16vh !important;
}

.event_list .event_list_box{
	width: 30%;
	margin: 0 1vw;
}

.event_list .event_list_box figure{
	width: 100%;
}

.event_list .event_list_box figure img{
	width: 80%;
	border-radius: 40vh;
}

.event_list .event_list_box .event_title{
	text-align: center;
	color: #9693c9;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 1;
}

.event_list .event_list_box .event_title .en{
	font-family: 'Hind', sans-serif;
	color: #9693c9;
	font-size: 1.6rem;
}

.event_list .event_list_box .event_name{
	text-align: center;
	padding-top: 2vh;
}

.event_list .event_list_box .event_name li{
	padding: 5px 0;
	font-size: 1.4rem;
	font-weight: 600;
}

.music_Performance{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto 10px;
}

.music_Performance li{
	width: 100%;
}

.music_Performance img{
	width: 80%;
	margin: 0 auto 70px;
}

.event_list .slick-arrow{
	border: solid 1px #9693c9;
	border-radius: 10vh;
	width: 50px;
	height: 50px;
	top: unset;
	bottom: -10vh;
	transition: all .3s ease;
}

.event_list .slick-prev:hover::before{
	color: #fff;
}

.event_list .slick-prev:hover{
	background: #9693c9;
	border: solid 1px #9693c9;
}

.event_list .slick-next:hover::before{
	color: #fff;
}

.event_list .slick-next:hover{
	color: #fff;
	background: #9693c9;
}

.event_list .slick-prev::before{
	content: '<';
	color: #9693c9;
	line-height: .5em;
}

.event_list .slick-prev::after{
	content: none;
}

.event_list .slick-next::before{
	content: '>';
	color: #9693c9;
	line-height: .5;
}

.event_list .slick-dots {
	width: 100%;
	display: flex;
	margin-top: 100px;
	bottom: -10vh;
}

.event_list .slick-dots li {
	width: 50%;
	padding: 0;
	margin: 0;
	height: 5px;
	cursor: pointer;
}

.event_list .slick-dots li button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: rgba(255, 255, 255, 0);
	line-height: 0;
	position: relative;
	width: 100%;
	display: block;
	cursor: pointer;
}

.event_list .slick-dots li button::before {
	content: '';
	width: 100%;
	height: 5px;
	background: #8e8e8e;
	position: absolute;
	top: 0;
	left: 0;
}

.event_list .slick-dots li.slick-active button::before {
	background: #9693c9;
}


.event_list .slick-next::after{
	content: none;
}

.uniform_contents{
	display: flex;
	justify-content: space-between;
}

.uniform_contents::after{
	content: none;
}

.uniform_contents figure{
	width: 23%;
}

.uniform_contents figure img{
	width: 100%;
}

.uniform_contents figure figcaption{
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center;
	padding: 2vh 0;
	border-bottom: double 4px #9693c9;
}

.facility_contents{
	display: flex;
}
.facility_contents figure{
	width: 50%;
}
.facility_contents.col_3 figure{
	width: 33.333%;
}
.facility_contents figure img{
	width: 100%;
}
.facility_contents figure figcaption{
	font-size: 1.8rem;
	text-decoration: underline;
	color: #9693c9;
	padding: 4vh 3vw 2vh;
	font-weight: 600;
}
.facility_contents figure p{
	padding: 0 3vw 4vh;
	font-size: 1.4rem;
	line-height: 1.7;
}

.movie_contents{
	display: flex;
	justify-content: space-between;
	padding: 0 0 6vh;
}

.movie_contents::after{
	content: none;
}

.movie_contents li{
	width: 47%;
}

.movie_contents li iframe{
	width: 100%;
}

.movie_contents li .movie_title{
	font-size: 1.6rem;
	font-weight: 600;
	padding-top: 2vh;
}

.sns_link{
	display: flex;
	justify-content: space-between;
	width: 50%;
	margin: 0 auto;
	padding: 6vh 0;
}

.sns_link::after{
	content: none;
}

.sns_link li{
	width: 22%;
}

.sns_link li a{
	width: 60%;
	margin: 0 auto;
	display: block;
}

.sns_link li a img{
	width: 100%;
}

.sub_link_btn{
	border: solid 1px #9693c9;
	padding: 0.5em 0 0.5em 1em;
	color: #9693c9!important;
	font-size: 1.6rem;
	font-weight: 600;
	display: block;
	position: relative;
}

.sub_link_btn::after{
	content: '>';
	position: absolute;
	top: 50%;
	right: 1vw;
	font-size: 1.6rem;
	color: #9693c9;
	transform: translateY(-50%);
}


/* music_history.html */

.music_fistory .mb-object{
	display: none;
}

.main_text_content{
	background: rgba(101,95,148,0.1);
	padding: 6vh 10%;
	position:relative;
	margin-bottom: 6vh;
}

.main_text_content::after{
	content: none;
	/* position: absolute;
	border-right: solid 1px #000;
	right: 50%;
	bottom: -25px;
	height: 50px;
	width: 1px; */
}

.main_text_content .page_title{
	font-size: 2.4rem;
	font-family: Amiri,serif;
	font-weight: 600;
	color: #655f93;
	text-align: center;
	padding-bottom: 3vh;
}

.main_text_content .main_text{
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 1em;
}

.main_text_content .main_text span.bold{
	color: #655f93;
	display: block;
}

.fistory_link-box{
	width: 100%;
	background: #655f93;
	padding: 3vw 8vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fistory_link-box::after{
	content: none;
}

.fistory_link-box li{
	width: 49.5%;
	margin-bottom: 1%;
}

.fistory_link-box li:nth-last-child(1){
	margin-bottom: 0;
}

.fistory_link-box li:nth-last-child(2){
	margin-bottom: 0;
}

.fistory_link-box a{
	width: 100%;
	display: block;
	background: #fff;
	color: #655f93;
	font-size: 1.6rem;
	text-align: center;
	padding: 1vw;
	font-weight: 600;
}

.fistory_point-link{
	margin-top: -150px;
	padding-top: 150px;
	pointer-events: none;
	opacity: 0;
}

.fistory_title{
	background: #655f93;
	color: #fff;
	padding: 1vh 0;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 3vh;
}

.fistory_content{
	display: flex;
	justify-content: space-between;
	position: relative;
}

.fistory_content::after{
	position: absolute;
	content: 'SCROLL';
	right: 2.3vw;
	top: 20px;
	font-size: 1.4rem;
	font-family: Amiri,serif;
	color: #655f93;
	transform: rotate(90deg)translateY(0%) translateX(0%);
}

.fistory_content .fistory_list{
	width: 85%;
	overflow-y: scroll;
	padding: 0 5vw 0 0;
	margin: 0 auto;
	height: 550px;
}

.fistory_content ::-webkit-scrollbar{
	width: 7px;
}

.fistory_content ::-webkit-scrollbar-track{
	background-color: #c0c0c0;
}
.fistory_content ::-webkit-scrollbar-thumb{
	background-color: #655f93;
 }

.fistory_content .fistory_list li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2vh 0;
}

.fistory_content .fistory_list li:last-child .fistory_year::after{
	content: none;
}

.fistory_content .fistory_list li .fistory_year{
	width: 20%;
	text-align: center;
	position: relative;
}

.fistory_content .fistory_list li .fistory_year::after{
	content: '';
	position: absolute;
	border-right: solid 1px #000;
	left: 50%;
	bottom: 0;
	height: 27px;
	width: 1px;
	transform: translateY(142%) translateX(-50%);
}

.fistory_content .fistory_list li .fistory_year.last_year::after{
	content: none;
}

.fistory_content .fistory_list li .fistory_year .main_year{
	font-size: 3rem;
	font-weight: 600;
	font-family: Amiri,serif;
}

.fistory_content .fistory_list li .fistory_year .sub_year{
	color: #9693c9;
	font-weight: 600;
}


.fistory_content .fistory_list li .fistory_text{
	width: 75%;
	font-size: 1.4rem;
	line-height: 1.7;
}

.fistory_content .fistory_list li .fistory_text .purple{
	color: #655f93;
}

.fistory_reason_text{
	font-size: 1.8rem;
}

.fistory_reason_text.small{
	font-size: 1.6rem;
}

.fistory_photo{
	display: flex;
	justify-content: space-between;
	padding: 3vh 12vw 0;
}

.fistory_photo::after{
	content: none;
}

.fistory_photo figure{
	width: 48%;
}

.fistory_photo figure img{
	width: 100%;
}

.fistory_photo figure figcaption{
	text-align: center;
	font-size: 1.6rem;
}


/* 全体のスタイル */
.swiper-container {
	width: 100%;
}



/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	text-align: center;
	margin-bottom: 1vw;
}

.swiper-slide a{
	width: 100%;
	height: 100%;
	display: block;
}

.swiper-slide a figure{
	width: 100%;
}

.swiper-slide a img{
	width: 100%;
}






.concert_list{
	margin-bottom: 16vh !important;
}

.concert_list .concert-inner-box{
	width: 100%;
}
.concert_list .concert-inner-box li{
	width: 100%;
	margin-bottom: 1vw;
}

.concert_list .concert-inner-box a figure{
	width: 100%;
	background: #666;
	width: 100%;
}

.concert_list .concert-inner-box a figure img{
	width: 100%;
	height: 20vw;
	object-fit: cover;
	object-position: 50% 50%;
}


.concert_list .slick-arrow{
	border: solid 1px #9693c9;
	border-radius: 10vh;
	width: 50px;
	height: 50px;
	top: unset;
	bottom: -10vh;
	transition: all .3s ease;
}

.concert_list .slick-prev:hover::before{
	color: #fff;
}

.concert_list .slick-prev:hover{
	background: #9693c9;
	border: solid 1px #9693c9;
}

.concert_list .slick-next:hover::before{
	color: #fff;
}

.concert_list .slick-next:hover{
	color: #fff;
	background: #9693c9;
}

.concert_list .slick-prev::before{
	content: '<';
	color: #9693c9;
	line-height: .5em;
}

.concert_list .slick-prev::after{
	content: none;
}

.concert_list .slick-next::before{
	content: '>';
	color: #9693c9;
	line-height: .5;
}

.concert_list .slick-dots {
	width: 100%;
	display: flex;
	margin-top: 100px;
	bottom: -10vh;
}

.concert_list .slick-dots li {
	width: 50%;
	padding: 0;
	margin: 0;
	height: 5px;
	cursor: pointer;
}

.concert_list .slick-dots li button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: rgba(255, 255, 255, 0);
	line-height: 0;
	position: relative;
	width: 100%;
	display: block;
	cursor: pointer;
}

.concert_list .slick-dots li button::before {
	content: '';
	width: 100%;
	height: 5px;
	background: #8e8e8e;
	position: absolute;
	top: 0;
	left: 0;
}

.concert_list .slick-dots li.slick-active button::before {
	background: #9693c9;
}


.concert_list .slick-next::after{
	content: none;
}

.slick-initialized .slick-slide{
	margin: 0 auto 0 1vw;
}

.modaal-container{
	max-width: 1000px !important;
	min-width: 300px !important;
	width: 60% !important;
}
.modaal-content-container{
	width: 100%;
	padding: 4vw !important;
}

.modaal-content-container .modal_inner .concert-title{
	font-size: clamp(1.5rem, 1.8vw, 2.3rem);
	text-align: center;
	margin-bottom: 2vw;
	font-weight: 600;
	font-family: Amiri,serif;
}

.modaal-content-container .modal_inner .concert-music-list li{
	font-size: clamp(1.1rem, 1.3vw, 1.5rem);
	margin-bottom: 1vw;
}

.modaal-content-container .modal_inner .concert-music-list li ul.caption_speed_first{
	padding-left: 1em;
}

.modaal-content-container .modal_inner .concert-music-list li ul.caption_speed_first li{
	margin-bottom: 1.3vw;
}

.modaal-content-container .modal_inner .concert-music-list li ul.caption_speed_second{
	padding-left: 1em;
}

.modaal-content-container .modal_inner .concert-music-list li ul.caption_speed_second li{
	margin-bottom: 1.3vw;
}

.modaal-wrapper .modaal-close{
	background: none !important;
	top: 0 !important;
	right: -14vw !important;
	transform: translateY(-100%) translateX(-100%) !important;
}

.modaal-close:after, .modaal-close:before{
	width: 2px !important;
	height: 4vw !important;
}

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before{
	background: #655f93 !important;
}

.modaal-overlay{
	z-index: 1003 !important;
}

.fistory_dress{
	display: flex;
	justify-content: space-between;
	padding-top: 3vh;
}

.fistory_dress::after{
	content: none;
}

.fistory_dress .dress_content{
	width: 31%;
}

.fistory_dress .dress_content figure{
	width: 100%;
	padding-bottom: 3vh;
}

.fistory_dress .dress_content figure img{
	width: 100%;
}

.fistory_dress .dress_content .dress_text{
	text-align: center;
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 600;
}

.history-flow{
	padding-left: 40px;
	border-left: 2px dotted #9693C6;
}

.history-flow li.history-flow-list{
	margin-bottom: 40px;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: space-between;
	align-items: flex-start;
}


.history-flow li.history-flow-list .year::before{
	content: "●";
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	width: 15px;
	height: 15px;
	color: #9693c9;
	top: 50%;
	left: -40px;
	transform: translateY(-75%) translateX(-50%);
	position: absolute;
}

.history-flow li.history-flow-list .year{
	font-size: clamp(2rem,4vw, 5rem);
	color: #9693c9;
	font-family: Amiri,serif;
	width: 15%;
	position: relative;
}

.history-flow li.history-flow-list .right-box{
	width: 83%;
}

.history-flow li.history-flow-list .right-box .photo-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 1vw;
}

.history-flow li.history-flow-list .right-box .photo-box .photo{
	width: 47%;
}

.history-flow li.history-flow-list .right-box .photo-box.two .photo{
	width: 23%;
	margin-right: 0;
}

.history-flow li.history-flow-list .right-box .photo-box.multiple .photo{
	width: 24%;
	margin-right: 0;
}

.history-flow li.history-flow-list .right-box .photo-box .photo img{
	width: 100%;
	margin: auto;
}


.history-flow li.history-flow-list .photo-list{
	width: 85%;
	display: flex;
	justify-content: space-between;
}


.history-flow li.history-flow-list .photo-list li img{
	width: 100%;
}

.history-flow li.history-flow-list.photo-multiple dl{
	display: flex;
	align-items: center;
}

.history-flow li.history-flow-list .right-box .photo-box dl{
	display: flex;
	align-items: center;
	width: 50%;
}

.history-flow li.history-flow-list .right-box .photo-box dl dt{
	font-size: 1.8rem;
	color: #9693c9;
}
.history-flow li.history-flow-list .right-box .photo-box  dl dd{
	line-height: 1.8;
	font-size: 1.4rem;
}

.history-flow li.history-flow-list .right-box .photo-box.two dl{
	width: 50%;
}

.history-flow li.history-flow-list .right-box .photo-box.multiple dl{
	width: 100%;
	margin: 1vw 0;
}

.tac{
	text-align: center;
	font-size: 1.6rem;
	color: #9693c9;
}


@media screen and (max-height: 1000px) {
	.modaal-inner-wrapper{
		padding-top: 100px !important;
		padding-bottom: 100px !important;
	}
}

@media all and (max-width: 768px ) {

	/* index.html */
	.music-visual{
		width: 100%;
		overflow: hidden;
		height: auto;
	}
	.main-movie{
		width: 100%;
		margin-top: 56px;
		margin-bottom: -5px;
	}
	.modal-content-movie{
		width: 100%;
		height: 100%;
		margin-top: 56px;
		left: 0;
	}
	.modaal-movie{
		width: 100%;
		height: 100%;
	}


	/* .pages_visual{
		position: relative;
	} */
	/* .pages_visual .top_logo{
		width: 13%;
		position: absolute;
		bottom: 3vw;
		right: 3vw;
	} */
	/* .pages_visual .top_logo img{
		width: 100%;
	} */
	.page_title_content{
		/* display: flex;
		justify-content: space-between;
		align-items: center;
		background: #fff;
		position: absolute; */
		top: 9%;
		/* left: 0; */
	}

	.music_floating_bnr{
		position: fixed;
		z-index:10000;
		bottom: 0;
		right: 0;
		font-size: 77%;
		height: 60px;
		display: block;
		color: #fff !important;
		background: #9693c9;
		text-align: center;
		padding:10px 2.2em 10px 10px;
		font-size: 12px;
		font-weight: 600;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.music_floating_bnr .pc-object{
		display: none;
	}

	.music_floating_bnr::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 4vw;
		width: 10px;
		height: 10px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		transform: translateY(-50%)rotate(45deg);
	}
	.music #responsive_menu{
		bottom: 60px;
	}

	.music .request-link{
		bottom: 120px;
	}


	/* .page_title_content h3{
		width: 85%;
		font-size: 2.2rem;
		font-weight: 600;
		text-align: center;
	}

	.page_title_content figure{
		width: 15%;
		background: #9693c9;
		padding: 5px;
	}

	.page_title_content figure img{
		width: 100%;
	} */

	.music_menu{
		flex-wrap: wrap;
	}
	.music_menu li{
		width: 33.333%;
		border-bottom: solid 1px #fff;
	}
	.music_menu li:nth-of-type(3){
		border-right: unset;
	}
	.music_menu li:nth-child(n+4){
		border-bottom: unset;
	}
	.music_menu li a p.music_menu_text{
		font-size: 1.3rem;
	}
	.music_info_contents{
		flex-direction: column;
	}
	.music_info_contents .info_content{
		width: 90%;
		margin: 0 auto;
	}

	.music_info_contents .info_content.blog .info_title::before {
		width: 6vw;
		height: 6vw;
		left: -8vw;
	}

	.music_info_contents .info_content.instagram .info_title::before {
		width: 6vw;
		height: 6vw;
		left: -8vw;
	}

	.fistory_link-box{
		padding: 3vw 8vw;
		display: block;
		margin-bottom: 12vw;
	}
	
	.fistory_link-box::after{
		content: none;
	}
	
	.fistory_link-box li{
		width: 100%;
		margin-bottom: 1vw;
	}
	
	.fistory_link-box li:nth-last-child(1){
		margin-bottom: 1vw;
	}
	
	.fistory_link-box li:nth-last-child(2){ 
		margin-bottom: 1vw;
	}
	
	.fistory_link-box a{
		padding: 2vw;
	}

	
	.music_content{
		padding: 0;
		width: 85%;
		margin: 0 auto 50px;
	}

	h3.section_title{
		font-size: 2.2rem;
	}
	h3.section_title span{
		font-size: 1.4rem;
	}

	.section_title_content .title_icon{
		width: 20vw;
		height: 20vw;
	}

	.section_title_content .title_icon .icon_text{
		font-size: 1rem;
	}
	.section_title_content .section_title{
		font-size: 1.5rem;
		padding-left: 3vw;
	}
	.music_info_contents .info_content.instagram .info_photo li a img{
	/*width: 100%;*/
	height: 25vw;
	/*object-fit: cover;
	object-position: 50% 50%;*/
	}

	.music_info_contents .info_content.instagram .info_photo li a video{
		position: absolute;
		margin-top: -13vw;
		width: 100%;
	}

	.music_info_contents .info_content.instagram .info_photo li a .instagram_movie{
		position: absolute;
		margin: 0 auto;
		width: 100%;
		min-width: 44vw;
		margin-left: -10vw;
	}

	.features_contents .features-list{
		flex-direction: column;
	}
	.features_contents .features-list > li{
		width: 100%;
		margin-bottom: 30px;
	}
	.features_contents .features-list > li::before{
		content: none;
	}
	.features_contents .features-list > li .features_text_content .inner-list{
		margin-left: 1.5em;
	}
	.features_contents .features-list > li .features_text_content .features_title{
		font-size: 1.6rem;
		width: calc(100% + 6vw);
		margin: 0 -3vw;
	}

	.sub_title{
		font-size: 2rem;
		padding: 0.5em 0 0.5em 0.5em;
	}
	.table_scroll{
		display: block;
		width: 100%;
		overflow-x: scroll;
		position: relative;
		padding-top: 30px;
		margin-bottom: 20px;
		z-index: 0;
	}
	.table_scroll::before{
		content: '右にスクロールできます ≫';
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1rem;
		font-weight: bold;
	}
	.table_scroll table.music_table{
		width: 700px;
	}
	.music_table{
		margin: unset;
	}

	.voice_contents{
		flex-direction: column;
	}
	.voice_contents.reverse{
		flex-direction: column-reverse;
	}
	.voice_contents figure{
		width: 100%;
		padding-bottom: 20px;
	}
	.voice_contents .voice_text{
		width: 100%;
		padding-bottom: 40px;
	}
	.voice_contents .voice_text .paragraph{
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.voice_contents .voice_text .voice_profile{
		order: -1;
		margin-bottom: 10px;
	}

	.course_title{
		font-size: 1.6rem;
	}
	.course_list_all{
		flex-direction: column;
	}
	.course_list_all .course_list{
		width: 100%;
	}
	.course_list_all .course_list li{
		width: 100%;
	}
	.course_list_all .course_list li .uni_name{
		font-size: 1.8rem;
	}
	.course_list_all .course_list li .uni_name::before{
		width: 12vw;
	}
	.course_list_all .course_list li .uni_person{
		font-size: 1.8rem;
	}
	.course_list_all .course_list.small{
		width: 100%;
	}
	.course_list_all .course_list.small li .uni_name{
		font-size: 1.8rem;
	}
	.course_list_all .course_list.small li .uni_person{
		font-size: 1.8rem;
	}

	.teacher_content{
		flex-direction: column;
	}
	.teacher_content .teacher_title{
		width: 100%;
	}
	.teacher_content .teacher_list{
		width: 100%;
		padding: 1em 0;
	}

	.teacher_content .teacher_list li{
		width: 45%;
		padding: 3vh 0;
	}

	.facility_contents{
		flex-direction: column;
	}
	.facility_contents figure,
	.facility_contents.col_3 figure{
		width: 100%;
		margin-bottom: 30px;
	}
	.facility_contents figure figcaption{
		font-size: 1.6rem;
		padding: 10px;
	}
	.facility_contents figure p{
		font-size: 1.2rem;
		padding: 0 10px;
	}

	.music_Performance{
		display: block;
		width: 100%;
		margin: 0 auto 10px;
	}

	/*.music_Performance li{
		width: 100%;
	}*/

	.music_Performance img{
		width: 100%;
		margin: 0 0 5px;
	}

	.uniform_contents{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		width: 100%;
	}

	.uniform_contents figure{
		width: 45%;
		padding: 3vh 0;
	}

	.uniform_contents figure figcaption{
		font-size: 1.4rem;
		font-weight: 600;
		text-align: center;
		padding: 2vh 0;
		border-bottom: double 4px #9693c9;
	}

	.movie_contents{
		display: block;
		padding: 0 0 6vh;
	}

	.movie_contents::after{
		content: none;
	}

	.movie_contents li{
		width: 100%;
	}

	.movie_contents li iframe{
		width: 100%;
		height: auto;
	}

	.movie_contents li .movie_title{
		font-size: 1.4rem;
		font-weight: 600;
		padding-top: 2vh;
		padding-bottom: 4vh;
		height: auto;
	}

	.sns_link{
		display: flex;
		justify-content: space-between;
		width: 80%;
		margin: 0 auto;
		padding: 6vh 0;
	}

	.sns_link li{
		width: 502%;
	}

	.sub_link_btn{
		border: solid 1px #9693c9;
		padding: 0.5em 0 0.5em 1em;
		color: #9693c9!important;
		font-size: 1.4rem;
		font-weight: 600;
		display: block;
		position: relative;
		padding-right: 5%;
	}

	.sub_link_btn::after{
		content: '>';
		position: absolute;
		top: 50%;
		right: 1vw;
		font-size: 1.6rem;
		color: #9693c9;
		transform: translateY(-50%);
	}


	/* music_history.html */

	.music_fistory .mb-object{
		display: block;
	}

	.main_text_content{
		background: rgba(101,95,148,0.1);
		padding: 6vh 6%;
		position:relative;
		margin-bottom: 6vh;
	}

	.main_text_content::after{
		content: '';
		position: absolute;
		border-right: solid 1px #000;
		right: 50%;
		bottom: -25px;
		height: 50px;
		width: 1px;
	}

	.main_text_content .page_title{
		font-size: 2.4rem;
		font-family: Amiri,serif;
		font-weight: 600;
		color: #9693c9;
		text-align: center;
		padding-bottom: 3vh;
	}

	.main_text_content .main_text{
		font-size: 1.4rem;
		line-height: 2;
	}

	.fistory_title{
		background: #9693c9;
		color: #fff;
		padding: 1vh 0;
		text-align: center;
		font-size: 2rem;
		font-weight: 600;
		margin-bottom: 3vh;
	}

	.fistory_content{
		display: block;
	}

	.fistory_content::after{
		right: 0;
		font-size: 1.2rem;
		transform: rotate(90deg)translateY(-50%) translateX(0%);
	}

	.fistory_content .fistory_list{
		width: 100%;
		padding: 0 7vw 0 0;
	}

	.fistory_content .fistory_list li{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 2vh 0;
	}

	.fistory_content .fistory_list li .fistory_year{
		width: 25%;
		text-align: center;
		position: relative;
	}

	.fistory_content .fistory_list li .fistory_year::after{
		content: '';
		position: absolute;
		border-right: solid 1px #000;
		right: 50%;
		bottom: -20px;
		height: 15px;
		width: 1px;
		transform: translateY(0%) translateX(-50%);
	}

	.fistory_content .fistory_list li .fistory_year.last_year::after{
		content: none;
	}

	.fistory_content .fistory_list li .fistory_year .main_year{
		font-size: 2rem;
		font-weight: 600;
		font-family: Amiri,serif;
	}

	.fistory_content .fistory_list li .fistory_year .sub_year{
		color: #9693c9;
		font-weight: 600;
		font-size: 1.1rem;
	}

	.fistory_content .fistory_list li .fistory_text{
		width: 69%;
		font-size: 1.2rem;
		line-height: 1.7;
	}

	.fistory_reason_text{
		font-size: 1.4rem;
		line-height: 2;
		padding: 0 4vw;
	}

	.fistory_photo{
		display: flex;
		justify-content: space-between;
		padding: 3vh 4vw 0;
	}

	.fistory_photo figure{
		width: 48%;
	}

	.fistory_photo figure img{
		width: 100%;
	}


	.fistory_photo figure figcaption{
		text-align: center;
		font-size: 1.2rem;
		margin-top: 1vw;
	}

	.fistory_dress{
		display: flex;
		justify-content: space-between;
		padding-top: 3vh;
	}

	.fistory_dress .dress_content{
		width: 31%;
	}

	.fistory_dress .dress_content figure{
		width: 100%;
		padding-bottom: 3vh;
	}

	.fistory_dress .dress_content figure img{
		width: 100%;
	}

	.fistory_dress .dress_content .dress_text{
		text-align: center;
		font-size: 1.4rem;
		line-height: 2;
		font-weight: 600;
	}

	.history-flow{
		padding-left: 40px;
		border-left: 2px dotted #9693C6;
	}
	
	.history-flow li.history-flow-list{
		/* margin-bottom: 40px;
		display: flex;
		position: relative;
		align-items: center;
		justify-content: space-between;
		align-items: flex-start; */
		flex-wrap: wrap;
	}
	.history-flow li.history-flow-list::before{
		content: '';
		font-family: 'Noto Sans JP', sans-serif;
		width: 15px;
		height: 15px;
		background: #9693c9;
		top: 0;
		border-radius: 50%;
		left: -40px;
		transform:translateY(72%) translateX(-50%);
		position: absolute;
	}

	.history-flow li.history-flow-list .year::before{
		content: none;
		/* font-size: 15px;
		font-family: 'Noto Sans JP', sans-serif;
		width: 25px;
		height: 25px;
		color: #9693c9;
		top: 50%;
		left: -25px;
		transform: translateY(-75%) translateX(-35%);
		position: absolute; */
	}
	
	.history-flow li.history-flow-list .year{
		font-size: clamp(2rem,7vw, 5rem);
		/* color: #9693c9;
		font-family: Amiri,serif; */
		width: 100%;
		/* position: relative; */
	}
	
	.history-flow li.history-flow-list .right-box{
		width: 100%;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box{
		width: 100%;
		/* display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 1vw; */
	}
	
	.history-flow li.history-flow-list .right-box .photo-box .photo{
		width: 100%;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box.two .photo{
		width: 49%;
		margin-right: 0;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box.multiple .photo{
		width: 49%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box .photo img{
		width: 100%;
		/* margin: auto; */
	}
	
	
	.history-flow li.history-flow-list .photo-list{
		width: 85%;
		/* display: flex;
		justify-content: space-between; */
	}
	
	.history-flow li.history-flow-list .photo-list li img{
		width: 100%;
	}
	
	/* .history-flow li.history-flow-list.photo-multiple dl{
		display: flex;
		align-items: center;
	} */
	
	.history-flow li.history-flow-list .right-box .photo-box dl{
		/* display: flex;
		align-items: center; */
		width: 100%;
		margin: 2vw 0 3vw 0;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box dl dt{
		font-size: 1.5rem;
		/* color: #9693c9; */
	}
	/* .history-flow li.history-flow-list .right-box .photo-box  dl dd{
		line-height: 1.8;
		font-size: 1.4rem;
	} */
	
	.history-flow li.history-flow-list .right-box .photo-box.two dl{
		width: 100%;
		margin: 2vw 0 3vw 0;
	}
	
	.history-flow li.history-flow-list .right-box .photo-box.multiple dl{
		width: 100%;
		margin: 1vw 0;
	}

	/* .history-flow{
		padding-left: 40px;
		border-left: 2px dotted #9693C6;
	}

	.history-flow li.history-flow-list{
		margin-bottom: 40px;
		display: block;
		position: relative;
		align-items: center;
	}

	.history-flow li.history-flow-list::before{
		content: "●";
		font-size: 20px;
		font-family: 'Noto Sans JP', sans-serif;
		width: 15px;
		height: 15px;
		color: #9693c9;
		top: 7px;
		left: -40px;
		transform: translateY(-50%) translateX(-50%);
		position: absolute;
	}

	.history-flow li.history-flow-list .year{
		font-size: 2rem;
		color: #9693c9;
		font-family: Amiri,serif;
		margin-right: 20px;
	}

	.history-flow li.history-flow-list .photo{
		width: 100%;
		margin: 20px auto 20px;
	}

	.history-flow li.history-flow-list .photo img{
		width: 100%;
		margin: auto;
	}

	.history-flow li.history-flow-list.photo-multiple dl{
		margin-left: 0;
	}

	.history-flow li.history-flow-list dl dt{
		font-size: 1.8rem;
		margin-bottom: 10px;
		color: #9693c9;
	}
	.history-flow li.history-flow-list dl dd{
		line-height: 1.8;
		font-size: 1.2rem;
	}

	.history-flow li.history-flow-list .photo-list{
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.history-flow li.history-flow-list .photo-list:after{
		content: none;
	}
	
	.history-flow li.history-flow-list.photo-multiple .photo-list li{
		width: 49%;
		margin-bottom: 2%;
	}
	
	.history-flow li.history-flow-list .photo-list li img{
		width: 100%;
		margin: 0;
	} */

	.slick-initialized .slick-slide{
		display: flex !important;
		justify-content: space-between !important;
	}

	.concert_list .concert-inner-box li{
		width: 48%;
		margin-bottom: 1vw;
		height: 100%;
	}
	
	.concert_list .concert-inner-box a figure img{
		width: 100%;
		height: 52vw;
		object-fit: cover;
		object-position: 50% 50%;
	}

	.concert_list .slick-arrow{
		border: solid 1px #9693c9;
		border-radius: 10vh;
		width: 40px;
		height: 40px;
		top: unset;
		bottom: -10vh;
		transition: all .3s ease;
	}

	.photo-slider{
		width: 100%;
		margin-right: 0;
	}

	.modaal-content-container .modal_inner .concert-title{
		font-size: 1.75rem;
		/* text-align: center;
		margin-bottom: 2vw;
		font-weight: 600;
		font-family: Amiri,serif; */
	}

	.modaal-container{
		/* max-width: 1000px !important;
		min-width: 300px !important; */
		width: 100% !important;
	}
	.modaal-content-container .modal_inner .concert-music-list li{
		font-size: clamp(1.1rem, 1.3vw, 1.5rem);
		margin-bottom: 2vw;
	}
}