@charset "UTF-8";

#pan ul {
	margin-right: 0;
	width: fit-content;
	background: #fff;
	li {
		flex: 1;
		overflow: visible;
	}
}
main {
	margin-top: -30px;
	@media (max-width: 400px) {
		margin-top: 70px;
	}
}

/* ========== MV ========== */

#nbp18836635\ 18836635 {
	width: 90%;
	margin: auto;
	.heading {
		position: absolute;
		bottom: 0;
		left: -4px;
		padding-bottom: 0;
		z-index: 1010;
		h2 {
			color: #fff;
			font-size: clamp( 42px, calc( 23px + 4.75vw ), 80px ) !important;
			letter-spacing: 1rem !important;
			line-height: 0.8;
		}
	}
	.wrapper_item {
		.gallery_single_slider {
			margin-bottom: 0 !important;
			.slick-arrow {
				display: none !important;
			}
			.slick-list {
				.slick-track {
					gap: 0;
					.slick-slide {
						img {
							width: 100dvw;
							max-width: 100%;
							max-height: 85dvh;
							object-fit: cover;
							@media (max-width: 600px) {
								height: 100dvh;
							}
						}
					}
				}
			}
			.pointer {
				display: none !important;
			}
		}
	}
}

/* ========== コンセプト ========== */

#nbp15957902\ 15957902 .content_wrapper{
    margin-right: 0;
    max-width: 100% !important;
}
#nbp15957902\ 15957902 .wrapper_item{
    align-items: center;
}
#nbp15957902\ 15957902 .inner_item_img{
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    margin-bottom: 30px !important;
    position: relative;
}
#nbp15957902\ 15957902 .inner_item_txt{
    padding: 0 2%;
    flex-basis: auto;
}
@media (max-width: 900px){
#nbp15957902\ 15957902 .inner_item_img{
    border-radius: 30px;
    margin: 0 2%;
}
#nbp15957902\ 15957902 .inner_item_txt .sp_br{
    display: none;
}
}
@media (max-width: 500px){
#nbp15957902\ 15957902 .inner_item_img::before{
    right: 15px;
}
}

/* ========== 見る／触る／遊ぶ ========== */

#nbp15959312\ 15959312 .wrapper_item,
#nbp15959312\ 15959312 .wrapper_item .slick-list{
    overflow: visible !important;
}
#nbp15959312\ 15959312 .gallery_single_slider{
    margin-bottom: 0;
}
#nbp15959312\ 15959312 .slick-track{
    align-items: stretch;
    overflow: visible !important;
    display: flex;
}
#nbp15959312\ 15959312 .inner_item{
    color: #fff;
    display: flex;
    flex-direction: column-reverse;
    background: #000;
    padding: 20px;
}
#nbp15959312\ 15959312 .inner_item img{
    margin-bottom: 0 !important;
}
#nbp15959312\ 15959312 .inner_item div{
    padding-bottom: 10px;
}
#nbp15959312\ 15959312 .inner_item div h2{
    font-size: 7rem;
    font-family: serif;
    margin-top: -80px;
    margin-left: 5%;
    white-space: nowrap;
}

/* ========== アクセスマップ ========== */

#nbp15958600\ 15958600 .heading h2.h{
    color: #000;
    margin-bottom: -25px;
    font-size: clamp( 80px, calc( 61.81818181818181px + 4.848484848484849vw ), 120px );
    line-height: 1;
    font-family: serif;
    z-index: -1;
}

#nbp15958744\ 15958744 .inner_item_img{
    max-width: 90% !important;
    margin: auto;
}
#nbp15958744\ 15958744 .inner_item_txt{
    padding-top: 30px !important;
}

/* ========== アトリエツバキについて ========== */

#nbp18848320\ 18848320 {
	background-attachment: fixed;
	color: #fff;
	&::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		backdrop-filter: blur(10px);
		background-color: #000000aa;
	}
	.heading {
	margin-bottom: 60px;
	}
	.add_text {
		margin-bottom: 60px;
	}
	.wrapper_item {
		flex-direction: column;
		align-items: center;
		gap: 60px;
		.inner_item {
			width: 100% !important;
			max-width: 800px;
			flex-direction: row;
			align-items: stretch;
			flex-wrap: wrap;
			gap: 30px 4%;
			margin-left: 0 !important;
			.inner_item_img, .inner_item_txt {
				width: 48%;
				margin: 0 auto;
				@media (max-width: 600px) {
					width: 100%;
				}
			}
			.inner_item_img {
				img {
					height: 100% !important;
				}
			}
			.inner_item_txt .heading {
				margin-bottom: 0;
				h3.h,
				p {
					width: fit-content;
					padding: 0 10px;
					background: #fff;
					color: #333;
				}
			}
		}
	}
}

/* ========== フォーム ========== */

#nbp15958766\ 15958766 {
	.content_wrapper {
		border: 1px solid;
		padding: 30px 2%;
		background: #eeeeee;
		.privacypolicy {
			background: #fff;
		}
		form {
			background: #fff;
			padding: 0 2% 30px;
		}
	}
}