.new_greeting_wrap { display : flex; } 
.new_greeting_wrap > * { width : 50%; flex-shrink: 0; } 
.new_greeting_wrap .greeting_txt { padding-right : 20px } 
.new_greeting_wrap .greeting_txt h2 { font-weight: bold; margin-bottom : 30px } 
.new_greeting_wrap .greeting_txt p { color : #e60039; font-weight: bold; } 
.new_greeting_wrap .inner_txt { margin-top : 50px } 


.direc_wrap { margin : 0 40px 0 130px; box-sizing: border-box; } 
.new_direc_wrap { height : 485px; background: url(/templates/images/sub/img_history.png) no-repeat center center / cover; padding : 50px } 
.new_direc_wrap p { color : #e60039; font-weight: bold; } 
.new_direc_wrap p span { color : #fff; } 
.new_direc_wrap h2 { color : #fff; font-weight: bold; margin-top : 20px } 

.normal_table .dstc,
.normal_table .dstc > * { display : block; } 
.normal_table .ms_act_tit00 .por { padding : 30px 0 0 0 } 
.normal_table .ms_act_tit00 .por:before { background : url('ic_new_bullet.png') no-repeat top left; width : 45px } 
.normal_table .di_label { margin-top : 30px; border-top : 2px solid #222; border-bottom : 1px solid #222; background-color: #f5f5f5; padding : 15px 30px 15px 40px } 
.normal_table .pro_list > li { width : 100% } 
.normal_table .di_label:before { top : 27px; left : 26px; border-radius : 0; width : 6px; height : 6px } 
.normal_table .dot_list > li { display : flex; padding : 15px 20px; border-bottom : 1px solid #cccccc; width : 100%; color : #111; margin : 0 } 
.normal_table .dot_list > li p { width : 20%; padding-left : 10px; font-weight: bold; } 
.normal_table .dot_list > li:before { display : none } 

@media ( max-width : 1280px ){
 .new_greeting_wrap { flex-direction: column-reverse; gap : 40px } 
.new_greeting_wrap > * { width : 100%; } 
.new_greeting_wrap img { width : 100%; height : auto; filter: grayscale(1); } 

.new_direc_wrap { height : 600px; background: url(/templates/images/sub/img_history_m.png) no-repeat center center / cover; } 
.normal_table .dot_list > li p { width : 200px } 
 }



@media ( max-width : 900px ){
 .new_greeting_wrap { flex-direction: column-reverse; gap : 40px } 
.new_greeting_wrap > * { width : 100%; } 
.new_greeting_wrap img { width : 100%; height : auto; filter: grayscale(1); } 

.new_direc_wrap { height : 550px; background: url(/templates/images/sub/img_history_m.png) no-repeat center center / cover; } 
 }


 @media ( max-width : 768px ){
 .normal_table .dot_list > li p { width : 150px } 
 }


 @media ( max-width : 500px ){
 .normal_table .dot_list > li { flex-direction: column;} 
 .normal_table .dot_list > li p { padding : 0 }
 }