@charset "utf-8";

/*
* File       : site-custom.css
* Author     : B-WORKER
*/

/* color set */
[data-color="01"]{color:var(--c-01);}

/* button common */
*.basic-btn{display:inline-flex; align-items:center; position:relative; color: #999; transition: var(--trans-01);}
*.basic-btn::after{content:"→"; display:block; width: 42rem; height:42rem; margin-left:13rem; color: var(--f-01); text-align: center; line-height: 42rem; font-family: var(--lang-en); font-size: 22rem; font-weight: 500; border-radius: 100%; background: var(--c-01); transition: var(--trans-01);}
*.basic-btn:hover{color: var(--c-01); font-weight: 500;}
*.basic-btn:hover::after {background: var(--b-02);}

*.basic-btn.v2 {display: inline-block; min-width: 180rem; height: 62rem; padding: 0 20rem; line-height: 60rem; font-size: 16rem; color: #666; text-align: center; border-radius: 62rem; border: 1px solid #d0d0d0; transition: var(--trans-01); cursor: pointer;} 
*.basic-btn.v2::after {display: none;}
*.basic-btn.v2:hover {color: var(--f-01); background:var(--c-01); border-color: var(--c-01);}
*.basic-btn--full {display: inline-block; min-width: 180rem; height: 62rem; line-height: 60rem; font-size: 16rem; color: #fff; text-align: center; border-radius: 62rem; background: var(--c-01); transition: var(--trans-01); cursor: pointer;}
*.basic-btn--full:hover {background: var(--b-02);}
*.basic-btn--full.red {background: var(--c-01);}

@media all and (max-width:1023px){
	*.basic-btn::after {line-height: 44rem;}
}

@media (max-width: 540px){
	*.basic-btn {font-size: 13rem;}
	*.basic-btn::after {width: 32rem; height: 32rem; margin-left: 8rem; line-height: 32rem; font-size: 16rem;}
	*.basic-btn.v2 {min-width: 140rem; height: 50rem; line-height: 50rem; font-size: 13rem;}

	*.basic-btn--full {min-width: 130rem; height: 50rem; line-height: 50rem; font-size: 13rem;}
}

@media (max-width: 420px){
	*.basic-btn::after {padding-left: 1px; line-height: 35rem; font-size: 16rem;}
}