/* box-alert */

	.box-alert{
		Xdisplay: none;
		position: relative;
		background-color: #8fc93f;
		padding: 10px;
		margin-bottom: 40px;
		margin-top: -20px;
		xxcursor: pointer; /* TEMP */
	}
	.box-alert::after{
		content: 'x';
		display: block;
		position: absolute;
		top: 27px;
		right: 35px;
		font-size: 20px;

		display: none;   /* TEMP */   
	}
	@media only screen and (max-width: 850px){
		.box-alert::after{
			display: none
		}
	}
	.box-alert.active{
		display: block;
	}
	.box-alert__inner{
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #000;
		min-height: 60px;
		padding: 10px;
		text-align: center;
	}
	.box-alert__inner p{
		margin-bottom: 0;
	}

/* box-img-1*/

	.box-img-1{
		position: relative;
		padding: 0;
	}
	.box-img-1::after,
	.box-img-1::before{
		content: '';
		position: absolute;
		background-color: #000;
	}
	.box-img-1::before{
		right: -10px;
		bottom: 0;
		width: 10px;
		height: 70px;
	}
	.box-img-1::after{
		height: 10px;
		width: 200px;
		bottom: -10px;
		right: -10px;
	}

/* box-map-1 */

	.box-map-1{
		padding: 0;
	}
	.box-map-1 a{
		position: absolute;
		bottom: -10px;
		right: -10px;
		z-index: 1000;
	}
/* */

	.box-map-1{
		padding: 0;
	}
	.box-map-1 a{
		position: absolute;
		bottom: -10px;
		right: -10px;
		z-index: 1000;
	}

	.button-1{
		display: block;
		background-color: var(--main-color);
		border: 10px solid var(--main-color);
	}
	.button-1 span{
		display: block;
		position: relative;
		height: 100%;
		padding: 15px 45px;
		color: var(--secondary-color);
		text-align: center;
	}
	.button-1 span::after{
		content: '';
		border: 1px solid white;
		display: block;	
		position: absolute;		
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;	
		transition: all 0.1s ease;
	}
	.button-1:hover span::after{
		border-width: 2px;
	}
	.box-link-1 a.button-2{
	  position: absolute;
	  bottom: -10px;
	  left: -10px;
	  right: auto;
	  border: 10px solid white;
	}
	.button-2 span {
	  display: block;
	  position: relative;
	  height: 100%;
	  padding: 15px 45px;
	  color: var(--main-color);
	  text-align: center;
	  background-color: white;
	}
	.button-2 span::after {
	  content: '';
	  border: 1px solid black;
	  display: block;
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;
	  transition: all 0.1s ease;
	}
	.button-2:hover span::after {
	  border-width: 2px;
	}
	.button-1.button-small span,
	.button-2.button-small span{
		padding: 15px 30px;
	}

	.box-video-2{
		padding: 0;
	}
	.box-video-2 figure{
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 218px;
		background-color: #ccc;
		background-position: center;
		background-size: cover;
		cursor: pointer;
	}
	.box-video-2 figure::after{
		content: '';
		display: block;
		height: 80px;
		width: 80px;
		border-radius: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		background-image: url(../img/play.svg);
		background-position: 56% center;
		background-size: 25px;
		transition: all 0.15s linear;
	}
	.box-video-2:hover figure::after{
		background-color: rgba(0, 0, 0, 1);
	}


/* */

	.w-1{
		width: 25%;
	}
	.w-2{
		width: 75%;
	}