@charset "utf-8";
/*index*/

.map01{}
.map01 .lnav{
	width:90%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	padding:20px 0;
}
.map01 .lnav .btn01{
	display:block;
	border-bottom:1px solid #e0d9d2;
	text-align: left;
	padding:20px 0;
	text-decoration: none;
	line-height:1.5;
	background-image:url(../images/miyoshimap/lnavbtn01.png);
	background-repeat: no-repeat;
	background-size:55px 55px ;
	background-position: right center;
}
.map01 .lnav .btn01:last-of-type{
	border-bottom:0;
}
.map01 .lnav .btn01 .txt01{
	font-family: Cinzel;
	font-weight: normal;
	font-size: clamp(20px,2.2vw,28px);
	letter-spacing: 0.03em;
	color: #dfb782;
}
.map01 .lnav .btn01 .txt01 small{
	width:90%;
}
.map01 .lnav .btn01 .txt02{
	font-size: clamp(18px,2vw,24px);
	letter-spacing: 0.05em;
	color: #985700;
}
@media (min-width:768px){
	.map01 .lnav{
		width:96%;
		display:flex;
		justify-content: center;
		align-items: stretch;
		padding:60px 0;
	}
	.map01 .lnav .btn01{
		width:33%;
		display:block;
		border-bottom:0;
		border-left:1px solid #e0d9d2;
		text-align: center;
		padding:0 0 80px;
		background-image:url(../images/miyoshimap/lnavbtn01.png);
		background-size:58px 58px ;
		background-position: center bottom;
	}
	.map01 .lnav .btn01:last-of-type{
		border-right:1px solid #e0d9d2;
	}
	.map01 .lnav .btn01 .txt01{
		font-size: clamp(16px,2vw,28px);
	}
	.map01 .lnav .btn01 .txt02{
		font-size: clamp(14px,1.8vw,24px);
	}
}
/**/



/**/
.map02ttl{
	padding-top: clamp(40px,10vw,120px);
	padding-bottom: clamp(40px,10vw,100px);
	text-align: center;
}
.map02ttl .txt01{
	font-family: Cinzel;
	font-weight: normal;
	font-size: clamp(40px,8vw,80px);
	letter-spacing: 0.03em;
	color: #dfb782;
	line-height:1.3;
}
.map02ttl .txt01 small{
	width:90%;
}
.map02ttl .txt02{
	font-size: clamp(20px,3vw,32px);
	letter-spacing: 0.05em;
	color: #985700;
	line-height:1.5;
	position: relative;
	margin-bottom:60px;
}
.map02ttl .txt02::before{
	content:"";
	position: absolute;
	display:block;
	width: 80px;
	height: 2px;
	background: #dfb782;
	bottom:-30px;
	left:calc(50% - 40px);
}
@media (min-width:768px){
	.map02ttl .txt02{
		margin-bottom:100px;
	}
	.map02ttl .txt02::before{
		height: 4px;
		bottom:-50px;
	}
}
.map02ttl .txt03{
	font-family: "Noto Sans JP";
	font-size: clamp(16px,2vw,32px);
	letter-spacing: 0.05em;
	line-height:1.8;
}
/**/


/**/
.map02body{
	background-color:#fff;
	width:100%;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: clamp(50px,10vw,100px);
}
.map02body > .ttl01{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
	transform:translateY(-27px);
}
.map02body > .ttl01 .txt01{
	font-family: Cinzel;
	font-weight: normal;
	font-size: 34px;
	line-height: 1.5;
	color: #dfb782;
}
.map02body > .ttl01 .txt02{
	font-size: 20px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color: #985700;
}
@media (min-width:768px){
	.map02body > .ttl01{
		transform:translateY(-60px);
	}
	.map02body > .ttl01 .txt01{
		font-size:80px;
	}
	.map02body > .ttl01 .txt02{
		font-size: 32px;
	}
}
.map02body .unit01{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
}
.map02body .unit01:last-of-type{
	margin-bottom:0;
}
.map02body .unit01 .img01{
	width:100%;
	margin-bottom:25px;
}
.map02body .unit01 .txtwrap01{
}
@media (min-width:768px){
	.map02body .unit01{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.map02body .unit01 .img01,
	.map02body .unit01 .txtwrap01{
		width:48%;
		margin:0;
	}
}
.map02body .unit01 .txtwrap01 .txt01{
	font-size: clamp(24px,3vw,32px);
	display:flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.3;
	margin-bottom:0.25em;
}
.map02body .unit01 .txtwrap01 .txt01.line2{
	align-items: flex-start;
}
.map02body .unit01 .txtwrap01 .txt01 .num{
	font-size:75%;
	color:#fff;
	background-color:#796A55;
	border-radius:1em;
	aspect-ratio:1;
	margin-right:0.5em;
	width:2em;
	display:flex;
	justify-content: center;
	align-items: center;
}
.map02body.shop .unit01 .txtwrap01 .txt01 .num{
	background-color:#B28146;
}
.map02body.edu .unit01 .txtwrap01 .txt01 .num{
	background-color:#7C4E21;
}
.map02body.medi .unit01 .txtwrap01 .txt01 .num{
	background-color:#956C40;
}
.map02body .unit01 .txtwrap01 .txt02{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: clamp(14px,1.6vw,16px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	border-bottom:1px dashed #707070;
	padding-bottom: 1em;
	margin-bottom: 1.5em;

}
.map02body .unit01 .txtwrap01 .txt03{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.8;
}
.map02body .unit01 .txtwrap01 .txt04{
	background-color:#F4EFEC;
	padding:15px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top:20px;
}
.map02body .unit01 .txtwrap01 .txt04 div:nth-of-type(1){width:65%;}
.map02body .unit01 .txtwrap01 .txt04 div:nth-of-type(2){width:35%;}
.map02body .unit01 .txtwrap01 .txt04 li{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: clamp(13px,1.3vw,16px);
	letter-spacing: 0.05em;
	line-height: 2;
	text-align: left;
}
.map02body .unit01 .txtwrap01 .txt04 li:before{
	content:"●";
	color:#DFB782;
	font-size:75%;
}
@media (min-width:768px){
	.map02body .unit01 .txtwrap01 .txt04{
		padding:20px 30px;
	}
	.map02body .unit01 .txtwrap01 .txt04 div:nth-of-type(1){width:60%;}
	.map02body .unit01 .txtwrap01 .txt04 div:nth-of-type(2){width:40%;}
}



.map02body .unit02wrap{
	width:90%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.map02body .unit02{
	width:100%;
	text-align:left;
	margin-bottom:50px;
}
.map02body .unit02:last-of-type{
	margin-bottom:0;
}
.map02body .unit02 .img01{
	width:100%;
	margin-bottom:25px;
}
.map02body .unit02 .txt01{
	font-size: clamp(24px,3vw,32px);
	display:flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom:0.25em;
}
.map02body .unit02 .txt01 .num{
	font-size:75%;
	color:#fff;
	background-color:#796A55;
	border-radius:1em;
	aspect-ratio:1;
	margin-right:0.5em;
	width:2em;
	display:flex;
	justify-content: center;
	align-items: center;
}
.map02body.cafe .unit02 .txt01 .num{
	background-color: #C8A063;
}

.map02body .unit02 .txt02{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: clamp(14px,1.6vw,16px);
	letter-spacing: 0.05em;
	line-height: 1.5;
	border-bottom:1px dashed #707070;
	padding-bottom: 1em;
	margin-bottom: 1.5em;

}
.map02body .unit02 .txt03{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.8;

}
@media (min-width:768px){
	.map02body .unit02wrap{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.map02body .unit02{
		width:48%;
	}
	.map02body .unit02:nth-last-of-type(2){
		margin-bottom:0;
	}
}


.map02body .unit03{
	text-align:left;
	width:90%;
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
}
.map02body .unit03:last-of-type{
	margin-bottom:0;
}
.map02body .unit03 .txt01{
	font-size: clamp(24px,3vw,32px);
	display:flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom:0.25em;
}
.map02body .unit03 .txt01 .num{
	font-size:75%;
	color:#fff;
	background-color:#7C4E21;
	border-radius:1em;
	aspect-ratio:1;
	margin-right:0.5em;
	width:2em;
	display:flex;
	justify-content: center;
	align-items: center;
}
.map02body.medi .unit03 .txt01 .num{
	background-color:#956C40;
}
.map02body .unit03 .txt02{
	font-family: "Noto Sans JP";
	font-weight: normal;
	font-size: clamp(14px,1.6vw,16px);
	letter-spacing: 0.05em;
	line-height: 1.5;

}
@media (min-width:768px){
	.map02body .unit03{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
	}
	.map02body .unit03 .txt01{
		margin-right:0.5em;
	}
}


.bgimg01{
	background-image: url(../images/miyoshimap/img01_sp.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size:100% auto;
	padding-bottom:100vw;
}
@media (min-width:768px){
	.bgimg01{
		background-image: url(../images/miyoshimap/img01.jpg);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size:100% auto;
		padding-bottom:36vw;
	}
}