@charset "utf-8";
/* css type2 */
#top_main_frame, #top_main_frame * { box-sizing:border-box; }
#top_main_frame { position:relative; margin:auto 0; max-width:1200px; }
#top_main_wrap { position:relative; }
#top_main_wrap .top_main__image img { max-width:100%; height:auto; }
#top_main_wrap .top_main__area { position:absolute; }
#top_main_wrap .top_main__area a { display:block; width:100%; height:100%; line-height:100%; }
#top_main_wrap .top_main__area a > span { opacity:0; }
#top_main_wrap .top_main__area img { object-fit:contain; width:100%; height:100%; }

#top_main_wrap .top_main__title { top:17.5%; left:6%; width:28%; height:12%; }

#top_main_wrap .top_main__comment { top:22%; left:37.5%; width:44%; }
#top_main_wrap .top_main__comment p { line-height:130%; text-align:inherit; font-size:min(14px, 1.2vw); }

#top_main_wrap .top_main__visit_photo { top:45.5%; left:32.5%; width:11.4%; height:20.7%; }
#top_main_wrap .top_main__visit_photo img { object-fit:cover; }
#top_main_wrap .top_main__visit { top:34%; left:3.8%; width:41.2%; height:33.5%; }
#top_main_wrap .top_main__visit a:hover { background:url(./visit-on.png) no-repeat center center / auto 85%; }

#top_main_wrap .top_main__education,
#top_main_wrap .top_main__shift,
#top_main_wrap .top_main__session,
#top_main_wrap .top_main__job { top:34%; width:12.3%; height:22.5%; }
#top_main_wrap .top_main__education a:hover, 
#top_main_wrap .top_main__shift a:hover, 
#top_main_wrap .top_main__session a:hover, 
#top_main_wrap .top_main__job a:hover { background:url(./shift-on.png) no-repeat center center / auto 70%; }

#top_main_wrap .top_main__education { left:46.5%; }
#top_main_wrap .top_main__shift { left:59%; }
#top_main_wrap .top_main__session { left:71.2%; }
#top_main_wrap .top_main__job { left:83.6%; }

#top_main_wrap .top_main__shinjin_photo { top:72%; left:5.2%; width:11.2%; height:20.6%; }
#top_main_wrap .top_main__shinjin_photo img { object-fit:cover; }
#top_main_wrap .top_main__shinjin { top:70%; left:3.8%; width:41.2%; height:24.5%; }
#top_main_wrap .top_main__shinjin a:hover { background:url(./shinjin-on.png) no-repeat center center / auto 85%; }

#top_main_wrap .top_main__offtime { top:58.5%; left:46.5%; width:49.6%; height:26%; }
#top_main_wrap .top_main__offtime a:hover { background:url(./offtime-on.png) no-repeat left 11% center / auto 78%; }

#top_main_wrap .top_main__gallery { top:87%; left:46.5%; width:37.5%; height:7.6%; }
#top_main_wrap .top_main__gallery a:hover { background:url(./gallery-on.png) no-repeat left 16% center / auto 90%; }