@charset "utf-8";
/* css type1 */
#top_main_frame, #top_main_frame * { box-sizing:border-box; }
#top_main_frame { position:relative; padding:20px; border-radius:10px; background:#ffdbd7; margin:auto 0; max-width:1200px; }
#top_main_frame:before { content:""; position:absolute; top:10px; left:10px; width:calc(100% - 20px); height:calc(100% - 20px); opacity:0.5; 
						background-image:repeating-linear-gradient(90deg, #965537, #965537 6px, transparent 6px, transparent 12px), 
										 repeating-linear-gradient(180deg, #965537, #965537 6px, transparent 6px, transparent 12px), 
										 repeating-linear-gradient(90deg, #965537, #965537 6px, transparent 6px, transparent 12px), 
										 repeating-linear-gradient(180deg, #965537, #965537 6px, transparent 6px, transparent 12px); 
						background-position: left top, right top, left bottom, left top; 
						background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%; }
#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 span { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; }
#top_main_wrap .top_main__area a { display:block; width:100%; height:100%; line-height:100%; }
#top_main_wrap .top_main__area a:hover img { opacity:0; }
#top_main_wrap .top_main__area img { object-fit:contain; width:100%; height:100%; }

#top_main_wrap .top_main__title { top:14.5%; left:13%; width:28%; height:11%; }

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

#top_main_wrap .top_main__shinjin { top:28%; left:0.5%; width:16.5%; }
#top_main_wrap .top_main__shinjin a:hover { background:url(./shinjin-on.png) no-repeat center center / contain; }
#top_main_wrap .top_main__shinjin_photo { top:35%; left:27.8%; width:9.2%; height:15.7%; }
#top_main_wrap .top_main__shinjin_photo img { object-fit:cover; }

#top_main_wrap .top_main__education { top:30%; left:40%; width:12%; }
#top_main_wrap .top_main__education a:hover { background:url(./education-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__offtime { top:29.5%; right:0.5%; width:16%; }
#top_main_wrap .top_main__offtime a:hover { background:url(./offtime-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__shift { top:70.5%; left:16%; width:16.2%; }
#top_main_wrap .top_main__shift a:hover { background:url(./shift-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__visit_photo { top:68.5%; left:45.5%; width:18.3%; height:18.9%; transform:rotate(9deg); }
#top_main_wrap .top_main__visit_photo img { object-fit:cover; }
#top_main_wrap .top_main__visit { top:53%; left:44%; width:22%; }
#top_main_wrap .top_main__visit a:hover { background:url(./visit-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__session { top:54.5%; left:70.5%; width:16.2%; }
#top_main_wrap .top_main__session a:hover { background:url(./session-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__gallery { top:81%; left:6%; width:25%; }
#top_main_wrap .top_main__gallery a:hover { background:url(./gallery-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__job { top:75%; left:73.5%; width:13.5%; }
#top_main_wrap .top_main__job a:hover { background:url(./job-on.png) no-repeat center center / contain; }