/* A Modern CSS Reset */
 
*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role="list"],ol[role="list"]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:smooth;}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:smooth; !important}}
main{
	display:flex;
	flex-direction: column;
	align-items: center;
	width: 100%;

	--yellow: #FFC000;
	--navy : #093679;
	--green: #10753D;
}

.font-yu{
	font-family: "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, sans-serif;
}.font-min{
	font-family: "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}.fs48{
	font-size: 48px;
}.fs24{
	font-size: 24px;
}.fs20{
	font-size: 20px;
}.fs18{
	font-size: 18px;
}
.wbr-wrap{
	word-break: keep-all;
}

.fw-bold{
	font-weight: bold;
}.tac{
	text-align: center;
}.taj{
	text-align: justify;
}.tar{
	text-align: right;
}

.inner{
	width:95%;
}
@media screen and (min-width: 1000px) {
	.inner{
		width:1000px;
	}
}
.mt150{
	margin-top:150px;
}.mt60{
	margin-top:60px;
}.mt30{
	margin-top:30px;
}
.navy_midashi{
	padding: 30px 60px;
	background:linear-gradient(var(--navy), var(--navy)) no-repeat left top / 50px 100%;
}.lum_logo_midashi::before{
	content:'';
	display: block;
	background: url(../img/logo_midashi.png) no-repeat center / contain;
	width:196px;
	height:47px;
	margin: 0 auto 20px auto;
}

#auc_top{
	padding:40px;
	width:min(1200px, 100%);
	height:667px;
	background:url(../img/lum1-sp.webp) no-repeat center / cover;
}#auc_top h1{
	background: var(--yellow);
	color: #FFF;
	padding: 10px 20px;
	width: min(400px, 100%);
}
@media screen and (min-width: 630px) {
	#auc_top{
		background:url(../img/lum1.webp) no-repeat center / cover;
	}
}


.card {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	column-gap:50px;
	row-gap:30px;
}
@media screen and (min-width: 1000px) {
	.card {
		grid-template-columns: 1fr 1fr;
	}
}
.card .noimage{
	display: block;
	width: 100%;
	height: 100%;
	background:lightgray
}

#map{
	display:grid;
	grid-template-areas: "p"
						"dl"
						"div";
}#map img{
	grid-column: 1 / -1;
	grid-row: 1 / -1;
	justify-self: end;
}


#map p{
	width: fit-content;
	grid-area: p;
}#map dl{
	grid-area: dl;
}#map dt{
	background:var(--navy);
	padding:10px 0;
	color: #FFF;
	font-size: 18px;
	text-align: center;
	width:100px;
}#map dd{
	font-size: 24px;
}.map_line{
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	margin-top: 10px;
	column-gap:15px;
	row-gap:5px;
}#map>div{
	grid-area: div;
}

#contact{
	padding:40px;
	width:min(1200px, 100%);
	height:630px;
	background:url(../img/lum3-sp.webp) no-repeat center / cover;
	display: grid;
	grid-template-columns: min(320px, 100%);
	grid-template-rows: repeat(3, min-content);
	place-content: center;
	grid-gap:20px;
}#contact a{
	color: #FFF;
	padding: 15px 10px;
	max-width:320px;
	display: grid;
	align-items: center;
	text-decoration: none !important;
	font-family: inherit;
	min-height: 120px;
}#official_site{
	background: var(--yellow);
}#tel{
	background:var(--navy);
}#line{
	background:var(--green);
}#line-logo{
	margin-top:-30px;
	display: flex;
	justify-content: end;
	align-items:end;
	flex-wrap:wrap;
	column-gap:5px;
}
@media screen and (min-width: 1000px) {
	#contact {
		grid-template-columns: 320px 320px;
		grid-template-rows: min-content min-content;
		grid-gap:50px;
		justify-content: flex-start;
		align-items: center;
	}#line{
		grid-row: 1 / -1;
		grid-column: 2 / -1;
		height: min-content;
	}
}
@media screen and (min-width: 630px) {
	#contact{
		background:url(../img/lum3.webp) no-repeat center / cover;
	}
}


/*SP*/
@media screen and (max-width: 480px) {
	.fs48{
		font-size: 36px;
	}.fs24{
		font-size: 22px;
	}.mt150{
		margin-top:80px;
	}.mt60{
		margin-top:30px;
	}.mt30{
		margin-top:15px;
	}.navy_midashi{
		padding: 15px 10px 15px 30px;
		background-size: 20px 100%;
	}
	#auc_top{
		padding:20px 10px;
		height: auto;
		aspect-ratio: 3 / 4;
	}#auc_top h1{
		padding:10px 15px;
	}#map{
		display: block;
	}#map dt {
		width: 100%;
	}#map dd{
		font-size: 22px;
	}

	#contact{
		padding: 20px 10px;
	}#line-logo{
		margin-top:0;
		text-align: left;
		justify-content: start;
	}#account{
		width: 100%;
	}
}