@charset "UTF-8";
/* CSS Document */

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

.popup{
	position: fixed;
	right: 60px;
	bottom: 60px;
	z-index: 2;
	min-width: 315px;
}

.popup__img {
    display: block;
    width: 20vw;
	min-width: 315px;
    z-index: 1;
    transition: all .3s cubic-bezier(.645,.045,.355,1) 0s;
    -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
}

.popup__btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20px;
    height: 20px;
    border: 1px solid #577B3F;
    border-radius: 50%;
    right: -10px;
    top: -10px;
    transition: all .3s cubic-bezier(.645,.045,.355,1) 0s;
    -webkit-transition-timing-function: cubic-bezier(.645,.045,.355,1);
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
}

.popup__btn {
    position: absolute;
    z-index: 2;
}

.popup, .popup__btn {
    background-color: #fff;
}

.popup__btn img {
    width: 10px;
}

@media screen and (max-width: 720px){

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

	.popup{
		position: fixed;
		right: auto;
		bottom: 2vh;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 2;
		min-width: 320px;
	}
	
	.popup__img {
		width: 65vw;
		min-width: 320px;
	}


	.popup__btn {
		right: 10px;
		top: -10px;
	}

}