.device-pc{
	display: block;
}
.device-sp{
	display: none;
}


.head_main_photo,
.f_menu,
.container #breadcrumbs{
	display: none;
}


/* デジタル絵地図
--------------------------------------*/
#digital_map{
	width: 960px;
	margin: 50px auto 0;
}
#digital_map .main{
	margin: 0 0 70px;
	position: relative;
	height: 550px;
}
#digital_map .main .img-main{
}
#digital_map .main .img-main-txt{
	position: absolute;
	top: 16px;
	left: 10px;
}
#digital_map .main .img-main-map{
	position: absolute;
	top: 56px;
	right: 6px;
}
#digital_map .main .txt-main{
	position: absolute;
	top: 335px;
	left: 10px;
	color: #ac3129;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	width: 570px;
}


/* デジタル絵地図の使い方
--------------------------------------*/
#digital_map .how_to_use{
	margin: 0 0 100px;
}
#digital_map .how_to_use .qr-map ul{
	display: flex;
	justify-content: space-between;
	width: 760px;
	margin: 0 auto 100px;
}
#digital_map .how_to_use .qr-map ul li{
	text-align: center;
}
#digital_map .how_to_use .qr-map ul li .st-heading{
	font-size: 28px;
	font-weight: bold;
	margin: 0 0 20px;
}
#digital_map .how_to_use .qr-map ul li .btn{
	width: 330px;
	margin: 20px auto 0;
	background: #bee0c3;
	border-radius: 30px;
	padding: 15px 0 15px 0;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 0.1em;
}
#digital_map .how_to_use .qr-map ul li .btn a{
	color:#111111;
	font-size: 24px;
}

#digital_map .how_to_use .how_to_use-inner .btn{
	width: 400px;
	margin: 20px auto 50px auto;
	background: #bee0c3;
	border-radius: 30px;
	padding: 15px 0 15px 0;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 0.1em;
	color:#111111;
	font-size: 24px;
}

#digital_map .how_to_use .how_to_use-inner .catch{
	color: #111111;
	font-size: 30px;
	margin: 0 0 10px;
	text-align: center;
}
#digital_map .how_to_use .how_to_use-inner h2{
	color: #111111;
	font-size: 36px;
	margin: 0 0 30px;
	text-align: center;
}

#digital_map .how_to_use .how_to_use-inner .how_to_use-content{
	display: none;
}
#digital_map .how_to_use .movie{
	width:780px;
	margin: 0 auto 75px auto;
}

/*YouTube*/
#digital_map .how_to_use .movie .youtube {
	width: 100%;
	aspect-ratio: 16 / 9;
}
#digital_map .how_to_use .movie .youtube iframe {
	width: 100%;
	height: 100%;
}


#digital_map .how_to_use .how_to_use-link ul{
	display: flex;
	justify-content: space-between;
	margin: 0 0 80px;
}
#digital_map .how_to_use .how_to_use-link ul li{
	width: 215px;
	height: 180px;
	position: relative;
}
#digital_map .how_to_use .how_to_use-link ul li .icon{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#digital_map .how_to_use .how_to_use-link ul li .txt{
	position: absolute;
	top: 50px;
	left: 0;
	background: #d6a71d;
	color: #ffffff;
	font-size: 16.4px;
	line-height: 1.74;
	border-radius: 10px;
	padding: 45px 15px 35px;
	z-index: 0;
}

#digital_map .how_to_use .how_to_use1{
	margin: 0 0 70px;
}
#digital_map .how_to_use .how_to_use2{
	margin: 0 0 70px;
}
#digital_map .how_to_use .how_to_use3{
	margin: 0 0 70px;
}
#digital_map .how_to_use .how_to_use4{
	margin: 0 0 70px;
}
#digital_map .how_to_use h3{
	color: #ffffff;
	background: #d6a71d;
	font-size: 22px;
	padding: 18px 20px;
	margin: 0 0 35px;
	border-radius: 8px;
}
#digital_map .how_to_use .how_to_use-box{
	display: flex;
	justify-content: space-between;
}
#digital_map .how_to_use .how_to_use-box .img{
	width: 300px;
}
#digital_map .how_to_use .how_to_use-box .img img{
	width: 100%;
	display: block;
}
#digital_map .how_to_use .how_to_use-box .txt-box{
	width: 620px;
}
#digital_map .how_to_use .how_to_use-box .txt-box h4{
	font-size:18px;
	line-height: 1.67;
	color: #ac3129;
	padding: 0 0 25px;
	margin: 0 0 25px;
	border-bottom: 1px solid #000000;
}
#digital_map .how_to_use .how_to_use-box .txt-box .txt1{
	font-size:14.4px;
	line-height: 1.74;
	margin: 0 0 28px;
}
#digital_map .how_to_use .how_to_use-box .txt-box .txt1 .check{
    color: #cc0000;
}
#digital_map .how_to_use .how_to_use-box .txt-box .txt1 .check a{
    color: #cc0000;
}
#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box{
	margin: 0 0 30px;
}
#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}
#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .icon{
	width: 50px;
    margin-right: 5px;
}
#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .txt{
	width: 580px;
	font-size: 14.4px;
	line-height: 1.74;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading{
	display: flex;
	align-items: flex-end;
	margin: 0 0 20px;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .img{
	width: 157px;
	margin: 0 10px 0 0;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .img img{
	width: 100%;
	display: block;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .txt{
	color: #111111;
	font-size: 22px;
	font-weight: bold;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr{
	display: flex;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .img{
	width: 194px;
	margin: 0 25px 0 0;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .img img{
	width: 100%;
	display: block;
}
#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .txt{
	font-size: 14.4px;
	line-height: 1.74;
}
#digital_map .how_to_use .how_to_use-box .txt-box .txt2{
	font-size:14.4px;
	line-height: 1.74;
}

/* デジタル絵地図
--------------------------------------*/
#digital_map .digital_map-view h3{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 30px;
}
#digital_map .digital_map-view h3 .img{
	width: 157px;
	margin: 0 10px 0 0;
}
#digital_map .digital_map-view h3 .img img{
	width: 100%;
	display: block;
}
#digital_map .digital_map-view h3 .txt{
	font-size: 36px;
}
#digital_map .digital_map-view .map{
	width: 625px;
	margin: 0 auto 40px;
}
#digital_map .digital_map-view .map iframe{
	width: 625px;
	height: 813px;
}
#digital_map .digital_map-view .qr{
	display: flex;
	justify-content: center;
}
#digital_map .digital_map-view .qr .img{
	width: 194px;
	margin: 0 25px 0 0;
}
#digital_map .digital_map-view .qr .img img{
	width: 100%;
	display: block;
}
#digital_map .digital_map-view .qr .txt{
	font-size: 14.4px;
	line-height: 1.74;
}


/* ---------------------------------------------------------------------------
	スマホの時
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {

	.device-pc{
		display: none;
	}
	.device-sp{
		display: block;
	}

	/* デジタル絵地図
	--------------------------------------*/
	#digital_map{
		width: 90vw;
		margin: 5vw 5vw 0;
	}
	#digital_map .main{
		margin: 0 0 20vw;
		position: inherit;
		height: auto;
	}
	#digital_map .main .img-main{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 0 0 5vw;
	}
	#digital_map .main .img-main img{
		width: 100%;
	}
	#digital_map .main .img-main-txt{
		position:inherit;
		width: 68%;
	}
	#digital_map .main .img-main-map{
		position: inherit;
		width: 28%;
	}
	#digital_map .main .txt-main{
		width: 100%;
		position: inherit;
		color: #ac3129;
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.6;
	}


	/* デジタル絵地図の使い方
	--------------------------------------*/
	#digital_map .how_to_use{
		margin: 0 0 13vw;
	}
	
	#digital_map .how_to_use .qr-map ul{
		display: flex;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto 15vw;
	}
	#digital_map .how_to_use .qr-map ul li{
		width: 47%;
		text-align: center;
	}
	#digital_map .how_to_use .qr-map ul li .st-heading{
		font-size: 4.6vw;
		font-weight: bold;
		margin: 0 0 2vw;
	}
	#digital_map .how_to_use .qr-map ul li .img img{
		width: 100%;
	}
	#digital_map .how_to_use .qr-map ul li .btn{
		width: 100%;
		margin: 5vw auto 0 auto;
		background: #bee0c3;
		border-radius: 10vw;
		padding: 3.5vw 0 3.5vw 0;
		text-align: center;
		box-sizing: border-box;
		letter-spacing: 0.1em;
	}
	#digital_map .how_to_use .qr-map ul li .btn a{
		color:#111111;
		font-size: 3.8vw;
	}
	
	#digital_map .how_to_use .how_to_use-inner .catch{
		color: #111111;
		font-size: 5vw;
		margin: 0 0 3vw;
		text-align: center;
	}
	#digital_map .how_to_use .how_to_use-inner h2{
		color: #111111;
		font-size: 6vw;
		margin: 0 0 8vw;
		text-align: center;
	}
	#digital_map .how_to_use .how_to_use-inner .btn{
		width: 60vw;
		margin: 5vw auto 10vw auto;
		background: #bee0c3;
		border-radius: 10vw;
		padding: 3.5vw 0 3.5vw 0;
		text-align: center;
		box-sizing: border-box;
		letter-spacing: 0.1em;
		color:#111111;
		font-size: 4vw
	}
	
	#digital_map .how_to_use .how_to_use-inner .how_to_use-content{
		display: none;
	}
	#digital_map .how_to_use .movie{
			width:100%;
			margin: 0 auto 15vw auto;
	}
	/*YouTube*/
	#digital_map .how_to_use .movie .youtube {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	#digital_map .how_to_use .movie .youtube iframe {
		width: 100%;
		height: 100%;
	}
	
	
	
	#digital_map .how_to_use .how_to_use-link ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 0 10vw;
	}
	#digital_map .how_to_use .how_to_use-link ul li{
		width: 48%;
		position: relative;
		height: 50vw;
		margin: 0 0 5vw;
	}
	#digital_map .how_to_use .how_to_use-link ul li .icon{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	#digital_map .how_to_use .how_to_use-link ul li .txt{
		position: absolute;
		top: 12vw;
		left: 0;
		background: #d6a71d;
		color: #ffffff;
		font-size: 4.2vw;
		line-height: 1.4;
		border-radius: 10px;
		padding: 11vw 3vw 6vw;
		height: 19vw;
		z-index: 0;
	}

	#digital_map .how_to_use .how_to_use1{
		margin: 0 0 40px;
	}
	#digital_map .how_to_use .how_to_use2{
		margin: 0 0 40px;
	}
	#digital_map .how_to_use .how_to_use3{
		margin: 0 0 40px;
	}
	#digital_map .how_to_use .how_to_use4{
		margin: 0 0 40px;
	}
	#digital_map .how_to_use h3{
		color: #ffffff;
		background: #d6a71d;
		font-size: 4.6vw;
		line-height: 1.5;
		padding: 2vw 4vw;
		margin: 0 0 5vw;
		border-radius: 8px;
	}
	#digital_map .how_to_use .how_to_use-box{
		display: flex;
		justify-content: space-between;
	}
	#digital_map .how_to_use .how_to_use1 .how_to_use-box{
		display: block;
	}
	#digital_map .how_to_use .how_to_use-box .img{
		width: 32%;
	}
	#digital_map .how_to_use .how_to_use1 .how_to_use-box .img{
		width: 70%;
		margin: 0 auto 3vw;;
	}
	#digital_map .how_to_use .how_to_use-box .img img{
		width: 100%;
		display: block;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box{
		width: 64%;
	}
	#digital_map .how_to_use .how_to_use1 .how_to_use-box .txt-box{
		width: 100%;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box h4{
		font-size:4.2vw;
		line-height: 1.6;
		color: #ac3129;
		padding: 0 0 3vw;
		margin: 0 0 3vw;
		border-bottom: 1px solid #000000;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .txt1{
		font-size:3.6vw;
		line-height: 1.74;
		margin: 0 0 5vw;
	}
    #digital_map .how_to_use .how_to_use-box .txt-box .txt1 .check{
        color: #cc0000;
    }
    #digital_map .how_to_use .how_to_use-box .txt-box .txt1 .check a{
        color: #cc0000;
    }
    #digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box{
		margin: 0 0 5vw;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 5vw;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .icon{
		width: 14%;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .icon img{
		width: 100%;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .txt{
		width: 83%;
		font-size: 3.6vw;
		line-height: 1.74;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box ul.icon-box li .txt-2{
		width: 100%;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading{
		display: flex;
		align-items: flex-end;
		margin: 0 0 20px;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .img{
		width: 30vw;
		margin: 0 3vw 0 0;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .img img{
		width: 100%;
		display: block;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .st-heading .txt{
		color: #111111;
		font-size: 4vw;
		font-weight: bold;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr{
		display: flex;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .img{
		width: 35vw;
		margin: 0 5vw 0 0;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .img img{
		width: 100%;
		display: block;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .digital_map-link .qr .txt{
		width: 55vw;
		font-size: 3.6vw;
		line-height: 1.74;
	}
	#digital_map .how_to_use .how_to_use-box .txt-box .txt2{
		font-size:3.6vw;
		line-height: 1.74;
	}

	/* デジタル絵地図
	--------------------------------------*/
	#digital_map .digital_map-view h3{
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 0 4vw;
	}
	#digital_map .digital_map-view h3 .img{
		width: 28vw;
		margin: 0 2vw 0 0;
	}
	#digital_map .digital_map-view h3 .img img{
		width: 100%;
		display: block;
	}
	#digital_map .digital_map-view h3 .txt{
		font-size: 5vw;
	}
	#digital_map .digital_map-view .map{
		width: 100%;
		margin: 0 auto 5vw;
	}
	#digital_map .digital_map-view .map iframe{
		width: 100%;
		height: 130vw;
	}
	#digital_map .digital_map-view .qr{
		display: flex;
		justify-content: center;
	}
	#digital_map .digital_map-view .qr .img{
		width: 35vw;
		margin: 0 5vw 0 0;
	}
	#digital_map .digital_map-view .qr .img img{
		width: 100%;
		display: block;
	}
	#digital_map .digital_map-view .qr .txt{
		width: 55vw;
		font-size: 3.6vw;
		line-height: 1.74;
	}




}