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


/*The Forest Life*/
.voice01{
	padding-bottom:50px;
}
.voice01 .img01{
	width:100%;
}
/**/
.voice01 .wrap01{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10vw;
}
.voice01 .txtwrap01{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.voice01 .txtwrap02{
	width:100%;
	text-align:left;
	z-index:2;
	position: relative;
	background-color:#343646;
	padding:10vw 10%;
}
.voice01 .txtwrap02 .img02{
	width:100%;
	margin-bottom: 5vw;
	max-width:400px;
	margin-left: auto;
	margin-right: auto;
}
.voice01 .txtwrap02 .txt01{
	color:#fff;
	text-align: center;
	font-family: sans-serif;
	font-size:min(4vw,25px);
	max-width:400px;
	margin-left: auto;
	margin-right: auto;
}
.voice01 .txtwrap02 .txt01 span{
	color:#dfb782;
}

.voice01 .txtwrap01 .txt01.border{
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top: 1em;
	padding:0.25em 0;
}
/**/
.voice01 .imgwrap01{
	width:100%;
}
.voice01 .imgwrap01 .img03{
	width:90%;
	margin-right:10%;
	margin-top: 5vw;
	margin-bottom:5vw;
}
.voice01 .imgwrap01 .img04{
	width:70%;
	margin-left:30%;
}
/**/
@media (min-width:768px){
	.voice01 .wrap01{
		max-width:1200px;
		position: relative;
	}
	.voice01 .txtwrap01{
		width:100%;
		max-width:1200px;
		z-index: 1;
		position: absolute;
	}
	.voice01 .txtwrap02{
		width:50%;
		max-width:600px;
		margin-top:0;
		margin-left:auto;
		margin-right:0;
		padding:80px 5%;
	}
	.voice01 .txtwrap02 .img02{
		margin-bottom: 30px;
	}
	.voice01 .imgwrap01{
		max-width:1200px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		z-index: 2;
		position: absolute;
	}
	.voice01 .imgwrap01 .img03{
		width:56%;
		margin-right:0%;
		margin-top: 0;
		margin-bottom:0;
		transform: translateX(-40px);
	}
	.voice01 .imgwrap01 .img04{
		width:44%;
		margin-left:0;
	}
	.voice01{
		padding-bottom:0;
	}
	/*位置調整*/
	.voice01 .wrap01{
		margin-top:max(-15vw,-150px);
		height:min(60vw,600px);
	}
	.voice01 .imgwrap01{
		top:min(25vw,250px);
	}
	.voice01 .imgwrap01 .img04{
		margin-top:min(23vw,230px);
	}
}
/**/


/**/
.voice02{
	background-color:#fff;
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}
@media (min-width:768px){
	.voice02{
		margin-top:40px;
	}
}
.voice02 .txt01{
	font-size:min(4vw,25px);
	font-family: sans-serif;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2em;
}
.voice02 .txt01::before{
	display: block;
	content:"Q";
	font-family: serif;
	color:#fff;
	background-color: #222;
	font-size:min(4vw,30px);
	width:min(8vw,80px);
	height:min(8vw,80px);
	aspect-ratio: 1;
	border-radius: 2em;
	margin-right:min(3vw,30px);
	display:flex;
	justify-content: center;
	align-items: center;
}

.voice02 .wrap01{
	margin-bottom: 80px;
}
.voice02 .wrap02{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
}
.voice02 .txt02{
	font-family: serif;
	color:#222;
	background-color: #dfb782;
	font-size:min(4vw,30px);
	width:min(8vw,80px);
	border-radius: 2em;
	margin-right: 0.5em;
	writing-mode: vertical-rl;
	padding: 1em 0;
	margin-right:min(3vw,30px);
	display:flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0.2em;
}
.voice02 .okusama .txt02{
	background-color: #888888;
	color: #fff;
}
.voice02 .txt03{
	font-size:min(4vw,25px);
	font-family: sans-serif;
}
.voice02 .txt03 em{
	color:#e77722;
	font-weight: normal;
}
.voice02 .img01{
	width:80%;
	margin-left:auto;
	margin-right: auto;
}

@media (min-width:768px){
	.voice02 .wrap01{
		margin-bottom: 60px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.voice02 .wrap01.okusama{
		flex-direction: row-reverse;
	}
	.voice02 .wrap02{
		width:63%;
		margin-bottom: 0;
	}
	.voice02 .img01{
		width:31%;
		margin-left:0;
		margin-right: 0;
	}
}

.movie{
	position: relative;
	width: 100%;
	margin:0 auto;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
}
.movie video{
	width: 100%;
}
.movie .playbtn{
	display: block;
	width: 10%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	cursor: pointer;
}
.movie .playbtn.playActive{display:none;}


/**/
.voice03{
	background-color:#dbe7e8;
	max-width:1200px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 80px;
	text-align: left;
}
@media (min-width:768px){
	.voice02{
		margin-top:40px;
	}
}
.voice03 .wrap02{
	margin-bottom: 30px;
}
.voice03 .wrap03{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 2em;
}
.voice03 .txt01{
	display: block;
	font-family: serif;
	color:#fff;
	background-color: #008b99;
	font-size:min(5vw,40px);
	border-radius: 2em;
	margin-right:min(3vw,30px);
	padding:0  1em;
}
.voice03 .txt02{
	font-size:min(4vw,25px);
	font-family: sans-serif;
}
.voice03 .txt03{
	font-size:min(4vw,23px);
	font-family: sans-serif;
}
.voice03 .txt03 em{
	color:#008b99;
	font-weight: normal;
}
.voice03 .img01{
	width:75%;
	margin:0 auto 30px;
}
@media (min-width:768px){
	.voice03 .wrap01{
		display: flex;
		justify-content: space-between;
		margin-bottom:40px;
	}
	.voice03 .wrap02{
		width:60%;
		margin:0;
	}
	.voice03 .img01{
		width:35%;
		margin: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;
	}
}