@charset "UTF-8";
.line01{
	width:90%;
	max-width:330px;
	margin:50px auto;
}


.ekimae01 .cCopy01{
	color:#3b94d0;
}

.ekimae02{
	position:relative;
	width:100%;
	height:97vw;
	margin-bottom:50px;
}
.ekimae02 .map{
	width:100%;
	aspect-ratio: 1 / 0.96875;
	z-index:1;
}
.ekimae02 .prot01 {
	position:absolute;
	z-index:2;
	width:calc(420% / 16);
	left:12%;
	top:0;
}
.ekimae02 .prot02 {
	position:absolute;
	z-index:2;
	width:calc(450% / 16);
	left:40%;
	top:0;
}
.ekimae02 .prot03 {
	position:absolute;
	z-index:2;
	width:calc(370% / 16);
	right:6%;
	top:0;
}
.ekimae02 .prot04 {
	position:absolute;
	z-index:2;
	width:calc(590% / 16);
	right:2%;
	top:35vw;
}
.ekimae02 .prot05 {
	position:absolute;
	z-index:2;
	width:calc(430% / 16);
	right:10.5%;
	bottom:1%;
}
.ekimae02 .prot06 {
	position:absolute;
	z-index:2;
	width:calc(820% / 16);
	left:10%;
	bottom:0;
}
/**/

/**/
.ekimae03{}
.ekimae03 .wrap01{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.ekimae03 .wrap01 .wappen{
	position:absolute;
	width:20%;
	aspect-ratio: 1;
	right:-10px;
	top:-10px;
	max-width:120px;
	max-height:120px;
}
/**/
.ekimae03 .wrap02{
	width:100%;
}
/**/
.ekimae03 .wrap03{
	width:100%;
	height:55vw;
	position: relative;
	background : linear-gradient(180deg, #fff 20%, #f0f9f8 20%);
}
.ekimae03 .wrap03 .img01{
	width:53%;
	position: absolute;
	left:5%;
	top:0;
	z-index:2;
}
.ekimae03 .wrap03 .img02{
	width:51%;
	position: absolute;
	right:5%;
	bottom:5%;
	z-index:1;
}
/**/
.ekimae03 .wrap04{
	width:90%;
	margin:20px auto;
}
.ekimae03 .wrap05{
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: stretch;
}
/**/
.ekimae03 .wrap05 .img01{
	width:calc(230%/5.1);
}
.ekimae03 .wrap05 .img02{
	width:calc(280%/5.1);
}

/**/
@media(min-width:768px){
	.ekimae03 .wrap01{
		margin:0 auto 20px;
	}
	.ekimae03 .wrap02{
		display:flex;
		align-items: flex-start;
		max-width:1600px;
		margin:0 auto;
	}
	.ekimae03 .wrap03{
		width:calc(670%/16);
		height:50vw;
		max-height:700px;
		background : linear-gradient(180deg, #fff 20%, #f0f9f8 20%, #f0f9f8 80%, #fff 80%);
	}
	.ekimae03 .wrap03 .img01{
		width:80%;
		left:15%;
	}
	.ekimae03 .wrap03 .img02{
		width:80%;
		right:-20%;
	}
	.ekimae03 .wrap04{
		width:calc(660%/16);
		margin-left:8%;
	}
	.ekimae03 .wrap04 .txt01{
		font-size:clamp(16px,2.1vw,26px);
		margin-bottom:1em;
	}
	.ekimae03 .wrap04 .img03,
	.ekimae03 .wrap05{
		width:90%;
		margin-left:15%;
	}
}
/**/

/**/
.ekimae04{
	background-image: url(../image/ekimae/bg01.png);
	background-position:right  center;
	background-size:60% 40%;
	background-repeat: no-repeat;
	padding-bottom:20px;
}
.ekimae04 .wrap01{
	width:90%;
	max-width:1200px;
	margin:20px auto;
}
.ekimae04 .wrap01 .txt01{
	font-size:clamp(16px,2.1vw,26px);
	margin-bottom:1em;
}

@media(min-width:768px){
	.ekimae04{
		background-position:right 5% bottom;
		background-size:40% 50%;
	}
	.ekimae04 .wrap01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		margin:40px auto 0;
	}
	.ekimae04 .wrap01 .txt01{
		width:60%
	}
	.ekimae04 .wrap01 .img01{
		width:30%;
		margin-right: 5%;
	}
}
/**/

/**/
.ekimae05{
	background-image: url(../image/ekimae/bg01.png);
	background-position:left center;
	background-size:60% 40%;
	background-repeat: no-repeat;
}
.ekimae05 .wrap01{
	width:90%;
	max-width:1200px;
	margin:20px auto;
}
.ekimae05 .wrap02{
	margin-bottom:20px;
}
.ekimae05 .wrap03{
	position: relative;
	margin-bottom:10px;
}
.ekimae05 .wrap03 .wappen{
	position:absolute;
	width:20%;
	aspect-ratio: 1;
	right:-10px;
	top:-10px;
	max-width:120px;
	max-height:120px;
}
.ekimae05 .wrap04{}
.ekimae05 .wrap04 .txt01{
	font-size:clamp(16px,2.1vw,26px);
	margin-bottom:1em;
}
.ekimae05 .wrap05{
	position: relative;
	width:100%;
	aspect-ratio:56 / 45;
}
.ekimae05 .wrap05 .img01{
	position: absolute;
	z-index:2;
	width:85%;
	left:0;
	top:0;
}
.ekimae05 .wrap05 .img02{
	position: absolute;
	z-index:1;
	width:55%;
	right:0;
	bottom:0;
}
@media(min-width:768px){
	.ekimae05{
		background-position:left 5% bottom 10%;
		background-size:40% 50%;
	}
	.ekimae05 .wrap01{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.ekimae05 .wrap02{
		width:50%;
	}
	.ekimae05 .wrap04{
		width:45%;
	}
}
/**/


/**/
.ekimae06{
	background-image: url(../image/ekimae/bg01.png);
	background-position:right top 10%;
	background-size:50% 40%;
	background-repeat: no-repeat;
}
.ekimae06 .wrap01{
	width:90%;
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
.ekimae06 .wrap01 .wappen{
	position:absolute;
	width:20%;
	aspect-ratio: 1;
	right:-10px;
	top:-10px;
	max-width:120px;
	max-height:120px;
}
/**/
.ekimae06 .wrap02{
	width:100%;
}
/**/
.ekimae06 .wrap03{
	width:100%;
	height:55vw;
	position: relative;
	margin-top:10px;
}
.ekimae06 .wrap03 .img01{
	width:49%;
	position: absolute;
	left:5%;
	top:0;
	z-index:1;
}
.ekimae06 .wrap03 .img02{
	width:53%;
	position: absolute;
	right:5%;
	bottom:5%;
	z-index:2;
}
/**/
.ekimae06 .wrap04{
	width:90%;
	margin:0 auto 20px;
}
.ekimae06 .wrap04 .img03{
	display:block;
	width:75%;
	margin:0 auto;
	max-width:354px;
}

/**/
@media(min-width:768px){
	.ekimae06{
		background-position:right 5% center;
		background-size:40% 50%;
	}
	.ekimae06 .wrap01{
		margin:0 auto 20px;
	}
	.ekimae06 .wrap02{
		display:flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: row-reverse;
		max-width:1200px;
		width:90%;
		margin:0 auto;
	}
	.ekimae06 .wrap03{
		width:58%;
		height:40vw;
		max-height:600px;
		margin:0;
	}
	.ekimae06 .wrap03 .img01{
		width:60%;
		left:0;
		top:0;
	}
	.ekimae06 .wrap03 .img02{
		width:60%;
		right:0%;
		bottom:0;
	}
	.ekimae06 .wrap04{
		width:42%;
		margin:0;
	}
	.ekimae06 .wrap04 .txt01{
		font-size:clamp(16px,2.1vw,26px);
		margin-bottom:1em;
	}
	.ekimae06 .wrap04 .img03{
		margin:0;
	}
}
@media(min-width:1200px){
	.ekimae06 .wrap03{
		height:48vw;
	}
	.ekimae06 .wrap03 .img01{
		width:70%;
	}
	.ekimae06 .wrap03 .img02{
		width:70%;
		right:-15%;
	}
}
/**/


/**/
.ekimae07{
	background-image: url(../image/ekimae/bg01.png);
	background-position:left  top;
	background-size:50% 40%;
	background-repeat: no-repeat;
	padding-top:30px;
	padding-bottom:30px;
	max-width:1600px;
	margin:0 auto;
}
.ekimae07 .wrap01{
	width:90%;
	max-width:1200px;
	margin:30px auto;
}
.ekimae07 .wrap01 .txt01{
	font-size:clamp(16px,2.1vw,26px);
}

@media(min-width:768px){
	.ekimae07{
		background-position:left 5% top;
		background-size:50% 60%;
		padding-top:50px;
	}
}
/**/


.insta{
	width:90%;
	max-width:960px;
	margin:40px auto;
}




