@charset "utf-8";

#atc01{background-color:var(--primary-10)}
#atc01 .inner{display:flex;width:100%;max-width:1100px;margin:0 auto;padding:120px 80px}
#atc01 .txt_area{width:calc(100% - 325px)}
#atc01 .txt_area p{display:block;position:relative;font-size:48px;line-height:64px;color:#222;font-family:'SpoqaHanSansNeo-Bold'}
#atc01 .txt_area p:before{position:absolute;left:371px;top:11px;content:'';width:96px;height:111px;top:auto;background:url('/sh_img/make24/inc01/img/icon_01.png');background-size:cover}
#atc01 .form_area{width:325px}
#atc01 .form_area ul li+li{margin-top:10px}
#atc01 .form_area ul input{width:100%;padding:0 25px;border:1px solid #e1e1e1;border-radius:3px;font-size:16px;line-height:70px;color:#1d1d1d;font-family:'SpoqaHanSansNeo-Regular'}
#atc01 .form_area ul input::placeholder{color:#aaa}
#atc01 .form_area .agrees{margin:5px 0 15px}
#atc01 .form_area .agrees, #atc01 .form_area .agrees a{font-size:14px;text-align:right;color:#888;font-family:'SpoqaHanSansNeo-Regular'}
#atc01 .form_area .agrees span+span{margin-left:16px}
#atc01 .form_area .agrees a{position:relative;top:2px}
#atc01 .form_area .agrees input{margin-left:7px}
#atc01 .form_area .form_btn{
	width:100%;border:none;border-radius:3px;font-size:35px;line-height:70px;font-weight: 700;
    color: #fff; letter-spacing: -0.5px;
    border-radius: 7px;color:#fff;background:linear-gradient(90deg,#0097fc,#0014ff);
    font-family:'SpoqaHanSansNeo-Medium';animation: buttonLink 1s infinite steps(1);
    box-shadow: 0 0 #5a0bb6, 0 7px #5a0bb6, 0 0 #5a0bb6, 0 0 #5a0bb6;}

@media (max-width:1230px){
#atc01 .inner{max-width:none;padding:120px 60px}
}
@media (max-width:1024px){
#atc01 .inner{max-width:none;padding:85px 25px}
#atc01 .txt_area{width:55%}
#atc01 .txt_area p{font-size:35px;line-height:51px}
#atc01 .txt_area p:before{left:276px;top:-9px;width:66px;height:75px}
#atc01 .form_area{width:45%}
#atc01 .form_area ul li+li{margin-top:5px}
#atc01 .form_area ul input{font-size:15px;line-height:65px}
#atc01 .form_area .agrees, #atc01 .form_area .agrees a{font-size:13px}
#atc01 .form_area .agrees a{top:1px}
#atc01 .form_area .form_btn{font-size:35px;line-height:65px}
}
@media (max-width:768px){
#atc01 .inner{padding:45px 35px 65px}
#atc01 .txt_area{width:50%}
#atc01 .txt_area p{font-size:30px;line-height:46px}
#atc01 .txt_arae p:before{left:225px}
#atc01 .form_area{width:50%}
}
@media (max-width:650px){
#atc01 .inner{display:block}
#atc01 .txt_area{width:100%;margin-bottom:30px}
#atc01 .form_area{width:100%}
}
@media (max-width:480px){
#atc01 .txt_area{margin-bottom:20px}
#atc01 .txt_area p{font-size:25px;line-height:35px}
#atc01 .txt_area p:before{left:195px;width:55px;height:59px;top:-8px;}
#atc01 .form_area ul input{padding:0 20px;font-size:14px;line-height:55px}
#atc01 .form_area .form_btn{line-height:55px;}
}

@keyframes buttonLink {
	0% {margin-top:-5px;margin-bottom:5px; top:-5px; box-shadow: 0 0 #5a0bb6, 0 5px #5a0bb6, 0 0 #5a0bb6, 0 0 #5a0bb6; }
	50% {margin-top:0px;margin-bottom:0px; top:0px; box-shadow:none;}
	100% {margin-top:-5px;margin-bottom:5px; top:-5px; box-shadow: 0 0 #5a0bb6, 0 5px #5a0bb6, 0 0 #5a0bb6, 0 0 #5a0bb6; }
}