@charset "utf-8";
/*
	Last Update:2021/03/08
	Auther: iw
*/
/*===================================================================
	#top
===================================================================*/
/* main_image */
#top_main { position:relative; margin:0 auto; }
#main_image { position:relative; line-height:1px; overflow:hidden; }
#main_image .unit { overflow:hidden; }
#main_text { position:absolute; top:0; left:0; width:100%; height:100%; }
#main_text .center { display:table; width:100%; height:100%; }
#main_text .center > h2 { display:table-cell; }
body.pc #main_recruit a:hover img { opacity:0.8; }
	@media (max-width: 575px){
		#main_image .unit { height:70vw; }
		#main_text {left:7%;}
		#main_text .center > h2 { vertical-align:bottom; padding:0 50px 5px 0; }
	}
	@media (min-width: 576px){
		#main_text .center > h2 { vertical-align:middle; }
	}
	@media (min-width: 576px) and (max-width: 767px){
		#main_text .center > h2 { padding-top:20px; }
	}
	@media (max-width: 768px) and (max-width: 767px){
		#main_text img{width: 300px}
	}
	@media (min-width: 768px){
		#main_text .center > h2 { padding-top:24%; }
	}
	@media (min-width: 1440px){
		#main_text .center > h2 { padding-top:40%; }
	}

#top_1 { background:url(../image/contents/top/top1_back1.png) repeat bottom center; }
	@media (max-width: 575px){
		#top_1_in { background:url(../image/contents/top/top1_back2.jpg) no-repeat top center / auto 300vw;
			background-size: 291% auto;
			background-position: right 16% bottom 122%;}
	}
	@media (min-width: 576px){
		#top_1_in { background:url(../image/contents/top/top1_back2.jpg) no-repeat top center / 100% auto;}
	}

.photo_box { border-radius:12px; background:#fff; overflow:hidden; }
.photo_box a { display:block; text-decoration:none; color:#555; }
.photo_box._orange { border:3px solid #F7DFCA; }
.photo_box._green { border:3px solid #DAECC3; }
.photo_box .text { position:relative; text-align:center; }
.photo_box .title { margin-bottom:10px; }
.photo_box .title > img { width:300px; }
	@media (max-width: 575px){
		.photo_box { margin-bottom:40px; }
		.photo_box .text { padding:0 15px 30px; }
		.photo_box .icon img { margin-top:-40px; width:80px; }
	}
	@media (min-width: 576px){
		.photo_box .text { padding:0 0 40px; }
		.photo_box .icon { margin-top:-60px; }
		.photo_box .text p { font-size:1.1em; }
	}

#top_news {}
#top_news .top_news_list { background:#fff; border-radius:10px; }
.top_news_list a { display:inline-block; width:100%; color:#555; text-decoration:none; }
.top_news_list dl { width:100%; border-bottom:1px dotted #ddd; }
.top_news_list dl dt { width:200px; }
.top_news_list dl .date { display:inline-block; padding-left:20px; }
body.pc .top_news_list a:hover dd { text-decoration:underline; }
	@media (max-width: 575px){
		#top_news .top_news_list { padding:10px 15px 10px; }
		.top_news_list dl { padding:10px 0; }
		.top_news_list .tag { font-size:12px; }
	}
	@media (min-width: 576px){
		#top_news .top_news_list { padding:20px 30px 10px; }
		.top_news_list dl { display:table; }
		.top_news_list dl > * { display:table-cell; vertical-align:top; padding:10px 0; }
	}

#message .title { font-weight:bold; margin-bottom:30px; text-shadow: 1px 2px 1px #fff;}
#message p { line-height:200%;text-shadow: 1px 2px 1px #fff; }
	@media (max-width: 575px){
		#message .title { font-size:1.55em; }
	}
	@media (min-width: 576px){
		#message .title { font-size:1.75em; letter-spacing:3px; }
		#message p { font-size:1.1em; }
	}

#topics { background:url(../image/contents/top/topics_back.jpg) no-repeat center center / cover; }
#about { background:url(../image/contents/top/about_back.jpg) no-repeat center top / cover; }

#popup .popup_in .center2 { padding-bottom:70px; }
#popup .popup_in .popup_head { text-align:center; margin-bottom:70px; }
#popup .popup_in .popup_head .disp_td h2 { padding:15px 50px; }
#popup .popup_in .popup_message p { font-weight:600; }

	@media (max-width: 575px){
		#popup .popup_in .popup_head .disp_td { padding:30px 15px; }
	}
	@media (min-width: 576px){
		#popup .popup_in .popup_head .disp_td { padding:30px; }
		#popup .popup_in .popup_head p { font-size:1.1em; }
		#popup .popup_in .popup_message p { font-size:1.1em; }
	}

#wakaba .tbl_2 th { background:#fdf7f2; color:#EBAF7D; }
.tag2 { display:inline-block; border-radius:50px; text-align:center; padding:15px 0; font-size:1.15em; font-weight: bold;}
.tag3 { text-align:center; border-radius:10px; }
	@media (max-width: 575px){
		.tag2 { width:100%; max-width:300px; }
		.tag3 { padding:10px 0; margin-bottom:10px; }
	}
	@media (min-width: 576px){
		.tag2 { min-width:300px; }
		.tag3 { padding:15px 0; margin-bottom:15px; font-size:1em; }
	}