@charset "utf-8";

#atc02{position:relative}
#atc02 .pl{white-space:pre-line}
#atc02 .img{position:relative}
#atc02 .img::before{content:"";display:block;position:absolute;top:173px;left:132px;width:326px;height:326px;z-index:-1;border-radius:100%;background:#f7f3e8}
#atc02 .img img{position:absolute;top:-170px}
#atc02 .top_cont{position:relative;overflow:hidden;width:100%}
#atc02 .tit_area{display:flex;max-width:1300px;margin:0 auto;padding-bottom:120px}
#atc02 .tit_area div{position:relative}
#atc02 .tit_area .inner{width:auto;margin:0;margin-left:auto;}
#atc02 .inner{display:flex;flex-direction:column;margin-left:auto;padding-top:250px}
#atc02 .inner .pl{margin-top:180px;color:#111}
#atc02 .tit b{font-size:36px;font-weight:600;color:#222;letter-spacing:3px;text-transform:uppercase;font-family:var(--e-font)}
#atc02 .tit p{position:relative;padding-top:35px;font-size:58px;font-weight:700;line-height:1.3;color:#111}
#atc02 .tit p::before{content:"";display:block;margin-bottom:35px;width:43px;height:3px;background:#222}
#atc02 .tit p span{display:block;color:var(--primary)}
#atc02 .cont{overflow:hidden;display:flex;justify-content:space-between;position:relative;padding-bottom:160px}
#atc02 .cont::after{content:"";display:block;position:absolute;bottom:0;width:100%;height:426px;z-index:-1;background:var(--primary)}
#atc02 .cont > div .img_wrap{overflow:hidden;display:block;height:100%}
#atc02 .cont > div .img_wrap img{transition:0.5s}
#atc02 .left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:70px}
#atc02 .left p{position:relative;padding-bottom:100px;font-size:31px;font-weight:600;line-height:1.4;color:#222;text-align:center}
#atc02 .left p::before{content:"";display:block;position:absolute;left:50%;transform:translateX(-50%);top:-69px;width:29px;height:23px;background:url(/theme/basic/img/icon02.png) no-repeat}
#atc02 .right{width:100%}
#atc02 .right{position:relative;padding:0 0 120px 120px;font-size:18px;color:#222}
#atc02 .top_cont::before{content:"";display:block;position:absolute;right:-200px;bottom:-200px;width:500px;height:500px;z-index:-1;background:url(/theme/basic/img/deco.png) no-repeat;animation:rotate_image 25s linear infinite;transform-origin:50% 50%}
@keyframes rotate_image{100%{transform:rotate(360deg)}}


/* 諛섏쓳�삎 [s] */
@media(hover:hover){
#atc02 .cont > div .img_wrap:hover img{transform:scale(1.05)}
}
@media (max-width:1024px){
#atc02 .img::before{top:77px;left:25px;width:200px;height:200px}
#atc02 .img img{top:-65px;width:50%}
#atc02 .tit_area{justify-content:end;margin-right:90px;padding-bottom:160px}
#atc02 .inner{margin:0px;padding-top:123px}
#atc02 .tit b{font-size:24px}
#atc02 .tit p{padding-top:15px;font-size:33px}
#atc02 .tit p::before{margin-bottom:15px}
#atc02 .inner .pl{margin-top:12px;font-size:14px}
#atc02 .top_cont::before{right:-135px;width:350px;height:350px;background-size:cover}
#atc02 .cont{align-items:center;padding-bottom:75px}
#atc02 .cont::after{display:none}
#atc02 .left{width:50%;padding-top:0px}
#atc02 .left .img_wrap img{display:none}
#atc02 .left p{padding-top:38px;padding-bottom:0px;font-size:25px}
#atc02 .left p::before{top:0px}
#atc02 .right{padding:0px;width:50%}
#atc02 .right .img_wrap{width:100%}
#atc02 .right .img_wrap img{width:100%}
#atc02 .tit_area .inner{margin-left:0;}
}
@media (max-width:768px){
#atc02 .img{display:none}
#atc02 .inner{padding:60px 0px;text-align:center;width:100%}
#atc02 .top_cont::before{display:none}
#atc02 .tit_area{justify-content:center;width:80%;margin:auto;padding-bottom:0px}
#atc02 .tit b{font-size:21px}
#atc02 .tit p{padding-top:10px;font-size:28px}
#atc02 .tit p::before{display:none}
#atc02 .inner .pl{margin-top:16px;white-space:normal;word-break:keep-all}
#atc02 .cont{flex-direction:column;width:100%;margin:auto;padding-bottom:100px}
#atc02 .cont::after{display:block;height:200px}
#atc02 .left{padding-bottom:25px;width:100%}
#atc02 .left p{white-space:normal;word-break:keep-all;font-size:24px}
#atc02 .left p::before{width:25px;height:20px;background-size:cover}
#atc02 .right{width:95%}
}
@media (max-width:480px){
#atc02 .inner{padding:60px 0px 50px 0px}
#atc02 .tit_area{width:95%}
#atc02 .tit b{font-size:18px}
#atc02 .tit p{font-size:24px}
#atc02 .inner .pl{font-size:13px}
#atc02 .cont{padding-bottom:100px}
#atc02 .cont::after{height:165px}
#atc02 .left p{padding-top:26px;font-size:20px}
#atc02 .left p::before{width:21px;height:17px}
}
@media (max-width:380px){
#atc02 .inner{padding:40px 0px 35px 0px}
#atc02 .tit b{font-size:16px}
#atc02 .tit p{font-size:22px}
#atc02 .cont{padding-bottom:60px}
#atc02 .cont::after{height:120px}
#atc02 .left p{font-size:18px}
#atc02 .left p::before{width:17px;height:13px}
}
/* 諛섏쓳�삎 [e] */