@charset 'UTF-8';

#chawchaw_official {
	font-family:  neue-haas-grotesk-display, a-otf-ud-shin-go-pr6n, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.15em;
	color: #fff;
	overflow-x: hidden;
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	flex-basis: auto;
}
.flexbox.flex_center {
	justify-content: center;
}
.flexbox.flex_al_center {
	align-items: center;
}
.flexbox.flex_space {
	justify-content: space-between;
}
.flexbox.flex_al_end {
	align-items: flex-end;
}

.rel {
	position: relative;
}
.ab {
	position: absolute;
}
.txC {
	text-align: center;
}
.ftB {
	font-weight: 700;
}
.ftL {
	font-weight: 100;
}
.img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
a.txt_link:hover {
	opacity: 0.8;
	text-decoration: underline;
}
a.txt_relink {
	text-decoration: underline;
}
a.txt_relink:hover {
	opacity: 0.8;
	text-decoration: none;
}
.ft_otf {
	font-family: a-otf-ud-shin-go-pr6n, sans-serif;
	font-style: normal;
}
.ft_neue {
	font-family: neue-haas-grotesk-display, sans-serif;
	font-style: normal;
}
.btn_box,
.btn_box a,
.btn_box .btn_inner,
.btn_box a .btn_txt {
	transition: .3s;
}
.btn_box a,
.btn_box .btn_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.btn_box.type_white {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 90px;
}
.btn_box.type_white a .btn_txt,
.btn_box.type_white .btn_inner .btn_txt {
	font-weight: 800;
	color: #333;
}
.btn_box.type_white:hover {
	background: rgba(0,0,0,0);
}
.btn_box.type_white:hover a .btn_txt,
.btn_box.type_white:hover .btn_inner .btn_txt {
	color: #fff;
}
.btn_box.type_radius {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
}
.btn_box.type_radius a .btn_txt,
.btn_box.type_radius .btn_inner .btn_txt {
	font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 700;
	color: #333;
}
.btn_box.type_radius:hover {
	background: rgba(0,0,0,0);
}
.btn_box.type_radius:hover a .btn_txt,
.btn_box.type_radius:hover .btn_inner .btn_txt {
	color: #fff;
}

.ud_line,
.top_line {
	position: relative;
}
.ud_line:after,
.top_line:after {
	position: absolute;
	left: 50%;
	content: "";
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 100%);
}
.ud_line:after {
	bottom: 0;
	transform: translate(-50%, 0);
}
.top_line:after {
	top: 0;
	transform: translate(-50%, -100%);
}

.bd_frame.type_white {
	border: 1px solid #fff;
}

/* ===== js アニメーション ===== */
/* 途中表示のアコーディオンパネル */
.moreAccArea {
	position: relative;
}
.moreAccArea .moreAccContents {
	position: relative;
	overflow: hidden;
}
.moreAccArea.type_cover .moreAccContents:before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: var(--cover_bg, none);
	width: 100%;
	height: min(15%, 5rem);
	background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 90%);
	z-index: 2;
}
.moreAccArea.type_cover .moreAccTrigger {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, calc(100% + 1em));
	z-index: 3;
}
.moreAccArea.close {
	--cover_bg: "";
}

/* ヘッダー */
.header {
	background: linear-gradient(90deg, #33114e 0%, #009995 100%);
}
.header .gnav_list .gnav:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	content: "";
	width: 0;
	height: 2px;
	background: #fff;
	transition: .3s;
}
.header .gnav_list .gnav a {
	color: #fff;
	font-weight: 600;
}
.header .gnav_list .gnav:hover:after {
	width: 100%;
}

/* MV */
.area_mv .mv_img {
	background: #000;
}
.area_mv .mv_img img,
.area_mv .mv_img video {
	width: 100%;
}
.area_mv .mv_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.area_mv .mv_inner .page_title {
	position: absolute;
	top: 75%;
	left: 20px;
	transform: translate(0, -50%);
	text-shadow: 0 0 10px rgba(0,0,0, 0.75), 0 0 20px rgba(0,0,0, 0.75);
}
.area_mv .mv_inner .page_title .strong {
	font-weight: 800;
}
.area_mv .mv_inner .info_box {
	position: absolute;
	bottom: 0;
	right: 0;
	background: rgba(255,255,255,0.3);
}
.area_mv .mv_inner .info_box:after {
	position: absolute;
	content: "";
	background: #fff;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
}
.area_mv .mv_inner .info_box .info_title {
	font-weight: 800;
}

/* section共通 */
.bg_layer {
	position: relative;
}
.bg_layer:before,
.bg_layer:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
}
.bg_layer:before {
	z-index: 1;
}
.bg_layer:after {
	z-index: 2;
}
.bg_layer .content_inner,
.bg_layer .bg_layer_inner {
	position: relative;
	z-index: 3;
}
.bg_spark {
	background: url(../img/bg_spark.jpg) no-repeat;
	background-size: cover;
}
.bg_spark:before {
	background: rgba(255,255,255,0.5);
}
.bg_spark:after {
	background: rgba(0,0,0,0.7);
}
.bg_gradiate:before {
	background: rgba(0,0,0,0.9);
}
.bg_gradiate:after {
	background: linear-gradient(90deg, rgba(244, 176, 108, 0.5) 0%, rgba(109, 65, 108, 0.5) 20%, rgba(8, 65, 116, 0.5) 50%, rgba(3, 154, 149, 0.5) 100%);
}
.bg_gradiate_light:before {
	background: rgba(0,0,0,0.9);
}
.bg_gradiate_light:after {
	background: linear-gradient(90deg, rgba(244, 176, 108, 0.5) 20%, rgba(109, 65, 108, 0.5) 50%, rgba(8, 65, 116, 0.5) 70%, rgba(3, 154, 149, 0.5) 100%);
}
.bg_gradiate_logo:before {
	background: rgba(0,0,0,1);
	content: url(../img/logo_white.png);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	opacity: 0.25;
}
.bg_gradiate_logo:after {
	background: linear-gradient(90deg, rgba(244, 176, 108, 0.6) 20%, rgba(109, 65, 108, 0.6) 50%, rgba(8, 65, 116, 0.6) 70%, rgba(3, 154, 149, 0.6) 100%);
}
.bg_black_logo {
	overflow: hidden;
}
.bg_black_logo:before {
	background: rgba(0,0,0,1);
	content: url(../img/logo_white.png);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	opacity: 0.25;
}
.bg_black_logo:after {
	background: rgba(0,0,0,0.8);
}
.bg_groupe {
	background: url(../img/bg_groupe.jpg) no-repeat;
	background-size: cover;
}
.bg_groupe:before {
	background: rgba(255,255,255,0.3);
}
.bg_groupe:after {
	background: rgba(0,0,0,0.8);
}

.sec_content .sec_title.type_rotate {
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(90deg);
	transform-origin: left bottom;
}
.sec_content .sec_title.type_border {
	position: relative;
	text-align: center;
}
.sec_content .sec_title.type_border:before,
.sec_content .sec_title.type_border:after {
	position: absolute;
	top: 50%;
	content: "";
	width: 50%;
	height: 1px;
}
.sec_content .sec_title.type_border:before {
	left: 0;
	transform: translate(calc(-15% - 2em), -50%);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.sec_content .sec_title.type_border:after {
	right: 0;
	transform: translate(calc(15% + 2em), -50%);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}

/* about */
.sec_about {
	scroll-snap-type: y mandatory;
}
.sec_about .content_inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	content: "";
	background: #fff;
}
.sec_about .txt_box .desc_txt {
	line-height: 2;
}

/* performance */
.sec_performance .content_inner:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 70%;
	content: "";
	background: #fff;
}
.sec_performance .news_dtlist {
	display: flex;
	flex-direction: column;
	row-gap: min(5vw, 40px);
}
.sec_performance .news_dtlist .news_date {
	font-weight: normal;
}
.sec_performance .moreAccArea .moreAccTrigger {
	width: min(80%, 290px);
	font-size: 1.25em;
	margin-inline: auto;
	margin-top: min(5vw, 2.5rem);
}
.sec_performance .moreAccArea .moreAccTrigger .btn_inner {
	padding: 5px 0;
}

/* producer */
.sec_producer {
	background: rgba(0,0,0,0.8);
}
.sec_producer:before {
	position: absolute;
	top: 50%;
	left: 100%;
	content: url(../img/logo_white.png);
}
.sec_producer:after {
	background: rgba(0,0,0,0.8);
}
.sec_producer .producer_title .name {
	font-weight: 700;
}

/* news */
.sec_news .news_list .news:not(:last-child) {
	border-bottom: 1px dotted #fff;
}
.sec_news .news_list .tag_box {
	display: flex;
	flex-direction: column;
	row-gap: min(3vw, 1rem);
}
.tag {
	font-weight: 700;
	color: #644E43;
	border-radius: 90px;
	text-align: center;
	line-height: 1;
}
.tag.type_blue {
	background: #00FFFF;
}
.tag.type_pink {
	background: #FEA7FF;
}
.tag.type_yellow {
	background: #FDFF82;
}

/* member */
.sec_member .member_degree_databox {
	display: flex;
	flex-direction: column;
	row-gap: min(5vw, 2.5rem);
	margin-block: min(5vw, 2.5rem) 0;
}
.sec_member .member_degree_databox > [class^="databox_box"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	row-gap: min(3vw, 1rem);
	align-items: center;
}
.sec_member .member_degree_databox > [class^="databox_box"] > [class^="databox_title"] {
	font-size: min(5vw, 2rem);
}
.sec_member .member_degree_databox > [class^="databox_box"] > [class^="databox_content"] {
	width: min(100%, 1000px);
	margin-inline: auto;

}
.sec_member .member .member_img {
	filter: drop-shadow(1px 5px 5px #666);
	transition: .3s;
}
.sec_member .member a:hover .member_img {
	filter: drop-shadow(1px 10px 10px #666);
	opacity: 0.8;
}
.sec_member .member_list {
	--column_space: min(5vw, 1.5rem);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: var(--column_space);
	row-gap: min(5vw, 1.5rem);
}
.sec_member .member_list > [class^="member"] {
	width: calc(100% / var(--column_wide, 2) - var(--column_space) / var(--column_wide, 2) * (var(--column_wide, 2) - 1));
	text-align: center;
}
.sec_member .member_list .member .name {
	font-weight: 100;
	line-height: 1.2;
}
.sec_member .member_list .member .degree {
	font-size: min(3vw, 1rem);
}
.sec_member .member_list + .member_list {
	margin-top: min(5vw, 1.5rem);
}

/* movie */
.sec_movie {
	background: rgba(0,0,0,0.9);
}
.sec_movie .movie_list .movie .movie_thumbnail img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
}
.sec_movie .movie_list .movie a:hover .movie_thumbnail {
	opacity: 0.8;
}

/* discography */
.sec_disco .disco .disco_title {
	font-weight: 100;
}
.sec_disco .disco .disco_title .strong {
	font-weight: 700;
}

/* SNS */
.area_sns .sns_title {
	font-weight: 100;
}
.area_sns .sns_title:before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	content: "";
}
.area_sns .sns_title.type_insta:before {
	background: url(../img/icon_instagram.png) no-repeat;
	background-size: 100% 100%;
}
.area_sns .sns_title.type_twitter:before {
	background: url(../img/icon_twitter.png) no-repeat;
	background-size: 100% 100%;
}
.area_sns .sns_title.type_twitterX:before {
	background: url(../img/icon_twitterX.png) no-repeat;
	background-size: 100% 100%;
}
.area_sns .sns_title.type_tiktok:before {
	background: url(../img/icon_tiktok.png) no-repeat;
	background-size: 100% 100%;
}

/* contact */
.sec_contact .contact_box .lead_txt,
.sec_contact .school h3,
.sec_contact .school p {
	font-family: source-han-sans-cjk-ja, sans-serif;
	font-weight: 700;
}
.sec_contact .school .icon {
	background: #fff;
	border-radius: 50%;
}
.sec_contact .school .icon_tel a,
.sec_contact .school .icon_email a {
	position: relative;
}
.sec_contact .school .icon_tel a:before,
.sec_contact .school .icon_email a:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-100%, -50%);
	content: "";
}
.sec_contact .school .icon_tel.type_bac a:before {
	background: url(../img/footer/bac_phone.png) no-repeat;
}
.sec_contact .school .icon_email.type_bac a:before {
	background: url(../img/footer/bac_mail.png) no-repeat;
}
.sec_contact .school .icon_tel.type_oas a:before {
	background: url(../img/footer/oas_phone.png) no-repeat;
}
.sec_contact .school .icon_email.type_oas a:before {
	background: url(../img/footer/oas_mail.png) no-repeat;
}

/* slick */
.slick-dots li.slick-active button:before {
	color: #fff;
}
.slick-dots li button:before {
	font-size: 20px;
	color: #eee;
}
.slick-prev, .slick-next {
	z-index: 25;
}

/* モーダル */
.modal_wrap {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
	visibility: hidden;
}
.modal_wrap.show {
	visibility: visible;
}
.modal_wrap .close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: rgba(255,255,255,0.5);
	color: #fff;
	opacity: 0;
	animation: show_content .2s ease-out .2s 1 normal forwards running;
	cursor: pointer;
	z-index: 1;
}
.modal_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	background: #111;
	border: 1px solid #fff;
	animation: spread_wide .1s ease-out .2s 1 normal forwards running;
	opacity: 0;
}
.modal_inner:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
	width: 100%;
	height: 90%;
	background: linear-gradient(60deg, #fef3be 0%, #e79259 25%, #a84081 50%, #1d134f 75%, #009895 100%);
}
.modal_member_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}
.modal_member_list .member_inner {
	visibility: hidden;
}
.modal_profile_inner {
	width: 100%;
	height: 90%;
	background: rgba(0,0,0,0.5);
}
.modal_profile_box .change_btn {
	position: absolute;
	top: 50%;
	background: rgba(255,255,255,0.7);
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
}
.modal_profile_box .change_btn:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
}
.modal_profile_box .change_btn.ch_prev {
	transform: translate(-50%, -50%);
}
.modal_profile_box .change_btn.ch_prev:after {
	content: "\f104";
}
.modal_profile_box .change_btn.ch_next {
	transform: translate(50%, -50%);
}
.modal_profile_box .change_btn.ch_next:after {
	content: "\f105";
}
.modal_wrap.modal_lyrics .modal_inner {
	background: #fff;
	border-radius: 18px;
	overflow-y: scroll;
}
.modal_wrap.modal_lyrics .modal_inner:before {
	content: none;
}
.modal_wrap.modal_lyrics .lyrics .music_title,
.modal_wrap.modal_lyrics .lyrics .lyrics_box {
	color: #333;
}
.modal_wrap.modal_lyrics .lyrics.hide {
	display: none;
}
.modal_wrap.modal_lyrics .close {
	color: #333;
	font-size: 2em;
}
.overlay {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	//animation: spread_wide .1s ease-out .2s 1 normal forwards running;
	z-index: 15;
}
@keyframes spread_wide {
	0% {
		width: 0;
		height: 0;
		opacity: 0;
	}
	100% {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
}
@keyframes show_content {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/* コンテンツフェードインのアニメーション */
.scroll_content {
	opacity: 0;
}
.moving_fade_top {
	opacity: 0;
	transform: translate(0, 20%);
}
.moving_fade_top {
	animation: slide_incontents .5s ease-out .2s 1 normal forwards running;
}
@keyframes slide_incontents {
	0% {
		opacity: 0%;
	}
	100% {
		opacity: 100%;
		transform: translate(0, 0);
	}
}

@media screen and ( min-width: 767px ) {
	/* PC */
	.dNoPc {
		display: none;
	}
	.lh2 {
		line-height: 2;
	}
	.content_inner {
		max-width: 1400px;
		width: 100%;
		margin: auto;
	}
	.header {
		padding: 10px 0;
	}
	.header .logo {
		height: 60px;
	}
	.header .logo img {
		max-height: 100%;
		height: auto;
	}
	.header .gnav_list .gnav a .nav_txt {
		font-size: 1.5em;
		padding: 10px 20px;
	}
	/* MV */
	.area_mv .mv_inner {
		max-width: 1640px;
		width: 100%;
		height: 100%;
	}
	.area_mv .mv_inner .page_title {
		font-size: 2em;
	}
	.area_mv .mv_inner .page_title .strong {
		font-size: 2em;
	}
	.area_mv .mv_inner .info_box {
		width: calc(100% / 4);
		padding: 35px 20px;
	}
	.area_mv .mv_inner .info_box:after {
		top: 5px;
		right: 5px;
		width: 15px;
		height: 15px;
	}
	.area_mv .mv_inner .info_box .info_title {
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	.area_mv .mv_inner .info_box .info_desc {
		font-size: 12px;
	}
	/* section共通 */
	.sec_content .sec_title {
		font-size: 6em;
		font-weight: 100;
	}
	/* about */
	.sec_about .content_inner {
		padding: 130px 40px;
	}
	.sec_about .txt_box {
		/*width: 35%;*/
	}
	.sec_about .txt_box .txt+.txt {
		margin-top: 2em;
	}
	.sec_about .img_box {
		width: 60%;
	}
	.sec_about .btn_box {
		width: 290px;
		margin: 50px auto;
	}
	.sec_about .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* performance */
	.sec_performance .content_inner {
		padding: 130px 40px;
	}
	.sec_performance .news_dtlist {
		width: 1000px;
		margin: auto;
	}
	.sec_performance .news_dtlist .news {
		font-size: 1.2em;
		line-height: 1.8;
	}
	.sec_performance .news_dtlist .news_date {
		width: 12%;
		font-size: 1.2em;
		margin-right: 60px;
	}
	.sec_performance .news_dtlist .news_detail {
		width: 80%;
	}
	/* producer */
	.sec_producer:before {
		transform: translate(calc(-100% - 40px), -50%) rotate(10deg);
		width: 571px;
		height: 600px;
	}
	.sec_producer .content_inner {
		padding: 130px 40px;
	}
	.sec_producer .txt_box {
		width: 68%;
		margin-left: 40px;
	}
	.sec_producer .txt_box .producer_title {
		font-size: 6em;
		line-height: 1.2;
	}
	.sec_producer .txt_box .degree {
		padding: 35px 0;
	}
	/* news */
	.sec_news {
		padding: 130px 40px;
	}
	.sec_news .content_inner {
		padding: 45px 100px;
	}
	.sec_news .news_list {
		margin-bottom: 35px;
	}
	.sec_news .news_list .news {
		padding: 20px 0;
	}
	.sec_news .news_list .news .date {
		width: 95px;
		margin: 0 40px;
	}
	.sec_news .news_list .news .news_content {
		width: 72%;
	}
	.sec_news .news_list .news .news_content .txt+.txt {
		margin-top: 1.5em;
	}
	.tag {
		width: 125px;
		font-size: 0.8em;
		padding: 10px 20px;
	}
	.sec_news .btn_box {
		width: 290px;
		margin: auto;
	}
	.sec_news .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* member */
	.sec_member .content_inner {
		padding: 55px 40px;
	}
	.sec_member .member_list {
		--column_wide: 4;
	}
	.sec_member .member_list > [class^="member"] {

	}
	.sec_member .member_img img {
		border-radius: 50%;
		width: min(95%, 240px);
		height: auto;
		object-fit: cover;
		object-position: center top;
		aspect-ratio: 1 / 1;
		margin: auto;
	}
	.sec_member .member_list .member .name {
		font-size: 2em;
		padding-top: 20px;
	}
	.slick-prev,
	.slick-next {
		width: 90px;
		height: 90px;
	}
	.sec_member .slick-prev {
		left: 0;
	}
	.sec_member .slick-next {
		right: 0;
	}
	.modal_wrap .slick-prev {
		left: -10%;
	}
	.modal_wrap .slick-next {
		right: -10%;
	}
	.slick-next:before, .slick-prev:before {
		font-size: 90px;
	}
	/* movie */
	.sec_movie .content_inner {
		padding: 55px 40px;
	}
	.sec_movie .movie_list {
		row-gap: min(5vw, 2.5rem);
		margin: 30px 0;
	}
	.sec_movie .movie_list .movie {
		width: calc(100% / 2.1);
	}
	.sec_movie .movie_list .movie video {
		width: 100%;
		height: auto;
	}
	.sec_movie .btn_box {
		width: 290px;
		margin: auto;
	}
	.sec_movie .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* discography */
	.sec_disco {
		padding: 55px 40px;
	}
	.sec_disco .flipster {
		overflow-x: visible;
	}
	.sec_disco .disco_list {
		margin: 50px 0;
	}
	.sec_disco .disco {
		margin: 0 30px;
	}
	.sec_disco .disco .disco_title {
		font-size: 2.5em;
		line-height: 0.6;
		padding-top: 15px;
	}
	.sec_disco .disco .disco_title .strong {
		display: inline-block;
		padding-top: 20px;
	}
	.sec_disco .disco .disco_title .mini {
		font-size: 20px;
		line-height: 1;
	}
	.sec_disco .btn_box {
		width: 290px;
		margin: auto;
	}
	.sec_disco .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* SNS */
	.area_sns .content_inner {
		padding: 130px 40px;
	}
	.area_sns .sns_list .sns {
		width: calc(100% / 2.1);
	}
	.area_sns .sns_title {
		font-size: 5em;
		margin-bottom: 40px;
	}
	.area_sns .sns_title:before {
		width: 50px;
		height: 50px;
	}
	.area_sns .insta_img_list .insta_img {
		width: calc(100% / 3.2);
		margin-bottom: 20px;
	}
	.area_sns .sns_list .sns:nth-child(3) {
		margin-top: 100px;
	}
	.area_sns .sns_list .sns.sns_wide {
		width: 100%;
	}
	.area_sns .tiktok_list .tiktok {
		width: calc(100% / 5.2);
	}
	.area_sns .tiktok_list .tiktok:not(:nth-child(5n)) {
		margin-right: calc( (100% - (100%/5.2)*5) / 4 );
	}
	.area_sns .tiktok_list .tiktok:not(:nth-last-child(-n+5)) {
		margin-bottom: 20px;
	}
	.area_sns .tiktok_list .tiktok .tiktok_movie img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}

	/* contact */
	.sec_contact .content_inner {
		padding: 130px 40px;
	}
	.sec_contact .btn_box {
		width: 420px;
		margin: 10px auto 30px;
	}
	.sec_contact .btn_box .btn_txt {
		font-size: 1.5em;
		padding: 10px 0;
	}
	.sec_contact .school_list {
		margin: 50px 0 0;
	}
	.sec_contact .school:nth-child(2n) {
		margin-left: 90px;
	}
	.sec_contact .school .icon_tel a:before,
	.sec_contact .school .icon_email a:before {
		left: -10px;
	}
	.sec_contact .school .icon_tel a:before {
		width: 13px;
		height: 23px;
	}
	.sec_contact .school .icon_email a:before {
		width: 21px;
		height: 14px;
	}
	.sec_contact .school .tel+.tel {
		margin-left: 45px;
	}
	.sec_contact .school .icon {
		width: 120px;
		height: 120px;
		margin: 0 auto 40px;
		padding: 20px;
	}
	.sec_contact .school p {
		line-height: 2;
		padding: 5px 0;
	}
	.sec_contact .school .school_name {
		font-size: 1.25em;
	}
	.sec_contact .school .address {
		padding: 20px 0;
	}
	.footer {
		padding: 30px 0;
	}

	/* モーダル */
	.modal_wrap {
		width: 80vw;
		height: 70vh;
	}
	.modal_wrap .close {
		width: 50px;
		height: 50px;
		font-size: 1.5em;
	}
	.modal_profile_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: flex-end;
	}
	.modal_profile_inner .photograh {
		width: 42%;
		height: 100%;
	}
	.modal_profile_inner .photograh img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		object-fit: cover;
		object-position: center top;
		margin: auto;
	}
	.modal_profile_inner .txt_box {
		width: 42%;
		height: 100%;
		padding: 50px 0;
	}
	.modal_profile_inner .txt_box .profile_img {
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		border: 4px solid #fef3be;
		text-align: center;
		padding: 10px;
	}
	.modal_profile_inner .txt_box .profile_img img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height:  auto;
	}
	.modal_profile_box .change_btn {
		width: 80px;
		height: 80px;
	}
	.modal_profile_box .change_btn:after {
		font-size: 3em;
	}
	.modal_profile_box .ch_prev {
		left: 0;
	}
	.modal_profile_box .ch_next {
		right: 0;
	}
	.modal_wrap.modal_lyrics .lyrics {
		padding: 30px;
	}
	.modal_wrap.modal_lyrics .lyrics .music_title {
		font-size: 1.8em;
		margin-bottom: 20px;
	}
	.modal_wrap.modal_lyrics .lyrics .lyrics_box .txt+.txt {
		margin-top: 1.5em;
	}
}

@media screen and ( min-width: 767px ) and ( max-width: 1300px ) {
	/* PC調整01 */
	.sec_performance .news_dtlist {
		margin: 0 0 0 12vw;
	}
}
@media screen and ( min-width: 767px ) and ( max-width: 900px ) {
	/* PC調整 */
	.sec_contact .school {
		width: 100%;

	}
	.sec_contact .school:nth-child(2n) {
		margin: 50px 0 0 0;
	}
}

@media screen and ( max-width: 767px ) {
	/* SP */
	.dNoMb {
		display: none;
	}
	img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
	}
	.lh2 {
		line-height: 2;
	}
	.site_wrap {
		overflow-x: hidden;
	}
	.content_inner {
		width: 100%;
		margin: auto;
		padding: 0 20px;
	}
	.header {
		padding: 10px 0;
	}
	.header .logo {
		height: 60px;
	}
	.header .logo img {
		max-height: 100%;
		height: auto;
	}
	.header .gnav_wrap {
		position: fixed;
		top: 0;
		right: 0;
		transform: translate(100%, 0);
		background: linear-gradient(-180deg, #33114e 0%, #009995 100%);
		width: 90%;
		height: 100vh;
		z-index: 18;
		opacity: 0;
		transition: .3s;
	}
	.header .gnav_wrap.open {
		opacity: 1;
		transform: translate(0, 0);
	}
	.header .gnav_list {
		padding: 80px 0 0;
	}
	.header .gnav_list .gnav {
		width: 100%;
	}
	.header .gnav_list .gnav a .nav_txt {
		font-size: 1.5em;
		padding: 10px 20px;
	}
	.header .nav_icon {
		width: 50px;
		height: 50px;
	}
	.header .nav_icon .bar {
		display: block;
		position: relative;
		top: 50%;
		transform: translate(0, -50%);
		width: 100%;
		height: 2px;
		background: #fff;
		transition: .3s;
		z-index: 20;
	}
	.header .nav_icon .bar:before,
	.header .nav_icon .bar:after {
		position: absolute;
		top: 0;
		left: 50%;
		content: "";
		width: 100%;
		height: 2px;
		background: #fff;
		transition: .3s;
	}
	.header .nav_icon .bar:before {
		transform: translate(-50%, calc(-100% - 15px));
	}
	.header .nav_icon .bar:after {
		transform: translate(-50%, calc(100% + 15px));
	}
	.header .nav_icon.open .bar {
		height: 0;
	}
	.header .nav_icon.open .bar:before {
		transform: translate(-50%, calc(-100% - 15px)) rotate(-45deg);
		transform-origin: right top;
	}
	.header .nav_icon.open .bar:after {
		transform: translate(-50%, calc(100% + 15px)) rotate(45deg);
		transform-origin: right top;
	}
	/* MV */
	.area_mv {
		overflow-x: hidden;
	}
	.area_mv .mv_img {
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		width: 100vw;
		background: #000;
		padding-top: 30vw;
	}
	.area_mv .mv_inner {
		width: 100%;
		height: 100%;
	}
	.area_mv .mv_inner .page_title {
		top: 20%;
		font-size: 1.5em;
		line-height: 1.2;
	}
	.area_mv .mv_inner .page_title .strong {
		font-size: 1.5em;
	}
	.area_mv .mv_inner .info_box {
		width: 70%;
		padding: 10px;
	}
	.area_mv .mv_inner .info_box:after {
		top: 5px;
		right: 5px;
		width: 15px;
		height: 15px;
	}
	.area_mv .mv_inner .info_box .info_title {
		margin-bottom: 5px;
	}
	.area_mv .mv_inner .info_box .info_desc {
		font-size: 10px;
	}
	/* section共通 */
	.sec_content .sec_title {
		font-size: 3em;
		font-weight: 100;
	}
	.sec_content .sec_title.type_border:before,
	.sec_content .sec_title.type_border:after {
		width: 20%;
	}
	.sec_content .sec_title.type_border:before {
		transform: translate(0, -50%);
	}
	.sec_content .sec_title.type_border:after {
		transform: translate(0, -50%);
	}
	/* about */
	.sec_about .content_inner {
		padding: 25px 20px;
	}
	.sec_about .content_inner:before {
		left: 20px;
	}
	.sec_about .txt_box {
		width: 100%;
		padding-left: 18px;
	}
	.sec_about .txt_box .desc_txt .txt+.txt {
		margin-top: 1em;
	}
	.sec_about .img_box {
		width: 100%;
	}
	.sec_about .btn_box {
		width: 80%;
		margin: 50px auto;
	}
	.sec_about .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* performance */
	.sec_performance .content_inner {
		padding: 25px 20px;
	}
	.sec_performance .content_inner:before {
		left: 20px;
	}
	.sec_content .sec_title.type_rotate {
		left: 10px;
	}
	.sec_performance .news_dtlist {
		width: 78%;
		margin-left: auto;
	}
	.sec_performance .news_dtlist .news {
		line-height: 1.8;
	}
	.sec_performance .news_dtlist .news_date {
		width: 100%;
		font-size: 18px;
		margin-right: 60px;
	}
	.sec_performance .news_dtlist .news_detail {
		width: 100%;
	}
	/* performance@more */
	.sec_performance .more_btn {
		background: #fff;
		border: 1px solid #fff;
		border-radius: 90px;
		color: #333;
		font-weight: bold;
		text-align: center;
		cursor: pointer;
		margin: 30px 0 0;
		padding: 5px 20px;
	}
	.sec_performance .more_btn:hover {
		background: none;
		color: #fff;
	}
	.sec_performance .area_more_box {
		display: none;
	}
	.sec_performance .area_more_box.open {
		display: block;
	}
	/* producer */
	.sec_producer:before {
		transform: translate(calc(-100% - 40px), -50%) rotate(10deg);
		width: 100%;
		height: 50%;
	}
	.sec_producer .content_inner {
		justify-content: space-between;
		align-items: flex-start;
		padding: 25px 20px 10px;
	}
	.sec_producer .content_inner:last-child {
		padding-bottom: 40px;
	}
	.sec_producer .produce_img{
		width: 45%;
	}
	.sec_producer .txt_box {
		width: 50%;
	}
	.sec_producer .producer_title {
		font-size: 3em;
		line-height: 1.2;
	}
	.sec_producer .txt_box .degree {
		padding: 0 0 25px;
	}
	/* news */
	.sec_news {
		padding: 25px 20px;
	}
	.sec_news .content_inner {
		padding: 20px;
	}
	.sec_news .news_list {
		margin-bottom: 35px;
	}
	.sec_news .news_list .news {
		padding: 20px 0;
	}
	.sec_news .news_list .news .date {
		width: 35%;
		margin: 0 20px;
	}
	.sec_news .news_list .news .news_content {
		width: 100%;
		margin: 10px 0 0;
	}
	.sec_news .news_list .news .news_content .txt+.txt {
		margin-top: 1.5em;
	}
	.sec_news .news_list .news > .tag,
	.sec_news .news_list .news > .tag_box {
		width: 48%;
	}
	.tag {
		font-size: 0.8em;
		padding: 10px 20px;
	}
	.sec_news .btn_box {
		width: 80%;
		margin: auto;
	}
	.sec_news .btn_box .btn_txt {
		font-size: 1.25em;
		text-align: center;
		padding: 5px 0;
	}
	/* member */
	.sec_member {
		overflow-x: hidden;
	}
	.sec_member.bg_gradiate_logo:before {
		background: rgba(0,0,0,1) url(../img/logo_white.png) no-repeat;
		content: "";
		background-size: 90%;
		background-position: center center;
	}
	.sec_member .content_inner {
		padding: 55px 20px;
	}
	/* SPでは複数のmember_listを1つの並びとして2列で詰める */
	.sec_member .member_degree_databox > [class^="databox_box"] > [class^="databox_content"] {
		--column_space: min(5vw, 1.5rem);
		--column_wide: 2;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: var(--column_space);
		row-gap: min(5vw, 1.5rem);
		padding: 25px 0 0;
	}
	.sec_member .member_list {
		display: contents;
	}
	.sec_member .member_list > [class^="member"] {
		
	}

	.sec_member .member_img img {
		border-radius: 50%;
		width: 130px;
		height: 130px;
		object-fit: cover;
		object-position: center top;
		margin: auto;
	}
	.sec_member .member_list .member .name {
		font-weight: 500;
		text-shadow: 0 0 5px #333;
		letter-spacing: -0.005em;
		padding-top: 10px;
	}
	.sec_member .slick-prev,
	.sec_member .slick-next {
		width: 45px;
		height: 45px;
		z-index: 10;
	}
	.sec_member .slick-prev {
		left: -15px;
	}
	.sec_member .slick-next {
		right: -15px;
	}
	.slick-next:before, .slick-prev:before {
		font-size: 45px;
	}
	.slick-next {
		right: 5px;
	}
	/* movie */
	.sec_movie .content_inner {
		padding: 55px 20px;
	}
	.sec_movie .movie_list {
		margin: 30px 0;
	}
	.sec_movie .movie_list .movie {
		width: 100%;
		margin-bottom: 30px;
	}
	.sec_movie .btn_box {
		width: 80%;
		margin: auto;
	}
	.sec_movie .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	/* discography */
	.sec_disco {
		padding: 55px 20px;
	}
	.sec_disco .sec_title.type_border:before,
	.sec_disco .sec_title.type_border:after {
		width: 5%;
	}
	.sec_disco .disco_list {
		margin: 50px 0;
	}
	.sec_disco .disco {
		margin: 0 0px !important;
	}
	.sec_disco .disco .disco_img {
		width: 60%;
		margin: auto;
	}
	.sec_disco .disco .disco_title {
		/*font-size: 1.5em;*/
	}
	.sec_disco .btn_box {
		width: 80%;
		margin: auto;
	}
	.sec_disco .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 5px 0;
	}
	.flipster__button {
		margin: -1em 0;
	}
	/* SNS */
	.area_sns .content_inner {
		padding: 25px 20px;
	}
	.area_sns .sns_list .sns {
		width: 100%;
		padding: 60px 0 0;
	}
	.area_sns .sns_title {
		font-size: 3em;
		margin-bottom: 20px;
	}
	.area_sns .sns_title:before {
		width: 40px;
		height: 40px;
	}
	.area_sns .insta_img_list .insta_img {
		width: calc(100% / 3.2);
		margin-bottom: 20px;
	}
	.area_sns .sns iframe {
		height: 300px !important;
	}
	.area_sns .tiktok_list .tiktok {
		width: calc(100% / 3.2);
	}
	.area_sns .tiktok_list .tiktok:not(:nth-child(3n)) {
		margin-right: calc( (100% - (100% / 3.2)*3) / 2 );
	}
	.area_sns .tiktok_list .tiktok:not(:nth-last-child(-n+3)) {
		margin-bottom: 20px;
	}

	/* contact */
	.sec_contact .content_inner {
		padding: 25px 20px;
	}
	.sec_contact .btn_box {
		width: 80%;
		margin: 10px auto 30px;
	}
	.sec_contact .btn_box .btn_txt {
		font-size: 1.25em;
		padding: 10px 0;
	}
	.sec_contact .school_list {
		margin: 50px 0 0;
	}
	.sec_contact .school:nth-child(2n) {
		margin-top: 50px;
	}
	.sec_contact .school .icon {
		width: 120px;
		height: 120px;
		margin: 0 auto 40px;
		padding: 20px;
	}
	.sec_contact .school .icon_tel {
		padding-left: 15px;
	}
	.sec_contact .school .icon_email {
		padding-left: 20px;
	}
	.sec_contact .school .icon_tel a:before,
	.sec_contact .school .icon_email a:before {
		left: -10px;
	}
	.sec_contact .school .icon_tel a:before {
		width: 13px;
		height: 23px;
	}
	.sec_contact .school .icon_email a:before {
		width: 21px;
		height: 14px;
	}
	.sec_contact .school .tel+.tel {
		margin-left: 45px;
	}
	.sec_contact .school p {
		line-height: 2;
	}
	.sec_contact .school .school_name {
		font-size: 1.25em;
	}
	.sec_contact .school .address {
		padding: 20px 0;
	}
	.footer {
		padding: 30px 0;
	}

	/* モーダル */
	.modal_wrap {
		width: 80vw;
		height: 70vh;
	}
	.modal_wrap .close {
		width: 25px;
		height: 25px;
		font-size: 1.5em;
		line-height: 1;
	}
	.modal_member_list .member_inner {
		padding: 25px 0;
	}
	.modal_profile_box {
		height: 85%;
	}
	.modal_profile_inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: flex-end;
		padding: 0 30px;
	}
	.modal_profile_inner .photograh {
		width: 60%;
		height: 45%;
	}
	.modal_profile_inner .photograh img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}
	.modal_profile_inner .txt_box {
		width: 100%;
		height: 55%;
		padding: 5px 0;
	}
	.modal_profile_inner .txt_box .profile_img {
		width: 100%;
		height: 100%;
		background: rgba(255,255,255,1);
		border: 4px solid #fef3be;
		text-align: center;
		padding: 10px;
	}
	.modal_profile_inner .txt_box .profile_img img {
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height:  auto;
	}
	.modal_profile_box .change_btn {
		width: 40px;
		height: 40px;
	}
	.modal_profile_box .change_btn:after {
		font-size: 1.5em;
	}
	.modal_profile_box .ch_prev {
		left: -10px;
	}
	.modal_profile_box .ch_next {
		right: -10px;
	}
	.modal_lyrics .modal_lyrics_list .lyrics {
		padding: 20px;
	}
	.modal_lyrics .modal_lyrics_list .lyrics .music_title {
		font-size: 1.5em;
		margin-bottom: 30px;
	}
	.modal_lyrics .modal_lyrics_list .lyrics .lyrics_box .txt+.txt {
		margin-top: 1.5em;
	}
}