@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:7.5%; left:5.4%; width:57%; height:12.5%; }
#top_main_wrap .top_main__title img { object-position:left center; }

#top_main_wrap .top_main__image2 { top:22.5%; left:38%; width:25.5%; height:24.6%%; }
#top_main_wrap .top_main__image2 img { object-fit:cover; }
#top_main_wrap .top_main__image2::before { content:""; background:#fd6262; width:20px; height:20px; position:absolute; top:50%; left:0; z-index:2; transform:translateY(-50%); clip-path:polygon(0 0, 0% 100%, 100% 50%);}

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

#top_main_wrap .top_main__offtime,
#top_main_wrap .top_main__education,
#top_main_wrap .top_main__session,
#top_main_wrap .top_main__gallery { left:66.5%; }

#top_main_wrap .top_main__offtime,
#top_main_wrap .top_main__education { width:31.3%; }

#top_main_wrap .top_main__offtime { top:3.3%; }
#top_main_wrap .top_main__offtime a:hover { background:url(./offtime-on.png) no-repeat center center / contain; }
#top_main_wrap .top_main__education { top:27%; }
#top_main_wrap .top_main__education a:hover { background:url(./education-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__visit_photo { top:51%; left:2.3%; width:35.2%; height:33%; }
#top_main_wrap .top_main__visit_photo img { object-fit:cover; }
#top_main_wrap .top_main__visit { top:83.3%; left:2.3%; width:35.2%; }
#top_main_wrap .top_main__visit a:hover { background:url(./visit-on.png) no-repeat center center / contain; }

#top_main_wrap .top_main__shinjin { top:51%; left:38.9%; width:26.3%; }
#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:64%; left:38.9%; width:26.3%; height:32.5%; }
#top_main_wrap .top_main__shinjin_photo img { object-fit:cover; }

#top_main_wrap .top_main__session,
#top_main_wrap .top_main__shift,
#top_main_wrap .top_main__gallery,
#top_main_wrap .top_main__job { width:15%; }

#top_main_wrap .top_main__shift,
#top_main_wrap .top_main__job { left:82.8%; }

#top_main_wrap .top_main__session,
#top_main_wrap .top_main__shift { top:51%; }

#top_main_wrap .top_main__gallery,
#top_main_wrap .top_main__job { top:74.6%; }

#top_main_wrap .top_main__session a:hover { background:url(./session-on.png) no-repeat center center / contain; }
#top_main_wrap .top_main__shift a:hover { background:url(./shift-on.png) no-repeat center center / contain; }
#top_main_wrap .top_main__gallery a:hover { background:url(./gallery-on.png) no-repeat center center / contain; }
#top_main_wrap .top_main__job a:hover { background:url(./job-on.png) no-repeat center center / contain; }