@charset "utf-8";

#atc03{padding:16rem 0;background:url(/index/include/include03/inc03_bg.png) #6b0e03 bottom left no-repeat}
#atc03 .inner{max-width:130rem;width:100%;margin:0 auto;overflow:hidden}
#atc03 .inner .atc03_tit{width:30%;float:left}
#atc03 .inner .atc03_lt_area{width:70%;float:left}

#atc03 .atc03_tit .tit{margin-bottom:2.5rem;font-weight: 700;font-size: 5rem;line-height: 120%;color: #fff;font-family: 'Playfair Display', serif;}
#atc03 .atc03_tit .txt{margin-bottom:3rem;font-size:1.6rem;line-height:2.8rem;color:rgba(255,255,255,.4);}
#atc03 .atc03_menu_link{width:70%}
#atc03 .atc03_menu_link li{font-size:1.6rem;line-height:6rem;border-bottom:1px solid rgba(255,255,255,.2);position:relative}
#atc03 .atc03_menu_link li a{display:block;color:rgba(255,255,255,.6);transition:all .3s}
#atc03 .atc03_menu_link li:before{position:absolute;right:0;top:0;content:url(/index/include/include03/more.png);opacity:.6;transition:all 1s}
#atc03 .atc03_menu_link li:hover a{color:#fff}
#atc03 .atc03_menu_link li:hover:before{transform:rotate(180deg)}
#atc03 .atc03_lt{width:100%;border-top:1px solid rgba(255,255,255,.8)}
#atc03 .atc03_lt li{width:100%;height:16rem;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}
#atc03 .atc03_lt li a{display:flex;height:100%;align-items:center;justify-content:center;}
#atc03 .atc03_lt li .date{width:20%;text-align:center;font-family: 'Playfair Display', serif}
#atc03 .atc03_lt li .date .day{font-weight:700;font-size:3.5rem;color:rgba(255,255,255,.9)}
#atc03 .atc03_lt li .date .year{font-size:2.4rem;color:rgba(255,255,255,.4)}
#atc03 .atc03_lt li .li_cont{width:80%}
#atc03 .atc03_lt li .li_cont .cont_tit{margin-bottom:10px;font-size:1.8rem;color:rgba(255,255,255,.8); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break:break-word;}
#atc03 .atc03_lt li .li_cont .cont_txt{font-size:1.6rem;color:rgba(255,255,255,.4);  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-break:break-word;}

@media (max-width: 1300px) {
#atc03{padding:16rem 2rem}
#atc03 .inner .atc03_tit{width:40%}
#atc03 .inner .atc03_lt_area{width:60%}

}
@media (max-width: 1024px) {
#atc03{padding:10rem 2rem}
#atc03 .inner .atc03_tit{width:100%;text-align:center;float:none}
#atc03 .inner .atc03_lt_area{width:100%;float:none}
#atc03 .atc03_tit .tit{font-size:4rem}

#atc03 .atc03_menu_link{width:100%;margin-bottom:5rem;overflow:hidden}
#atc03 .atc03_menu_link li{width:32%;float:left}
#atc03 .atc03_menu_link li+li{margin-left:2%}

#atc03 .atc03_lt{border-top:1px solid rgba(255,255,255,.1)}
}

@media (max-width: 767px) {
#atc03{padding:7rem 2rem}	
#atc03 .atc03_tit .tit{font-size:3.8rem}	
#atc03 .atc03_lt li .date{width:25%}
#atc03 .atc03_lt li .li_cont{width:75%;padding-left:3rem}
}

@media (max-width: 480px) {
#atc03{padding:5rem 2rem}	
#atc04 .atc04_tit_box{width:100%;top:auto;left:auto;position:relative}
#atc03 .atc03_tit .tit{margin-bottom:2rem;font-size:3.5rem}		
#atc03 .atc03_menu_link li{width:100%;text-align:left}
#atc03 .atc03_menu_link li+li{margin-left:0}
}
@media (max-width: 320px) {
	
#atc03 .atc03_tit .tit{font-size:3.2rem}
}