@charset "utf-8";
/**お近くのリフォームフェア会場**/
#MAP.section{background-color: #D4ECF2;}
#MAP .area-list{
	width:auto;
	margin: 2em auto 0;
}
#MAP .area-list dl:not(:first-child){margin-top:.5em;}
#MAP .area-list dl dd a,#MAP .area-list dl dt{box-sizing: border-box;}
#MAP .area-list dl dd{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
}
#MAP .area-list dl dd a{
	padding: .25em .5em;
	color:#000;
	text-decoration: none;
	font-weight:bolder;
}
@media only screen and (min-width: 641px) {
	#MAP header h2 img{
		max-width: 503px;
	}
	#MAP .area-list{
		width:37em;
	}
	#MAP .area-list dl dt{padding: .25em 0;width: 9.5em;}
	#MAP .area-list dl dd{width: calc(100% - 9.5em);}
	#MAP .area-list dl dd a:hover{text-decoration: underline;}
	#MAP .area-list dl dd a:not(:first-child):before{
		content: '|';
		display: inline-block;
		margin-right: .5em;
		height: 1em;
	}
}
@media only screen and (max-width: 640px) {
	#MAP .area-list dl dt{font-size: 1.175em;}#MAP .area-list dl:not(:first-child) dt{margin-top: .75em;}
	#MAP .area-list dl dd a{width:calc(25% + 1px);text-align: center;border:1px solid #ccc;margin-left: -1px;padding: .5em;background-color:#fff;}
	#MAP .area-list dl dd a:nth-child(n + 5){margin-top: -1px;}
}
/**バナーリンク**/
#BNRs{
	background-color: #ededed;
}
@media only screen and (min-width: 641px) {
	#BNRs .flexPC a{
		width: calc(50% - 1.25em);
	}
	#BNRs .flexPC a:nth-child(n + 3){
		margin-top:2.5em;
	}
}
@media only screen and (max-width: 640px) {
	#BNRs .flexPC a:not(:first-child){
		display: block;
		margin-top:1.25em;
	}
}
/**CM**/
#CM{text-align: center;}
#CM .flexPC{margin-top: 2.8125em;}
#CM .m-ttl strong{font-size:1.25em;font-weight: 600; }
@media only screen and (min-width: 641px) {
	#CM .flexPC a img{
		max-width: 780px;
		width:100%;
	}
	#CM header h2 img{
		max-width: 400px;
	}
}


#MAP.section {
    padding: 5em 0;
}
#MAP.section header h2 {
    margin-bottom: 2em;
}
#MAP header{
    text-align: center;
}
#MAP .container{
    width: 93%;
    margin: 0 auto;
    max-width: 1120px;
    line-height: 1.75;
}

@media only screen and (min-width: 641px) {
    .flexPC {
        display: flex;
    }
    #MAP .area-list {
        width: 500px!important;
    }
    #MAP .area-list dl dd a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 640px) {
    #MAP .area-list dl dd a {
        font-size: 14px;
    }
}


.wrapper.wrapper--md {
    max-width: 1000px;
}
.links .wrapper {
	margin: 0 auto;
}
@media screen and (min-width: 1200px) {
   .links .wrapper {
        width: 100%;
    }
}

.links .links__list {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 22px;
}

.links .links__list a {
    display: flex;
    align-items: center;
    justify-content: center;
    /* padding: 1em 1em; */
    border-radius: 50px;
    border: 1px solid #483f34;
    color: #483f34;
    font-weight: 600;
    letter-spacing: 2.48px;
    /* font-size: 0.875rem; */
	font-family: 'Noto Serif JP', serif;
}

.links .links__list a:before {
    content: "";
    display: block;
    width: 2.5em;
    height: 3em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    /* background-color: #483f34;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.72 6.83'%3E%3Cpath d='m26.72,6.83H1c-.55,0-1-.45-1-1s.45-1,1-1h20.89l-3.12-3.12c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l6.53,6.53Z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.72 6.83'%3E%3Cpath d='m26.72,6.83H1c-.55,0-1-.45-1-1s.45-1,1-1h20.89l-3.12-3.12c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l6.53,6.53Z'/%3E%3C/svg%3E") no-repeat center center; */
}

.links .links__list a.icon--cal:before {
	content: "";
	display: inline-block;
	width: 24px;   /* 必要なサイズに調整 */
	height: 24px;
    background: url(/homelounge/assets/images/reform/member-reform-fair/calender.png) no-repeat center center;
	background-size: contain;
    margin-right: 1em;
}

.links .links__list a.icon--book:before {
	content: "";
	display: inline-block;
	width: 24px;   /* 必要なサイズに調整 */
	height: 24px;
    background: url(/homelounge/assets/images/reform/member-reform-fair/book.png) no-repeat center center;
	background-size: contain;
    margin-right: 1em;
}

.links .links__list a.icon--mail:before {
	content: "";
	display: inline-block;
	width: 24px;   /* 必要なサイズに調整 */
	height: 24px;
    background: url(/homelounge/assets/images/reform/member-reform-fair/mail.png) no-repeat center center;
	background-size: contain;
    margin-right: 1em;
}



.links .links__list a:after {
    content: "";
    display: block;
    width: 1.5em;
    height: 1.5em;
    margin-left: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: contain;
    background-color: #483f34;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.72 6.83'%3E%3Cpath d='m26.72,6.83H1c-.55,0-1-.45-1-1s.45-1,1-1h20.89l-3.12-3.12c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l6.53,6.53Z'/%3E%3C/svg%3E") no-repeat center center;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26.72 6.83'%3E%3Cpath d='m26.72,6.83H1c-.55,0-1-.45-1-1s.45-1,1-1h20.89l-3.12-3.12c-.39-.39-.39-1.02,0-1.41s1.02-.39,1.41,0l6.53,6.53Z'/%3E%3C/svg%3E") no-repeat center center;
}

@media screen and (min-width: 480px) {
    .links {
        padding: 32px 0 40px;
    }
	.links .links__list {
        gap: 20px 20px;
    }
	.links .links__list>* {
        width: calc((100% - (20px * 2)) / 3);
    }

	.links .links__list a {
		padding: 1.2em 1em;
		font-size: 1.78rem;
	}
}

@media screen and (max-width: 480px) {
	.links {
		padding: 40px 0;
	}

	.links .links__list {
        flex-direction: column;
		width: 90%;
		margin: 0 auto;
    }
	.links .links__list>* {
		width: calc((100% - (22px * 0)) / 1);
	}

	.links .links__list a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1.6em 1em;
		border-radius: 50px;
		border: 1px solid #483F34;
		color: #483F34;
		font-weight: 600;
		letter-spacing: 2.48px;
		font-size: 1.4rem;
	}
}

.footer {
    padding: 44px 0;
    background-color: #483f34;
}

@media screen and (min-width: 1200px) {
    .footer .wrapper {
        width: 100%;
    }
}

.footer .privacy__link {
    text-align: center;
}

.footer .privacy__link a {
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    line-height: normal;
    text-decoration-line: underline;
    font-size: 1rem;
}

.footer .copy {
    text-align: center;
    margin-top: 10px;
}

.footer .copy small {
    color: #fff;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.18px;
    font-size: 0.75rem;
}
@media screen and (max-width: 480px) {
    .footer .privacy__link a{
        font-size: 1.4rem;
    }
}