@charset "UTF-8";

/* --------------------------------------------------
2021/09/-- nagai ver.1.0
-------------------------------------------------- */

/* other
-------------------------------------------------- */
#l-main h1.title { padding: 1.388vw 0 7.777vw; font-size: 4vw; font-weight: 500; }
@media screen and (min-width: 768px) {
	#l-main h1.title { padding: 2.125em 0 5.083em; font-size: 2.4rem; }
	#l-main { font-size: 1.6rem; }
}

/* .page-contact
-------------------------------------------------- */
.page-contact .grid.col3-cell { padding-bottom: 5.555vw; }
.page-contact #l-main .ttls { margin-top: 3.888vw; padding-bottom: 1.944vw; border-top: none; font-size: 3vw; }
.page-contact #l-main .text { padding-bottom: 2.5vw; line-height: 2.1; }
.page-contact #collection .image { width: 42.5vw; }
.page-contact #gallery { margin-top: 14.166vw; }
.page-contact #gallery .image { width: 8.333vw; }
.page-contact #press { margin-top: 9.722vw; }
@media screen and (min-width: 768px) {
	.page-contact #l-main .grid.col3-cell { padding-bottom: 2em; }
	.page-contact #l-main .cell { position: relative; width: 31.289%; padding-top: 11.006%; font-size: 1.4rem; }
	.page-contact #l-main .cell .image { position: absolute; left: 0; }
	.page-contact #l-main .cell .ttls { margin-top: 0; padding-bottom: 0; font-size: 1.4rem; }
	.page-contact #l-main .cell .text { margin-top: 2.285em; padding-bottom: 2.285em; line-height: 2; }
	.page-contact #collection .image { top: 0.285em; width: 57.537%; }
	.page-contact #collection dl span { font-size: .9em; }
	.page-contact #gallery { margin-top: 0; }
	.page-contact #gallery .image { top: -0.358em; width: 11.055%; }
	.page-contact #gallery dl { position: absolute; bottom: 0; left: 0; }
	.page-contact #press { margin-top: 0; }
	.page-contact #press dl { position: absolute; bottom: 0; left: 0; }
}
@media screen and (min-width: 1080px) {
	.page-contact #l-main .cell { font-size: 1.6rem; }
	.page-contact #l-main .cell .ttls { font-size: 1.6rem; }
}
@media screen and (min-width: 1272px) {
	.page-contact #collection dl span { font-size: 1em; }
}

/* .page-privacypolicy
-------------------------------------------------- */
.page-privacypolicy #privacypolicy { padding-bottom: 11.111vw; }
.page-privacypolicy #privacypolicy .ttls { margin-top: 1.666vw; padding-bottom: 1.944vw; border-top: none; font-size: 3vw; }
.page-privacypolicy #privacypolicy p { line-height: 2.1; }
@media screen and (min-width: 768px) {
	.page-privacypolicy #privacypolicy { padding-bottom: 3.571em; }
	.page-privacypolicy #privacypolicy .ttls { margin-top: 2em; padding-bottom: 0; font-size: 1.6rem; }
	.page-privacypolicy #privacypolicy p { font-size: 1.6rem; line-height: 2; }
}

/* .page-planning
-------------------------------------------------- */
.page-planning #planning .text { line-height: 2.1; }
.page-planning #planning .text p + p,
.page-planning #planning .text ul { margin-top: .65em; }
.page-planning #planning .image { margin-top: 6.388vw; }
.page-planning #planning .image img { padding-bottom: 1.388vw; }
.page-planning #contact { padding: 9.166vw 0 5.833vw; }
.page-planning #contact dl { padding: 2.777vw 3.611vw 3.888vw; border: solid 1px rgba(204, 204, 204, 0.8); border-radius: 4px; font-size: 3vw; line-height: 1.9; }
@media screen and (min-width: 768px) {
	.page-planning #planning .text { line-height: 2; }
	.page-planning #planning .text p + p { margin-top: 2em; }
	.page-planning #planning .text ul { margin-top: 1.7em; }
	.page-planning #planning .image { width: 66.037%; margin: 2.75em auto 0; font-size: 1.6rem; }
	.page-planning #planning .image img { padding-bottom: 0.437em; }
	.page-planning #contact { padding: 3.642em 0 0.428em; }
	.page-planning #contact dl { display: inline-block; width: 32.25em; padding: 1.562em 1.812em 1.75em; font-size: 1.6rem; line-height: 2; }
}

/* .page-access
-------------------------------------------------- */
.page-access #access { padding-bottom: 1.666vw; }
.page-access .mapwrap { position: relative; width: 100%; margin-top: 5vw; padding: 90vw 0 0 0; }
.page-access .mapwrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media screen and (min-width: 768px) {
	.page-access #access { padding-bottom: 1.642em; }
	.page-access .mapwrap { margin-top: 1.785em; padding-top: 44.025%; }
}