@charset "utf-8";

#atc02{overflow:hidden;position:relative;padding:120px 0 0;z-index:1}

#atc02 .cont01{max-width:1380px;width:100%;margin:0 auto 70px;padding:0 0 0 120px}
#atc02 .cont01:after{display:block;content:"";visibility:hidden;clear:both}
#atc02 .cont01 .tit_area{float:left;position:relative;width:340px}
#atc02 .cont01 .tit_area:before{content:url(./img/atc_deco-01.png);position:absolute;top:160px;right:-30px}
#atc02 .cont01 .tit_area span{display:block;margin-bottom:30px;padding-left:3px;line-height:17px;font-size:17px;font-weight:700;color:#f75b1b;font-family:'Josefin Sans', sans-serif}
#atc02 .cont01 .tit_area p{font-size:42px;line-height:56px;color:#222;white-space:pre-line;font-family:'S-CoreDream-3Light'}
#atc02 .cont01 .txt{float:right;width:calc(100% - 340px);padding:50px 0 0 115px;font-size:15px;line-height:26px;color:#777;letter-spacing:-.2px;white-space:pre-line;font-family:'S-CoreDream-4Regular'}
#atc02 .cont01 .txt a{display:inline-block;position:relative;margin-top:35px;padding-right:30px;font-size:17px;line-height:1;line-height:21px;color:#f75b1b}
#atc02 .cont01 .txt a:before,#atc02 .cont01 .txt a:after{display:block;content:"\f178";position:absolute;top:-1px;-webkit-transition:all .3s;transition:all .3s;font-family:'fontawesome'}
#atc02 .cont01 .txt a:before{right:10px;opacity:0}
#atc02 .cont01 .txt a:after{right:0}

#atc02 .cont02{position:relative;padding-bottom:95px}
#atc02 .cont02 .inner{position:relative;max-width:1380px;width:100%;margin:0 auto;padding-top:180px}
#atc02 .cont02 .inner:before{content:"";position:absolute;left:120px;top:0;z-index:3;width:1px;height:420px;background-color:rgba(187,147,86,.3)}
#atc02 .cont02 .leaf{position:absolute;left:520px;top:80px;z-index:5}
#atc02 .cont02 .img01{position:absolute;top:0;left:calc(50% - 690px);margin-left:575px;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
#atc02 .cont02 .img02{position:relative;z-index:2;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
#atc02 .cont02 .txt{position:relative;z-index:101;width:460px;padding-bottom:70px;font-size:23px;line-height:36px;white-space:pre-line;color:#f75b1b;text-align:right;font-family:'S-CoreDream-3Light'}
#atc02 .cont02:before{content:"";position:absolute;right:50%;bottom:0;z-index:1;width:50%;height:345px;background:url(./img/bg.png) repeat}

@media(hover:hover){
#atc02 .cont01 .txt a:hover:before{right:0;opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
#atc02 .cont01 .txt a:hover:after{right:-10px;opacity:0}
}
@media(max-width:1380px){
#atc02 .cont02:before{right:auto;left:0;width:53%;height:380px}
#atc02 .cont01 .txt{padding-right:50px;white-space:normal;word-break:keep-all}	
#atc02 .cont01 .txt a{display:block;width:max-content}
#atc02 .cont02 .img01{right:0;left:auto;margin-left:0;max-width:60%}
#atc02 .cont02 .img02{max-width:40%}
#atc02 .cont02 .leaf{left:37%;top:-50px}
#atc02 .cont02 .inner{padding-top:80px}
#atc02 .cont02 .txt{width:40%;padding-right:40px;font-size:20px;line-height:1.6}
}
@media(max-width:1024px){
#atc02{padding-top:90px}
#atc02 .cont01{display:flex;padding-left:30px}
#atc02 .cont01 .tit_area{width:auto}
#atc02 .cont01 .tit_area p{font-size:32px;line-height:1.6}
#atc02 .cont01 .txt{flex-grow:1;padding:50px 50px 0}
#atc02 .cont02{padding-bottom:50px}
#atc02 .cont02:before{height:200px}
#atc02 .cont02 .inner{padding:0}
#atc02 .cont02 .txt{padding:20px 40px 30px 0}
}
@media(max-width:768px){
#atc02{padding-top:60px}
#atc02 .cont01{margin-bottom:40px}
#atc02 .cont01 .tit_area:before{top:80px}
#atc02 .cont01 .tit_area span{font-size:14px}
#atc02 .cont01 .tit_area p{font-size:24px}
#atc02 .cont01 .txt{padding:0 20px 0 40px;font-size:13px;line-height:1.6}
#atc02 .cont01 .txt a{margin-top:15px;font-size:15px}
#atc02 .cont02 .inner:before{display:none}
#atc02 .cont02 .leaf{top:0;width:45px}
#atc02 .cont02 .txt{padding-top:0;font-size:16px}
}
@media(max-width:480px){
#atc02 .cont01{display:block;padding:0;text-align:center}
#atc02 .cont01 .tit_area{width:100%}
#atc02 .cont01 .tit_area:before{top:-50px}	
#atc02 .cont01 .tit_area span{margin-bottom:15px}
#atc02 .cont01 .tit_area p{padding:0 15px;font-size:22px;word-break:keep-all;white-space:normal}	
#atc02 .cont01 .txt{width:100%;margin-top:15px;padding:0 15px;font-size:13px}
#atc02 .cont01 .txt a{margin:15px auto 0}
#atc02 .cont02{padding-bottom:30px}
#atc02 .cont02:before{z-index:-1;width:100%;height:120px}
#atc02 .cont02 .txt{padding:0 20px 20px;font-size:14px;white-space:normal;word-break:keep-all}
}