@charset "utf-8";
html {
	scroll-behavior: smooth;
}
.mt40_100 {
	margin-top: 10.6vw!important;
}
@media screen and (min-width: 768px) {
	.mt40_100 {
		margin-top: 100px!important;
	}
}
/*----------------------------------------
	coupon
-----------------------------------------*/
#fwCms_wrapper .coupon_col2 {
    display: block;
    margin: 0 10vw;
}
#fwCms_wrapper .coupon_bg01 {
    background: #f9f5f2;
    padding: 10vw 2vw 13vw;
}
#fwCms_wrapper .btn_bubiki::after {
    transform: rotate(90deg);
}
#fwCms_wrapper #webjuhan-bubiki {
    padding-top: 18.6vw;
}
/*----------------------------------------
	DEPACO従業員販売
-----------------------------------------*/
#fwCms_wrapper .special_project {
	margin: 0 5vw;
	padding: 0 0 10vw;
	background: #ffffff;
	border: solid #f9e8db 8px;
}
#fwCms_wrapper .special_project .bn {
	width: 90%;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
    #fwCms_wrapper .coupon_col2 {
        display: flex;
        justify-content: space-around;
        margin: 0;
    }
	#fwCms_wrapper .coupon_col2 > div {
		width: 50%;
	}
    #fwCms_wrapper .coupon_bg01 {
        padding: 35px 20px 55px;
    }
    #fwCms_wrapper #webjuhan-bubiki {
        padding-top: 80px;
    }
	#fwCms_wrapper .special_project {
		margin: 0 20px;
		padding: 0 0 60px;
		background: #ffffff;
		border: solid #f9e8db 16px;
	}
	#fwCms_wrapper .special_project .bn {
		max-width: 800px;
	}
}
/*----------------------------------------
	btn
-----------------------------------------*/
#fwCms_wrapper a.btn_top {
	background-color: #cf6e09;
}
#fwCms_wrapper a.btn_webjuhan {
	background-color: #73120b;
	color: #fff;
}
@media screen and (min-width: 768px) {
	#fwCms_wrapper .btn_top a {
		font-size: 2.0rem;
	}
}