@charset "utf-8";

#atc01{position:relative;z-index:10;padding:300px 0;text-transform:uppercase}
#atc01 .stxt{position:absolute;left:40px;bottom:40px;font-size:17px;line-height:22px}
#atc01 .txt_area{font-size:180px;line-height:175px;letter-spacing:-5px;text-align:center}
#atc01 .txt_area p{position:relative;font-weight:700}
#atc01 .txt_area .t1{transform:translateY(-150px)}
#atc01 .txt_area .t1 p{display:inline-block;position:relative}
#atc01 .txt_area .t1 span{display:block;position:absolute;top:-53px;right:0;font-weight:300;font-size:17px;line-height:1;letter-spacing:0}
#atc01 .txt_area .t1 .img{display:inline-block;width:365px;height:125px}
#atc01 .txt_area .t2{transform:translate(120px,60px)}
#atc01 .txt_area .t2 span{font-weight:normal;-webkit-text-stroke:3px #ff891c;-webkit-text-stroke:1px solid #111;font-size:200px;color:var(--primary)}
#atc01 .txt_area .t3{position:relative;font-weight:700}
#atc01 .txt_area .t3 .img{display:inline-block;width:0;height:125px;margin-right:20px;background:url(/sh_img/include/inc01/img.jpg) no-repeat}


#atc01 .txt_area .t3 .circle_btn{display:inline-block;position:relative;vertical-align:20px;width:230px;height:60px;font-size:18px;color:#111;line-height:60px;letter-spacing:0;text-transform:none;transition:all .2s var(--ani)}
#atc01 .txt_area .t3 .circle_btn span{display:block;position:relative;z-index:3;border-radius:50%;border:1px solid #111;font-weight:normal;background-color:var(--primary)}
#atc01 .txt_area .t3 .circle_btn:before, #atc01 .txt_area .t3 .circle_btn:after{opacity:0;display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid #111;background-color:var(--primary);transition:all .2s var(--ani)}
#atc01 .txt_area .t3 .circle_btn:hover:before{z-index:2;opacity:1;top:10px}
#atc01 .txt_area .t3 .circle_btn:hover:after {z-index:1;opacity:1;top:19px}
#atc01 .txt_area .t3 .circle_btn:hover{vertical-align:30px}

#atc01 .txt_area .t3 .insta{display:inline-block;position:absolute;left:25.5%;padding-right:40px;margin-top:165px;font-size:17px;letter-spacing:0;color:#222;line-height:1;text-decoration:none;transition:all .5s var(--ani)}
#atc01 .txt_area .t3 .insta:before{content:"";position:absolute;right:0;top:calc(50% - 1px);z-index:1;width:28px;height:2px;transform-origin:right;transform:scaleX(0);background:#222;transition:transform .5s var(--ani)}
#atc01 .txt_area .t3 .insta span:before,#atc01 .txt_area .t3 .insta span:after{content:"";position:absolute;right:-2px;bottom:7.5px;background:#222;transition:transform .5s var(--ani);transition-delay:.2s;z-index:2}
#atc01 .txt_area .t3 .insta span:before{width:2px;height:13px;transform-origin:0% 100%;transform:rotate(-90deg)}
#atc01 .txt_area .t3 .insta span:after{width:13px;height:2px;transform-origin:100% 0%;transform:translateX(-1px) rotate(0deg)}
#atc01 .txt_area .t3 .insta:hover:before{transform-origin:left;transform:scaleX(1)}
#atc01 .txt_area .t3 .insta:hover span:before{transform:rotate(-45deg)}
#atc01 .txt_area .t3 .insta:hover span:after{transform:translateX(-2px) rotate(-45deg)}