@media screen and (max-width: 639px) {
	/* .pc { display: none !important; }     */
}
.sticky{
	max-width: 480px;
	max-height: 112px;
	position: fixed;
	right: 20px;
	left: 20px;
	bottom: 30px;
	z-index: 10;
	pointer-events: all;
	z-index: 100;
}
.sticky a{
	display: inline-block;
	width: 100%;
	height: 100%;
	/* box-shadow: 0px 0px 16px 8px #e6e6e8; */
	border-radius: 8px;
}
.sticky img{
	/* position: absolute; */
	bottom: 0px;    
	/* right: 0px; */
}

.sticky .descript p{
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 3px;
}
.sticky .descript p > span{
    font-size: 20px;
    font-weight: bold;
}

.sticky .descript .box01{
    font-size: 15px;        
    border-radius: 2px;
    background: linear-gradient(80deg, #4c97ca, #3a81f4);
    padding: 4px;
    color:#fff;
    margin-top: 20px;
}

.sticky .descript .box02{
    font-size: 15px;        
    border-radius: 2px;
    background: linear-gradient(80deg, #35c357, #5eab85);
    padding: 4px;
    color:#fff;
    margin-top: 10px;
}

.sticky .descript .box_and_0{
    position: absolute;
    top: 10px;
    left: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
}

.sticky .descript .box_and_1{
    position: absolute;
    top: 43px;
    left: 155px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color:black;
}

.sticky .descript .box_and_2_1{
    position: absolute;
    top: 68px;
    left: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.sticky .descript .box_and_2_2{
    position: absolute;
    top: 93px;
    left: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.sticky .descript .box_and_2_3{
    position: absolute;
    top: 118px;
    left: 160px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

.sticky .descript .box_and_3{
    position: absolute;
    top: 113px;
    left: 221px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color:black;
}

.circle{
    display: inline-block;
    border: 1px solid #539bd9;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    margin-right: 2px;
    padding: 2px;
}

.sticky_off{
    bottom: -130px !important;
    transition-timing-function:ease-out;
}


.sticky > *{
	transition: 0.6s ease-out;
}
.sticky .icon.open{
	z-index: 1000;
	position: absolute;
	top: -12px;
	left: -5px;
	width: 28px;
	height: 28px;
	color: #fff;
	background: #4b4f7a;
	padding: 0px;
	border-radius: 0px;
}
.sticky .icon.open::before,
.sticky .icon.open::after{
	content: "";
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sticky .icon:hover{
	cursor: pointer;
}
.sticky .icon.close{
	width: 258px;
	width: 280px;
	height: 40px;
	line-height: 38px;
	border-radius: 8px 8px 0 0;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 0 0 0 20px;
	position: absolute;
	bottom: -30px;
	/* right: 0; */
	color: #fff;
	background: #EC6F25;
	background: #27983A;
	background: #45d0cf;
	box-sizing: border-box;
	font-family: "Noto Sans JP", YuGothic, "Yu Gothic Medium", "Yu Gothic", "sans-serif", "Osaka", "MS PGothic", "sans-serif";
	font-weight: 500;
	z-index: 1000;
}
.sticky .icon.close::before,
.sticky .icon.close::after{
	content: "";
	display: inline-block;
	width: 14px;
	height: 2px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sticky .icon.close::before,
.sticky .icon.close::after{
	top: 21px;
	left: 22px;
}
.sticky .icon.close::after{
	transform: translate(-50%, -50%) rotate(90deg);
	top: 21px;
	left: 22px;
}
.sticky.close > a{
	position: relative;
	bottom: -150px;
}
.sticky.open > a{
	position: relative;
	bottom: 0;
}
.sticky.open .icon.close{
	position: absolute;
	bottom: -80px;
	/* right: 0; */
}
.sticky.close .icon.open{
	top: 150px;
}
.sticky.open .icon.open{
	top: -20px;
}