@charset "utf-8";

/********************
/* EVENT
********************/
#top_event{
	padding-top: 6.66rem;
}
.top_event_flex{
	width: 100%;
}
#top_event .c-title1{
	text-align: center;
}
.event_item_inner{
	padding: 0 1rem;
}
#top_event .vm{
	margin-top: 2.33rem;
}
@media screen and (min-width: 768px){
	#top_event{
		padding-top: 8.88rem;
	}
	.top_event_flex{
		width: calc(86% + 2rem);
		max-width: 1360px;
		margin-right: auto;
		margin-left: auto;
	}
	#top_event .vm{
		margin-top: 3.1rem;
	}
}
@media screen and (min-width: 992px){
	#top_event{
		padding-top: 11.1rem;
	}
	.top_event_flex{
		display: flex;
		width: 86%;
	}
	.top_ev_left{
		width: 27.21%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	#top_event .c-title1{
		text-align: left;
	}
	.top_ev_right{
		width: 72.79%;
	}
	.event_item_inner{
		padding: 0 0 0 2rem;
	}
	#top_event .vm{
		margin-top: 0;
	}
}
@media screen and (min-width: 1400px){
	#top_event{
		padding-top: 13.33rem;
	}
}


.bar_arrows{
	margin-top: 2.33rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
@media screen and (min-width: 768px){
	.bar_arrows{
		margin-top: 3.1rem;
	}
}
@media screen and (min-width: 992px){
	.bar_arrows{
		margin-top: 5.55rem;
	}
}
@media screen and (min-width: 1400px){
	.bar_arrows{
		margin-top: 6.66rem;
	}
}
/* SLIDE PROGRESS BAR */
#event-progress__bar, #works-progress__bar, #info-progress__bar {
  width: calc(100% - 140px);
  height: 1px;
  background-color: #c6c6c6;
  position: relative;
}
#event-progress__bar .bar, #works-progress__bar .bar, #info-progress__bar .bar{
  width: 0%;
  height: 2px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  background-color: #dcab06;
  -webkit-transition: width 0.2s ease-in-out;
  -o-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
@media screen and (min-width: 992px){
	#event-progress__bar, #works-progress__bar, #info-progress__bar{
		width: calc(100% - 160px);
	}
}
@media screen and (min-width: 1200px){
	#event-progress__bar, #works-progress__bar, #info-progress__bar{
		width: calc(100% - 200px);
	}
}
.bar_arrows .arrows{
	width: 70px;
	display: flex;
	justify-content: space-between;
}
.bar_arrows .arrows .arrows-left, .bar_arrows .arrows .arrows-right{
	width: 30px;
	height: 30px;
	background-color: #000;
	border-radius: 50%;
	position: relative;
	display: block;
	cursor: pointer;
}
.bar_arrows .arrows .arrows-left::after, .bar_arrows .arrows .arrows-right::after{
	position: absolute;
	content: "";
	background-image: url("../images/arrow_w.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 10px;
	height: 10px;
}
.bar_arrows .arrows .arrows-left::after{
	transform: translate(-50%,-50%) rotate(180deg);
}
@media screen and (min-width: 992px){
	.bar_arrows .arrows{
		width: 80px;
	}
	.bar_arrows .arrows .arrows-left, .bar_arrows .arrows .arrows-right{
		width: 35px;
		height: 35px;
	}
}
@media screen and (min-width: 1200px){
	.bar_arrows .arrows{
		width: 100px;
	}
	.bar_arrows .arrows .arrows-left, .bar_arrows .arrows .arrows-right{
		width: 40px;
		height: 40px;
	}
}

/********************
/* CONCEPT
********************/
#top_concept{
	margin-top: 7.53rem;
	margin-bottom: 6.66rem;
}
.concept_img{
	height: 400px;
	margin-bottom: 4rem;
}
.concept_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 70%;
}
.concept_img_sub{
	width: 68.77%;
	margin-left: 21.19%;
	position: relative;
	margin-top: 5.66rem;
}
.concept_img_sub::after {
	position: absolute;
	content: "";
	width: 76%;
	height: 81.53%;
	background-color: #f1f1f1;
	top: -62.3%;
	left: -45%;
	z-index: -1;
}
#top_concept .vm{
	margin-top: 2.1rem;
}
@media screen and (min-width: 768px){
	#top_concept{
		position: relative;
		margin-top: 10.04rem;
		margin-bottom: 7.77rem;
	}
	.concept_img{
		width: 38.82%;
		height: auto;
		margin-bottom: 0;
		position: absolute;
		top: 0;
		right: 0;
	}
	.concept_txtArea{
		width: 53.45%;
	}
	#top_concept .vm{
		margin-top: 2.8rem;
	}
	.concept_img_sub{
		width: 36.76%;
		margin-left: 9.19%;
		position: relative;
	}
	.concept_img_sub::after{
		position: absolute;
		content: "";
		width: 76%;
		height: 81.53%;
		background-color: #f1f1f1;
		top: -52.3%;
		left: -38%;
		z-index: -1;
	}
}
@media screen and (min-width: 992px){
	#top_concept{
		margin-top: 12.55rem;
		margin-bottom: 8.88rem;
	}
	.concept_left{
		width: 53.45%;
		display: flex;
		align-items: flex-start;
	}
	.concept_left .en_tit{
		width: 31.63%;
		max-width: 230px;
	}
	.concept_txtArea{
		width: 68.4%;
	}
	.concept_txtArea p{
		font-size: 0.93rem;
		line-height: 2.1;
		letter-spacing: 0;
	}
	#top_concept .vm{
		margin-top: 3.5rem;
	}
	.concept_img_sub{
		margin-top: 9.42rem;
	}
}
@media screen and (min-width: 1400px){
	#top_concept{
		margin-top: 15.06rem;
		margin-bottom: 13.33rem;
	}
	.concept_img{
		height: 100%;
		max-height: 950px;
	}
	.concept_img_sub{
		margin-top: 11.33rem;
	}
	#top_concept .vm{
		margin-top: 4.2rem;
	}
}

/********************
/* SPEC
********************/
#top_spec{
	padding-top: 6.36rem;
	padding-bottom: 6.66rem;
}
.spec_main{
	margin-bottom: 3.55rem;
}
.spec_main_tit{
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.8;
	margin-bottom: 1.18rem;
}
.spec_main_tit span{
	margin-left: -1rem;
}
#top_spec .vm{
	margin-top: 4rem;
}
@media screen and (min-width: 768px){
	#top_spec{
		padding-top: 8.48rem;
		padding-bottom: 8.88rem;
	}
	.spec_main{
		display: flex;
		align-items: flex-start;
		margin-bottom: 4.73rem;
	}
	.spec_main .en_tit{
		width: 16.9%;
		max-width: 230px;
	}
	.spec_main_txtArea{
		width: 83.1%;
	}
	.spec_main_tit{
		font-size: 1.85rem;
		margin-bottom: 1.57rem;
	}
	#top_spec .vm{
		margin-top: 5.33rem;
	}
}
@media screen and (min-width: 992px){
	#top_spec{
		padding-top: 10.6rem;
		padding-bottom: 11.1rem;
	}
	.spec_main{
		margin-bottom: 5.91rem;
	}
	.spec_main_tit{
		margin-bottom: 1.96rem;
	}
}
@media screen and (min-width: 1200px){
	.spec_main_tit{
		font-size: 2.2rem;
		margin-bottom: 2.36rem;
	}
}
@media screen and (min-width: 1400px){
	#top_spec{
		padding-top: 12.73rem;
		padding-bottom: 13.33rem;
	}
	.spec_main{
		margin-bottom: 7.1rem;
	}
	#top_spec .vm{
		margin-top: 6.66rem;
	}
}
.sp_spec{
	margin-bottom: 0;
}
.sp_spec li{
	list-style: none;
}
.sp_spec li + li{
	margin-top: 2.5rem;
}
.sp_spec li a{
	display: block;
}
.sp_spec li a:hover{
	text-decoration: none;
}
.sp_spec_img{
	width: 100%;
	height: 230px;
	margin-bottom: 1.7rem;
}
.sp_spec_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.spec_tit{
	font-size: 1.35rem;
	letter-spacing: 0;
	color: #000;
	line-height: 1;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.92rem;
}
.spec_tit .f-eng{
	width: 1.77rem;
	color: rgba(0,0,0,0.3);
	font-size: 0.86rem;
	letter-spacing: -0.05em;
	margin-top: 1px;
}
.sp_spec .txt_block{
	padding-left: 1.77rem;
}
.sp_spec .txt_block p{
	color: #403f3c;
	line-height: 1.5;
}
.sp_spec .arrow{
	position: relative;
	background-color: #dcab06;
	width: 46px;
	height: 25px;
	border-radius: 30px;
	margin-top: 1.2rem;
}
.sp_spec .arrow::after{
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background-image: url("../images/arrow_w.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.spec_more992{
	display: none;
}
@media screen and (min-width: 768px){
	.sp_spec{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sp_spec li{
		width: calc((100% - 3rem)/2);
	}
	.sp_spec li:nth-child(2){
		margin-top: 0;
	}
}
@media screen and (min-width: 992px){
	.spec_less991{
		display: none;
	}
	.spec_more992{
		display: block;
	}
}
@media screen and (min-width: 1200px){
	.spec_tit{
		font-size: 1.53rem;
		margin-bottom: 1.76rem;
	}
}
/* 992px以上の表示 */
.spec_left{
	position: sticky;
    width: 36.03%;
	padding-left: 5.14%;
	top: 50px;
}
.spec_l{
    position: relative;
    align-self: stretch;
}
/* スライダーのフェードアニメーション */
.slick-fade .slick-slide {
  transition: opacity 0.5s ease-in-out; /* アニメーションの速さやイージングを調整 */
}
.slick-fade .slick-active {
  opacity: 1; /* アクティブなスライドを不透明にする */
}
.slick-fade .slick-slide {
  opacity: 0; /* 非アクティブなスライドを透明にする */
}
.spec_r_list{
    width: 48.53%;
	margin-bottom: 0;
}
.spec_r-item{
	list-style: none;
    width: 100% !important;
    border-top: 1px solid rgba(180,180,180,0.5);
}
.spec_r-item:last-child{
	border-bottom: 1px solid rgba(180,180,180,0.5);
}
.spec_r--link{
    padding: 3.87rem 0 3.46rem;
    display: block;
}
.spec_r--link:hover,
.spec_r--link:focus{
    outline: none;
    text-decoration: none;
    transition: .3s;
    color: #373737;
}
.spec_r-item .spec_tit .f-eng{
	width: 2.21rem;
	margin-left: -2.21rem;
}
.spec_r-item .txt_block{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.spec_r-item .txt_block p{
	width: calc(100% - (6.92rem + 46px));
	color: #403f3c;
}
.spec_r-item .txt_block .arrow{
	position: relative;
	background-color: #a5a5a5;
	width: 46px;
	height: 25px;
	border-radius: 30px;
	transition: .3s;
}
.spec_r-item .txt_block .arrow::after{
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	background-image: url("../images/arrow_w.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.spec_r-item .spec_tit, .spec_r-item .txt_block p, .spec_r-item .txt_block .arrow{
	opacity: 0.4;
	transition: .3s;
}
/* active */
.spec_r-item .active .txt_block .arrow{
	background-color: #dcab06;
}
.spec_r-item .active .spec_tit, .spec_r-item .active .txt_block p, .spec_r-item .active .txt_block .arrow{
	opacity: 1;
}
@media screen and (min-width: 992px){
	.spec_more992{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
}
@media screen and (min-width: 1200px){
	.spec_r-item .spec_tit .f-eng{
		width: 2.66rem;
		margin-left: -2.66rem;
	}
	.spec_r-item .txt_block p{
		width: calc(100% - (5.42rem + 55px));
	}
	.spec_r-item .txt_block .arrow{
		width: 55px;
		height: 30px;
	}
	.spec_r-item .txt_block .arrow::after{
		width: 10px;
		height: 10px;
	}
}
@media screen and (min-width: 1400px){
	.spec_r--link{
		padding: 4.66rem 0 4.16rem;
	}
	.spec_r-item .txt_block p{
		width: calc(100% - (8.33rem + 55px));
	}
}

/********************
/* LINE UP
********************/
#top_lineup{
	position: relative;
}
#top_lineup .en_tit{
	position: absolute;
    top: 85px;
    left: 7.5%;
    color: #fff;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease;
    z-index: 10;
}
#top_lineup .en_tit.fixed{
	position: fixed;
    top: 85px;
    left: 7.5%;
	opacity: 0;
}
#top_lineup .en_tit.absolute{
	position: absolute;
    top: 85px;
    left: 7.5%;
}
.lineup_sec{
	position: relative;
}
.lineup_sec .parallax-img {
	height: 100vh;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.lineup_sec .parallax-img::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
}
.lineup_sec .parallax-img img {
	height: 140vh;
	width: 100%;
	object-fit: cover;
}
.parallax-lineup_content{
	position: absolute;
	width: 84%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	display: flex;
	align-items: center;
	z-index: 1;
}
.lineup_txtArea{
	color: #fff;
	padding-left: 23px;
}
.t_lineup_tit{
	display: flex;
	align-items: flex-start;
}
.t_lineup_tit .no{
	width: 23px;
	margin-left: -23px;
	font-size: 0.86rem;
	letter-spacing: 0.05em;
	opacity: 0.5;
}
.t_lineup_tit .c-title1 {
	margin-bottom: 1.9rem;
}
.t_lineup_tit .c-title1 .f-eng{
	letter-spacing: 0.03em;
	font-size: 2.53rem;
	margin-bottom: 0.35rem;
}
.lu_copy {
	letter-spacing: 0.02em;
	font-weight: 400;
	line-height: 1.8;
	font-size: 1.7rem;
	margin-bottom: 1.53rem;
}
.lineup_img{
	display: none;
}
.lineup_txtArea .vm{
	border: 1px solid #fff;
	background-color: transparent;
	margin-top: 2.85rem;
}
@media screen and (min-width: 768px){
	#top_lineup .en_tit{
		top: 110px;
		left: 4.12%;
	}
	#top_lineup .en_tit.fixed{
		top: 110px;
		left: 4.12%;
	}
	#top_lineup .en_tit.absolute{
		top: 110px;
		left: 4.12%;
	}
	.parallax-lineup_content{
		width: 86%;
		justify-content: space-between;
	}
	.revese .parallax-lineup_content{
		flex-direction: row-reverse;
	}
	.lineup_txtArea{
		width: 46.66%;
		padding-left: 25px;
	}
	.t_lineup_tit .no{
		width: 25px;
		margin-left: -25px;
	}
	.lineup_img{
		display: block;
		width: 47.05%;
		height: 100%;
		aspect-ratio: 1 / 1;
	}
}
@media screen and (min-width: 992px){
	.lineup_img{
		width: 52.05%;
	}
	.lineup_txtArea{
		width: 42.6%;
		padding-left: 30px;
	}
	.t_lineup_tit .no {
		width: 30px;
		margin-left: -30px;
	}
	.t_lineup_tit .c-title1 {
		margin-bottom: 2.37rem;
	}
}
@media screen and (min-width: 1200px){
	.parallax-lineup_content{
		width: 80%;
		max-width: 1360px;
	}
	.lineup_txtArea{
		padding-left: 36px;
	}
	.t_lineup_tit .no {
		width: 36px;
		margin-left: -36px;
	}
	.t_lineup_tit .c-title1 {
		margin-bottom: 2.86rem;
	}
	.t_lineup_tit .c-title1 .f-eng {
		font-size: 3.06rem;
		margin-bottom: 0.7rem;
	}
	.lu_copy {
		font-size: 2rem;
		margin-bottom: 2.03rem;
	}
	.lineup_txtArea .vm {
		margin-top: 3.43rem;
	}
}
@media screen and (min-width: 1400px){
	#top_lineup .en_tit{
		top: 138px;
	}
	#top_lineup .en_tit.fixed{
		top: 138px;
	}
	#top_lineup .en_tit.absolute{
		top: 138px;
	}
	.lineup_txtArea{
		width: 44.66%;
	}
	.lineup_img{
		width: 48.05%;
	}
}
@media screen and (min-width: 1700px){
	.lineup_txtArea{
		width: 36.66%;
	}
	.lineup_img{
		width: 52.05%;
	}
}
@media screen and (min-width: 1800px){
	#top_lineup .en_tit.fixed{
		opacity: 1;
	}
}

/********************
/* WORKS
********************/
#top_works{
	width: 100%;
	padding-top: 6.66rem;
}
.works_container{
	padding-left: 7%;
}
.works_titArea .c-title1{
	text-align: center;
}
.works_titArea .works_btn{
	display: none;
}
.works_btn{
	text-align: center;
}
.works_block .slick-list{
	padding-right: calc(15% - 2rem) !important;
}
.works_item_inner{
	padding-right: 2rem;
}
.works_item_inner a{
	display: block;
}
.works_item_inner a:hover{
	text-decoration: none;
}
.w_tit{
	color: #000;
	font-size: 1.22rem;
	letter-spacing: 0;
	line-height: 1.5;
	margin-top: 1rem;
	margin-bottom: 0;
}
.w_detail{
	font-size: 0.86rem;
	color: #595959;
	margin-top: 0.48rem;
	margin-bottom: 0;
}
.w_detail span{
	display: none;
}
.works_cat_tag{
	margin-top: 1.13rem;
	margin-bottom: 0;
	display: flex;
}
.works_cat_tag li{
	list-style: none;
	font-size: 0.86rem;
	letter-spacing: 0.04em;
	border-radius: 30px;
	padding: 0.3rem 1.04rem;
}
.works_cat_tag li:not(:first-child){
	margin-left: 10px;
}
.works_cat_tag li.cat{
	background-color: #000;
	color: #fff;
}
.works_cat_tag li.tag{
	background-color: #f1f1f1;
	color: #000;
}
#top_works .vm{
	margin-top: 2.33rem;
}
.works_bar_container{
	width: 86%;
	margin-right: auto;
	margin-left: auto;
}
@media screen and (min-width: 576px){
	.works_titArea{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 2.13rem;
	}
	.works_titArea .c-title1{
		margin-top: -0.3rem;
		margin-bottom: 0;
		text-align: left;
	}
	.w_detail span{
		display: inline;
	}
	.works_btn{
		display: none;
	}
	.works_titArea .works_btn{
		display: block;
	}
	#top_works .vm{
		margin-top: 0;
	}
	.works_block .slick-list{
		padding-right: calc(28% - 2rem) !important;
	}
}
@media screen and (min-width: 768px){
	#top_works{
		padding-top: 8.88rem;
	}
	.works_titArea{
		margin-bottom: 2.84rem;
	}
	.works_titArea .c-title1{
		margin-top: -0.5rem;
	}
	.works_block .slick-list{
		padding-right: calc(43% - 2rem) !important;
	}
	.w_tit{
		font-size: 1.33rem;
		margin-top: 1.33rem;
	}
	.w_detail{
		margin-top: 0.64rem;
	}
	.works_cat_tag{
		margin-top: 1.5rem;
	}
}
@media screen and (min-width: 992px){
	#top_works{
		padding-top: 11.1rem;
	}
	.works_titArea{
		margin-bottom: 3.55rem;
	}
	.works_block .slick-list{
		padding-right: calc(48% - 2rem) !important;
	}
	.w_tit{
		margin-top: 1.66rem;
	}
	.w_detail{
		margin-top: 0.8rem;
	}
	.works_cat_tag{
		margin-top: 1.87rem;
	}
}
@media screen and (min-width: 1200px){
	.works_block .slick-list{
		padding-right: calc(51% - 2.66rem) !important;
	}
	.works_item_inner{
		padding-right: 2.66rem;
	}
}
@media screen and (min-width: 1400px){
	#top_works{
		padding-top: 13.33rem;
	}
	.works_titArea{
		margin-bottom: 4.26rem;
	}
	.w_tit{
		margin-top: 2rem;
	}
	.w_detail{
		margin-top: 0.96rem;
	}
	.works_cat_tag{
		margin-top: 2.26rem;
	}
}
@media screen and (min-width: 1600px){
	.works_container{
		padding-left: 7.5%;
	}
	.works_bar_container{
		width: 85%;
	}
}
@media screen and (min-width: 1700px){
	.works_container{
		padding-left: 10%;
	}
	.works_bar_container{
		width: 80%;
	}
}
@media screen and (min-width: 1800px){
	.works_container{
		padding-left: 12.3%;
	}
	.works_bar_container{
		width: 75.4%;
	}
}
@media screen and (min-width: 1920px){
	.works_container{
		padding-left: 14.6%;
	}
	.works_bar_container{
		width: 70.8%;
	}
}


/********************
/* Detail Gallery
********************/
#top_dgallery{
	padding-top: 6.03rem;
	padding-bottom: 6.66rem;
}
.dgallery_inner{
	width: 93%;
}
.dgallery_imgArea{
	width: 100%;
	height: 100%;
	aspect-ratio: 7 / 5;
	margin-bottom: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.swiper{
	width: 50%;
	height: 100%;
	position: absolute!important;
}
.swiper.left_slide{
	top: 0;
	left: 0;
}
.swiper.right_slide{
	top: 0;
	left: 50%;
}
.swiper-wrapper {
    transition-timing-function: linear;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.dgallery_txtArea{
	width: 93%;
	margin-left: auto;
}
.dgallery_txtArea .c-title1{
	margin-bottom: 2.05rem;
}
.dgallery_txtArea .dgallery_btn{
	text-align: left;
	margin-top: 2.27rem;
}
@media screen and (min-width: 768px){
	#top_dgallery{
		padding-top: 8.04rem;
		padding-bottom: 8.88rem;
	}
	.dgallery_flex{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.dgallery_imgArea{
		width: 50%;
		aspect-ratio: 1 / 1;
		margin-bottom: 0;
	}
	.dgallery_txtArea{
		width: 43%;
		margin: 0;
	}
	.dgallery_txtArea .c-title1{
		margin-bottom: 2.06rem;
	}
	.dgallery_txtArea .dgallery_btn{
		text-align: right;
		margin-top: 2.36rem;
	}
}
@media screen and (min-width: 992px){
	#top_dgallery{
		padding-top: 10.05rem;
		padding-bottom: 11.1rem;
	}
	.dgallery_imgArea{
		width: 57.64%;
		aspect-ratio: 7 / 5;
	}
	.dgallery_txtArea{
		width: 33.75%;
	}
	.dgallery_txtArea .c-title1{
		margin-bottom: 2.57rem;
	}
	.dgallery_txtArea .dgallery_btn{
		margin-top: 2.95rem;
	}
}
@media screen and (min-width: 1400px){
	#top_dgallery{
		padding-top: 12.06rem;
		padding-bottom: 13.33rem;
	}
	.dgallery_imgArea{
		width: 62.61%;
	}
	.dgallery_txtArea{
		width: 28.75%;
	}
	.dgallery_txtArea .c-title1{
		margin-bottom: 3.1rem;
	}
	.dgallery_txtArea .dgallery_btn{
		margin-top: 3.55rem;
	}
}
@media screen and (min-width: 1600px){
	.dgallery_inner{
		width: 92.5%;
	}
}
@media screen and (min-width: 1700px){
	.dgallery_inner{
		width: 90%;
	}
}
@media screen and (min-width: 1800px){
	.dgallery_inner{
		width: 87.7%;
	}
}
@media screen and (min-width: 1920px){
	.dgallery_inner{
		width: 85.4%;
	}
}

/********************
/* Model House
********************/
#top_model{
	padding: 6.66rem 0;
}
.model_container{
	width: calc(86% + 20px);
	margin-right: auto;
	margin-left: auto;
}
.top_model_item{
	padding: 0 10px;
}
.model_imgArea{
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
}
.model_txtArea{
	width: 93%;
	margin-right: auto;
}
.model_txtArea .c-title1{
	margin-bottom: 2.43rem;
}
.model_txtArea .txt_block p{
	text-align: justify;
}
.model_txtArea .txt_block{
	margin-bottom: 1.75rem;
}
.modl_spec{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-top: 2.15rem;
	margin-bottom: calc(2.5rem - 10px);
}
.modl_spec li{
	list-style: none;
	background-color: #000;
	color: #fff;
	font-size: 0.86rem;
	letter-spacing: 0.04em;
	line-height: 2;
	border-radius: 30px;
	padding: 0.21rem 1.27rem;
	margin-right: 5px;
	margin-bottom: 10px;
}
.model_txtArea #form{
	margin-bottom: 0;
}
.model_txtArea #form th, .model_txtArea #form td{
	padding: 22px 0;
}
#top_model .vm{
	margin-top: 2.83rem;
}
/* dots */
.top_model_block{
	padding-bottom: 28px;
}
.top_model_block.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.top_model_block .slick-dots{
	flex-direction: row;
	top: unset;
	right: unset;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.top_model_block .slick-dots li{
	width: 5px;
	height: 5px;
	margin: 0 6px;
}
.top_model_block .slick-dots li button{
	padding: 0;
	width: 5px;
	height: 5px;
}
.top_model_block .slick-dots li button::before{
	padding: 0;
	width: 5px;
	height: 5px;
	background-color: #ccc;
	border-radius: 50%;
}
.top_model_block .slick-dots li.slick-active button::before{
	background-color: #000;
	border: none;
	opacity: 1;
}
@media screen and (min-width: 768px){
	#top_model{
		padding: 8.88rem 0;
	}
	.model_container{
		width: calc(86% + 80px);
		max-width: calc(1360px + 80px);
	}
	.top_model_item{
		padding: 0 40px;
	}
	.model_flex{
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.model_imgArea{
		width: 47.35%;
		margin-bottom: 0;
	}
	.model_txtArea{
		width: 43.08%;
		margin: 0;
	}
	.model_txtArea .c-title1{
		margin-bottom: 3.24rem;
	}
	.model_txtArea .big_txt{
		margin-bottom: 1.49rem;
	}
	.model_txtArea .txt_block{
		margin-bottom: 2.33rem;
	}
	.modl_spec{
		margin-top: 2.2rem;
		margin-bottom: calc(2.66rem - 10px);
	}
	#top_model .vm{
		margin-top: 3.1rem;
	}
	/* dots */
	.top_model_block{
		padding-bottom: 42px;
	}
}
@media screen and (min-width: 992px){
	#top_model{
		padding: 11.1rem 0;
	}
	.model_imgArea{
		width: 57.35%;
	}
	.model_txtArea{
		width: 33.08%;
	}
	.model_txtArea .c-title1{
		margin-bottom: 4.05rem;
	}
	.model_txtArea .big_txt{
		margin-bottom: 1.75rem;
	}
	.model_txtArea .txt_block{
		margin-bottom: 2.91rem;
	}
	.modl_spec{
		margin-top: 2.75rem;
		margin-bottom: calc(3.32rem - 10px);
	}
	#top_model .vm{
		margin-top: 3.87rem;
	}
}
@media screen and (min-width: 1200px){
	.model_txtArea .c-title1{
		margin-bottom: 4.86rem;
	}
	.model_txtArea .big_txt{
		margin-bottom: 2.03rem;
	}
	/* dots */
	.top_model_block{
		padding-bottom: 57px;
	}
	.top_model_block .slick-dots li{
		width: 7px;
		height: 7px;
		margin: 0 8px;
	}
	.top_model_block .slick-dots li button{
		width: 7px;
		height: 7px;
	}
	.top_model_block .slick-dots li button::before{
		width: 7px;
		height: 7px;
	}
}
@media screen and (min-width: 1400px){
	#top_model{
		padding: 13.33rem 0;
	}
	.model_imgArea{
		width: 57.35%;
	}
	.model_txtArea{
		width: 33.08%;
	}
	.model_txtArea .txt_block{
		margin-bottom: 3.5rem;
	}
	.modl_spec{
		margin-top: 3.3rem;
		margin-bottom: calc(4rem - 10px);
	}
	#top_model .vm{
		margin-top: 4.66rem;
	}
}
@media only screen and (max-width: 479px){
	.model_txtArea #form{
		margin-bottom: 0;
	}
	.model_txtArea #form th{
		display: table-cell;
		width: 30%;
		padding: 15px 0;
		border-bottom: 1px solid rgba(183,183,183,0.5);
	}
	.model_txtArea #form td{
		display: table-cell;
		width: 70%;
		padding: 15px 0;
	}
	.model_txtArea #form tr:first-child td{
		border-top: 1px solid rgba(183,183,183,0.5);		
	}
}

/********************
/* SUPPORT
********************/
#top_support{
	padding: 6.66rem 0;
}
.support_img{
	margin-bottom: 3rem;
}
#top_support .c-title1{
	margin-bottom: 1.55rem;
}
#top_support .vm{
	margin-top: 1.96rem;
}
@media screen and (min-width: 768px){
	#top_support{
		padding: 8.88rem 0;
		display: flex;
		justify-content: space-between;
	}
	.support_img{
		width: 45.82%;
		margin-bottom: 0;
	}
	.support_txtArea{
		width: 46.58%;
		align-self: center;
	}
	#top_support .c-title1{
		margin-bottom: 2.06rem;
	}
	.support_btn{
		text-align: right;
	}
}
@media screen and (min-width: 992px){
	#top_support{
		padding: 11.1rem 0;
	}
	.support_img{
		width: 54.22%;
	}
	.support_txtArea{
		width: 36.58%;
	}
	#top_support .c-title1{
		margin-bottom: 2.57rem;
	}
	#top_support .vm{
		margin-top: 2.42rem;
	}
}
@media screen and (min-width: 1200px){
	#top_support .c-title1{
		margin-bottom: 3.1rem;
	}
}
@media screen and (min-width: 1400px){
	#top_support{
		padding: 13.33rem 0;
	}
	.support_img{
		width: 58.82%;
	}
	.support_txtArea{
		width: 33.08%;
	}
	#top_support .vm{
		margin-top: 2.93rem;
	}
}

/********************
/* INFO
********************/
#top_info{
	padding-top: 6.66rem;
	width: 100%;
	box-sizing: border-box; /* パディングを含めた幅を設定 */
    overflow: hidden;
}
.top_info_flex{
	width: 100%;
}
.top_info_titArea{
	margin-bottom: 1.95rem;
}
#top_info .c-title1{
	text-align: center;
	margin-bottom: 1.95rem;
}
#nav-info{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -13px;
}
#nav-info li{
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	list-style: none;
	margin-right: 10px;
	margin-bottom: 13px;
	font-size: 0.86rem;
	letter-spacing: 0;
	background-color: #fff;
	color: #000;
	line-height: 1;
	border-radius: 30px;
	padding: 0.64rem 1.18rem;
	display: inline-block;
}
#nav-info li:nth-child(3), #nav-info li:last-child{
	margin-right: 0;
}
#nav-info li.active{
	background-color: #000;
	color: #fff;
}
#top_info .post{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	margin-bottom: 0;
	width: 100%;
	top: 0;
	left: 0;
}
#top_info .post.active{
	opacity: 1;
	visibility: visible;
	position: relative;
	letter-spacing: 0;
}
.post_item_inner{
	padding: 0 1rem;
}
.post_scroll {
	display: block; /* ブロック表示にする */
    width: 100%; /* コンテナ幅を100%に固定 */
	height: auto; /* 必要に応じて調整 */
	box-sizing: border-box;
}
.post_scroll > * {
    max-width: 100%;
    width: 100%;
    min-width: 0; /* min-width がある場合は無効化 */
	height: 0;
}
.active .post_scroll > * {
	height: unset;
}
#top_info .vm{
	margin-top: 2.33rem;
}
@media screen and (min-width: 576px){
	#nav-info{
		max-width: unset;
		margin: 0;
	}
	.top_info_flex{
		width: calc(86% + 2rem);
		max-width: 1360px;
		margin-right: auto;
		margin-left: auto;
	}
	.top_info_titArea{
		margin-bottom: 2.6rem;
	}
	#top_info .c-title1{
		margin-bottom: 2.6rem;
	}
	#nav-info li{
		margin-bottom: 0;
	}
	#nav-info li:nth-child(3){
		margin-right: 10px;
	}
}
@media screen and (min-width: 768px){
	#top_info{
		padding-top: 8.88rem;
	}
	#top_info .vm{
		margin-top: 3.1rem;
	}
}
@media screen and (min-width: 992px){
	#top_info{
		padding-top: 11.1rem;
	}
	.top_info_flex{
		display: flex;
		width: 86%;
	}
	.top_info_left{
		width: 27.21%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.top_info_titArea{
		margin-bottom: 0;
	}
	#top_info .c-title1{
		text-align: left;
		margin-bottom: 3.25rem;
	}
	#nav-info{
		justify-content: flex-start;
		margin-bottom: -13px;
		max-width: 230px;
	}
	#nav-info li{
		margin-bottom: 13px;
	}
	#nav-info li:nth-child(3){
		margin-right: 0;
	}
	.top_info_right{
		width: 72.79%;
	}
	.post_item_inner{
		padding: 0 0 0 2rem;
	}
	#top_info .vm{
		margin-top: 0;
		padding: 1.15rem 5.5rem;
	}
}
@media screen and (min-width: 1400px){
	#top_info{
		padding-top: 13.33rem;
	}
	.top_info_left{
		min-height: 370px;
	}
	#top_info .c-title1{
		margin-bottom: 3.9rem;
	}
}
@media screen and (min-width: 1600px){
	.top_info_left{
		min-height: 401px;
	}	
}

/********************
/* YouTube
********************/
#top_yt{
	padding-top: 5.6rem;
}
.yt_txtArea{
	background-color: #fff;
	padding: 3.83rem 0;
}
.yt_txtArea_inner{
	text-align: center;
}
#top_yt h3{
	width: 100%;
	max-width: 140px;
	margin-left: auto;
	display: inline-block;
	margin-bottom: 0;
}
#top_yt .txt_block{
	margin-top: 1.81rem;
}
#top_yt .txt_block p.f-ns{
	font-weight: 500;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
}
#top_yt .vm{
	background-color: #000;
	margin-top: 2rem;
}
#top_yt .vm:hover{
	background-color: #dcab06;
}
@media screen and (min-width: 768px){
	#top_yt{
		padding-top: 7.46rem;
	}
	.yt_flex{
		display: flex;
	}
	.yt_img{
		width: 50%;
	}
	.yt_img img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.yt_txtArea{
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 5.1rem 0;
	}
	#top_yt h3{
		max-width: 150px;
	}
	#top_yt .txt_block p.f-ns{
		font-size: 1.46rem;
	}
}
@media screen and (min-width: 992px){
	#top_yt{
		padding-top: 9.32rem;
	}
	.yt_img{
		width: 58.82%;
	}
	.yt_txtArea{
		width: 41.18%;
		padding: 6.8rem 0;
	}
	#top_yt h3{
		max-width: 160px;
	}
	#top_yt .txt_block {
		margin-top: 2.17rem;
	}
	#top_yt .vm {
		margin-top: 2.5rem;
	}
}
@media screen and (min-width: 1200px){
	#top_yt h3{
		max-width: 200px;
	}
}
@media screen and (min-width: 1400px){
	#top_yt{
		padding-top: 11.2rem;
	}
	.yt_txtArea{
		padding: 0;
	}
	#top_yt .txt_block{
		margin-top: 2.63rem;
	}
	#top_yt .vm{
		margin-top: 3rem;
	}
}

/********************
/* Instagram
********************/
#top_insta{
	padding-top: 4.2rem;
	padding-bottom: 6.33rem;
}
#top_insta .c-title1{
	margin-bottom: 1.75rem;
}
#top_insta .vm{
	margin-top: 2.33rem;
}
@media screen and (min-width: 768px){
	#top_insta{
		padding-top: 5.6rem;
		padding-bottom: 8.44rem;
	}
	#top_insta .c-title1{
		margin-bottom: 2.33rem;
	}
	#top_insta .vm{
		margin-top: 3.1rem;
	}
}
@media screen and (min-width: 992px){
	#top_insta{
		padding-top: 7rem;
		padding-bottom: 10.55rem;
	}
	#top_insta .c-title1{
		margin-bottom: 2.91rem;
	}
	#top_insta .vm{
		margin-top: 3.87rem;
	}
}
@media screen and (min-width: 1200px){
	#top_insta .c-title1{
		margin-bottom: 3.5rem;
	}
}
@media screen and (min-width: 1400px){
	#top_insta{
		padding-top: 8.4rem;
		padding-bottom: 12.66rem;
	}
	#top_insta .vm{
		margin-top: 4.66rem;
	}
}