/* tablet ~ laptop */
/* @media all and (max-width:1023px) { } */

/* ~mobile */
@media all and (max-width:767px) { /* */
 header { padding: 1.25rem; } 
 header .logo_text, .header_right .inner_left, .about_row_5 .rotate_img { display: none; } 
 header .logo img { width: 26px; } 
 svg.preloader-active { position: absolute; transform-origin: 0 100%; transform: rotate(-90deg); width: 85svh; bottom: .2rem; left: calc(100% - .12rem); } 
 .title_list.--ver1 .section_title, .about_row_1 .right figcaption { font-size: 1rem; } 
 .title_list.--ver1 { padding-top: 0.5rem; } 

 /* about_row_1 */
 .about_row_1 { flex-direction: column; align-items: flex-end; gap: 100px; } 
 .about_row_1 .left, .about_row_2, .about_row_2 .left { width: 100%; } 
.about_row_1 .right { display: flex; flex-direction: column; align-items: flex-end; width: 300px; max-width: 300px; } 
.about_row_2, .about_row_2 .left, .about_row_3 { flex-direction: column; } 
.about_row_2 .left>div, .about_row_2 .right .a_desc, .about_row_3 .video_desc, .mouse_event_section_row2 .right { font-size: 1rem; line-height: 1.1; } 
.about_row_3 .right { display: flex; gap: 1rem; width: 100%; margin-top: 1.5rem; } 
.about_row_3 .right > video, .about_row_3>div { width: 50%; } 
.about_row_2 .right .a_desc { width: auto; } 
.font_section textarea { height: 290px; } 
 }