@charset "utf-8";

#atc04{padding:160px 0 0;text-align:center}
#atc04 .tit{margin-bottom:70px;font-size:3vw;line-height:1.3;color:#222;font-family:'notokr-light'}
#atc04 .tit span{color:var(--primary);word-break:keep-all}
#atc04 .img_wrap{display:flex}
#atc04 .img_wrap li img{width:100%;height:100%}
#atc04 .img_wrap li.box01{width:calc(50% / 3)}
#atc04 .img_wrap li.box02{width:calc((50% / 3) * 2);margin-left:10px}
#atc04 .img_wrap li.box03{display:flex;flex-wrap:wrap;width:50%}
#atc04 .img_wrap li.box03 > div{width:calc((100% / 3) - 20px);margin-left:10px}
#atc04 .img_wrap li.box03 .wide{width:calc((100% / 3) * 2)}
#atc04 .img_wrap li.box03 div:nth-child(n+3){margin-top:10px}

#atc04 .story{position:relative;padding:140px 15% 330px;margin-top:10px;text-align:left;background:url(/sh_img/include/inc04/bg_left.png) left top no-repeat, url(/sh_img/include/inc04/bg.jpg) repeat;background-size:34%, cover}
#atc04 .story .txt01{padding-left:33%;margin-bottom:45px}
#atc04 .story .txt01 span{font-size:20px;font-weight:700;color:var(--primary);letter-spacing:0;font-family:'Inter'}
#atc04 .story .txt01 p{margin:50px 0;font-size:2.5vw;color:#222;line-height:1.3;font-family:'notokr-light'}
#atc04 .story .txt02{padding-left:33%;margin-bottom:45px}
#atc04 .story .txt03{padding-left:calc((100% - 1400px) / 2)}
#atc04 .story img{position:absolute;right:0;bottom:0;width:70%}

#atc04 .btm_img{height:70vh;background:url(/sh_img/include/inc04/btm_img.jpg) center no-repeat fixed;background-size:cover}

@media(max-width:1650px){
#atc04 .story{padding:140px 5% 330px}
}
@media(max-width:1400px){
#atc04 .story{padding:140px 20px 400px}#atc04 .story .txt01 p{font-size:46px;white-space:normal;word-break:keep-all}	#atc04 .story .txt02{padding:0;white-space:normal}#atc04 .story .txt03{padding:0;white-space:normal}}@media(max-width:1320px){#atc04{padding:120px 0 0}#atc04 .tit{font-size:52px}#atc04 .story{padding:120px 20px 350px}}@media(max-width:1024px){#atc04 .img_wrap{flex-wrap:wrap;padding:0 5%}#atc04 .img_wrap li.box01{width:calc((100% / 3) - 8px)}#atc04 .img_wrap li.box02{order:-1;width:calc((100% / 3) * 2);margin:0 8px 0 0}#atc04 .img_wrap li.box03{width:100%;margin:8px 0 0}#atc04 .img_wrap li.box03 > div{width:calc((100% / 3) - 8px);margin-left:0}#atc04 .img_wrap li.box03 div:nth-of-type(1),#atc04 .img_wrap li.box03 div:nth-of-type(3){margin-right:8px}#atc04 .story{padding-bottom:0;margin-top:45px;text-align:center}#atc04 .story .txt01{padding:0}#atc04 .story img{position:relative;right:-20px;width:100%;margin-top:30px}#atc04 .btm_img{height:40vh;background-attachment:local}}@media(max-width:920px){#atc04 .story{background-size:34%, 95%, cover}}@media(max-width:768px){#atc04{padding:80px 0 0}#atc04 .tit{margin-bottom:30px;font-size:40px;word-break:keep-all;white-space:normal!important}#atc04 .img_wrap{padding:0 20px}#atc04 .story{margin-top:20px;padding-top:80px}#atc04 .story .txt01 p{margin:30px 0;font-size:40px}}@media(max-width:480px){#atc04{padding:40px 0 0}#atc04 .tit{padding:0 10px;margin-bottom:15px;font-size:24px}#atc04 .img_wrap{padding:0 15px}#atc04 .story{padding:50px 15px 0;margin-top:15px}#atc04 .story .txt01{margin-bottom:15px}#atc04 .story .txt01 span{font-size:14px}#atc04 .story .txt01 p{margin:15px 0;font-size:24px}#atc04 .story .txt02{margin-bottom:18px}#atc04 .story img{margin-top:20px}}