@charset "UTF-8";

/************************************************
PC
************************************************/
@media screen and (min-width:768px) {
	.contact_water{position:relative;}
	.contact_water a.arrow_btn{height: 80px;overflow: hidden;color:#5BC2DC; background: #ffffff;width: 400px;z-index: 15;letter-spacing: 0.01em;font-weight: 700;padding: 13px 0 0;border-radius: 100px;display: block;position: relative;text-align: center;border:2px solid #5BC2DC;position:absolute;top:-240px;right:0;}
	.contact_water a.arrow_btn strong{position: relative;z-index: 100;}
	.contact_water a.arrow_btn:hover{text-decoration: none;opacity:.8;}
	.contact_water a.arrow_btn img.arrow{height: 14px;width: 14px;position: absolute;right: 26px;top: 32px;transition: .3s;z-index: 5;}
}
/************************************************
SP
************************************************/
@media screen and (min-width:0px) and (max-width:767px){
	.contact_water{position:relative;}
	.contact_water a.arrow_btn{height: 70px;overflow: hidden;margin:0 auto 61px;color:#5BC2DC; background: #ffffff;width: 100%;z-index: 15;letter-spacing: 0.01em;font-weight: 700;padding: 9px 20px 0 0;border-radius: 100px;display: block;position: relative;text-align: center;border:2px solid #5BC2DC;font-size:14px;}
	.contact_water a.arrow_btn strong{position: relative;z-index: 100;}
	.contact_water a.arrow_btn:hover{text-decoration: none;}
	a.btn_contact_water:after{    content: "";display: block;background: rgba(0, 0, 0, 0.1);height: 100%;width: 100%;position: absolute;left: -100%;top: 0px;z-index: 1;transition: .3s;}
	.contact_water a.arrow_btn img.arrow{height: 14px;width: 14px;position: absolute;right: 23px;top: 28px;transition: .3s;z-index: 5;}
}