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


/*The Forest Life*/
.loc01{
	background-image: url(../images/location250605/loc03.png);
	background-size:95%;
	background-position:center bottom;
	background-repeat: no-repeat;
	padding-bottom:15vw;
}
.loc01 .img01{
	width:100%;
}
.loc01 .txtwrap01{
}
.loc01 .txtwrap02{
	width:90%;
	margin-top:-22vw;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	z-index:2;
	position: relative;
}
.loc01 .txt01{
	margin-bottom:10px;
}
.loc01 .txt01 span{
	display:inline-block;
	width:auto;
	background-color:rgba(7,13,38,0.85);
	box-shadow: 24px 24px 40px rgba(0, 0, 0, 0.2);
	color:#fff;
	padding:0.25em 0.75em;
	font-size: clamp(24px,4vw,40px);
}
.loc01 .txt02{
	font-size: clamp(14px,1.6vw,16px);
	line-height:2.5;
	margin-top:2em;
	margin-bottom:2em;
	font-feature-settings: "palt";
}
.loc01 .img02{
	width:57%;
	margin-left:auto;
	margin-right:5%;
}
.loc01 .img02 img{
	border-radius: 8px;
	box-shadow: 16px 16px 24px rgba(0, 0, 0, 0.16);
}
@media (min-width:768px){
	.loc01{
		background-size:70%;
		background-position:left bottom;
		padding-bottom:5vw;
	}
	.loc01 .img01{
		width:100%;
	}
	.loc01 .txtwrap01{
		width:90%;
		max-width:1200px;
		margin-top:max(-15vw, -150px);
		margin-left:auto;
		margin-right:auto;
		display:flex;
	}
	.loc01 .txtwrap02{
		width:60%;
		margin-top:0;
		margin-left:0;
		margin-right:0;
		padding:0;
	}
	.loc01 .txt02{
		margin-left:10%;
		margin-top:3em;
		margin-bottom:0;
	}
	.loc01 .img02{
		width:40%;
		margin-top:max(5vw, 50px);
		margin-right:0;
		margin-left:0;
	}
}
/**/


/**/
.loc02{
	background-color:#fff;
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 80px;
}
.loc02ttl{
	text-align:left;
	background-size:cover;
	background-position: center center;
	height:240px;
	display:flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
@media (min-width:768px){
	.loc02ttl{
		height:340px;
	}
}
/*背景画像指定*/
.loc02ttl.town{background-image: url(../images/location250605/town_bg_sp.jpg);}
.loc02ttl.tohoken{background-image: url(../images/location250605/tohoken_bg_sp.jpg);}
.loc02ttl.park{background-image: url(../images/location250605/park_bg_sp.jpg);}
.loc02ttl.edu{background-image: url(../images/location250605/edu_bg_sp.jpg);}
@media (min-width:768px){
	.loc02ttl.town{background-image: url(../images/location250605/town_bg.jpg);}
	.loc02ttl.tohoken{background-image: url(../images/location250605/tohoken_bg.jpg);}
	.loc02ttl.park{background-image: url(../images/location250605/park_bg.jpg);}
	.loc02ttl.edu{background-image: url(../images/location250605/edu_bg.jpg);}
}
.loc02ttl .txt01{
	color:#DFCEB9;
	font-family: Cinzel;
	font-weight: normal;
	font-size: clamp(16px,2vw,24px);
	letter-spacing: 0.15em;
	width:90%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 0.25em;
}
.loc02ttl .txt02{
	color:#fff;
	font-size: clamp(26px,3vw,40px);
	width:90%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height: 1.6;
}
.loc02body{
	width:90%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding-top: clamp(40px,7vw,70px);
	padding-bottom: clamp(40px,10vw,100px);
	text-align:left;
}
/**/

/**/
.loc03{
	margin-bottom:clamp(55px,8vw,80px);
}
.loc03:last-of-type{margin-bottom:0;}
.loc03 .txtwrap01{
	margin-bottom:30px;
}
.loc03 .txtwrap01 .txt01{
	font-size: clamp(14px,1.6vw,16px);
	margin-bottom:1.5em;
	font-family: "Noto Sans JP", sans-serif;
}
.loc03 .txtwrap01 .txt01 span{
	background-color: #070D26;
	color:#fff;
	padding:0.5em 1em;
}
.loc03 .txtwrap01 .txt02{
	font-size: clamp(28px,3vw,30px);
	border-bottom:1px dashed #707070;
	padding-bottom:25px;
	margin-bottom:clamp(30px,4vw,40px);
	line-height: 1.5;
}
.loc03 .img01{}
@media (min-width:768px){
	.loc03{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.loc03 .txtwrap01{width: 56%;margin-bottom:0;}
	.loc03 .img01{width:40%}
	.loc03 .txtwrap01 .txt01 span{
		padding:0.5em 0;
	}
	.loc03 .txtwrap01 .txt01 span:first-of-type{
		padding:0.5em 0 0.5em 1em;
	}
	.loc03 .txtwrap01 .txt01 span:last-of-type{
		padding:0.5em 1em 0.5em 0;
	}
	.loc03 .txtwrap01 .txt01 span.full{
		padding:0.5em 1em;
	}
}


@media (min-width:768px){
	.loc04{
		position: relative;
		z-index:1;
	}
	/*ネガティブマージン用*/
	.loc02.last{
		margin-bottom:-10vw;
		position: relative;
		z-index:2;
	}
}