@charset "utf-8";
/* CSS Document */

/* フッター設定 */
footer { width: 100%; margin: 0; padding: 30px 0 30px; text-align: center; background-color: #004a6a; color: #FFF; bottom: 0;}
footer img { width: 35%; max-width: 220px;}
footer p { color: #c5a757; font-size: 11px; text-align: center;}
footer a { color: #c5a757; font-size: 11px; text-decoration: none;}

/* tab_link_newsアニメーション */
.tab_link_news { background: #FFF url(../../img/icon/ic_arrow_right.svg) no-repeat center right 15px; background-size: 9px 15px; }
.tab_link_news:hover { background-position: center right 10px; transition: background-position .2s, box-shadow .2s; }
.tab_link_news a { display: block; width: 90%; margin: 0 0 0 5%; padding: 0; line-height: 1; text-decoration: none; }

/* サブメニュー表示設定 */
#erea_sub_menu { width: 100%; margin: 0 auto; padding: 0.5% 0 1.5%; background-color: #e3edf2; border-top: solid 1px #e3edf2;}
#erea_sub_menu h1 { font-size: 20px; font-weight: bold; color: #004a6a; text-align: center; position: relative; padding: 0.6rem 0 0.8rem; }
#erea_sub_menu h1:before { position: absolute; bottom: 0px; left: calc(50% - 80px); width: 160px; height: 5px; content: ''; border-radius: 3px; background: #004a6a; }
#erea_sub_menu h2 { margin: 16px 0 10px; font-size: 15px; font-weight: bold; color: #004a6a;}

#erea_sub_menu ul { width: 96%; max-width: 980px; margin: 0px auto; padding: 0 0 20px; display: flex; flex-wrap: wrap; list-style: none; }
#erea_sub_menu ul li { padding: 0.8% 0 1.2%; background-color: #FFFFFF; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); text-align: left; border-radius: 6px; }
#erea_sub_menu ul li:hover { box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2); transition: all 0.3s ease;}

#erea_sub_menu ul li:nth-child(1) { width: 49%; margin: 2% 1% 1% 0%; }
#erea_sub_menu ul li:nth-child(2) { width: 49%; margin: 2% 0% 1% 1%; }
#erea_sub_menu ul li:nth-child(3) { width: 49%; margin: 1% 1% 1% 0%; }
#erea_sub_menu ul li:nth-child(4) { width: 49%; margin: 1% 0% 1% 1%; }
#erea_sub_menu ul li:nth-child(5) { width: 49%; margin: 1% 1% 2% 0%; }

/* ぱんくずメニュー表示設定 */ 
#crumb_menu { width: 100%; margin: 60px auto 0; padding: 30px 0 ; background-color: #f8fbfc;}
#crumb_menu ul { width: 96%; max-width: 980px; margin: 0 auto; padding: 0; display: flex; list-style: none; }
#crumb_menu ul li { font-size: 14.5px; font-weight: normal; color: #004a6a; }
#crumb_menu ul li:after { content: '>'; padding: 0 1.0em; }
#crumb_menu ul li:last-child:after { content: ''; }
#crumb_menu ul li a { font-size: 14.5px; font-weight: normal; color: #004a6a; text-decoration: none;}

@media screen and (max-width: 1000px) {
/* サブメニュー表示設定 */
#erea_sub_menu { width: 100%; }
#erea_sub_menu h1 { font-size: 20px; text-align: center; position: relative; }
#erea_sub_menu h2 { margin: 16px 0 10px; font-size: 15px;}

#erea_sub_menu ul { width: 92%; max-width: 1000px; margin: 0 auto; padding: 0 0 20px; display: flex; flex-wrap: wrap; }
#erea_sub_menu ul li { padding: 0.8% 0 1.2%; background-color: #FFFFFF; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); text-align: left; }
#erea_sub_menu ul li:hover { box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2); transition: all 0.3s ease;}

#erea_sub_menu ul li:nth-child(1) { width: 49%; margin: 2% 1% 1% 0%; }
#erea_sub_menu ul li:nth-child(2) { width: 49%; margin: 2% 0% 1% 1%; }
#erea_sub_menu ul li:nth-child(3) { width: 49%; margin: 1% 1% 1% 0%; }
#erea_sub_menu ul li:nth-child(4) { width: 49%; margin: 1% 0% 1% 1%; }
#erea_sub_menu ul li:nth-child(5) { width: 49%; margin: 1% 1% 2% 0%; }

/* ぱんくずメニュー表示設定 */ 
#crumb_menu { width: 100%; margin: 50px auto 0; padding: 20px 0 ; }
#crumb_menu ul { width: 94%; max-width: none; margin: 0 auto; padding: 0; display: flex; }
#crumb_menu ul li { font-size: 14.5px; }
#crumb_menu ul li a { font-size: 14.5px; }
}

@media screen and (max-width: 768px) {
/* サブメニュー表示設定 */
#erea_sub_menu { }
#erea_sub_menu h1 { font-size: 18px; }
#erea_sub_menu h1:before { left: calc(50% - 72px); width: 144px; }
#erea_sub_menu h2 { margin: 16px 0 10px; font-size: 14px;}

#erea_sub_menu ul { width: 92%; max-width: 1000px; margin: 0 auto; padding: 0 0 25px; display: flex; flex-wrap: wrap; }
#erea_sub_menu ul li { padding: 0.8% 0 1.2%; background-color: #FFFFFF; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); text-align: left; }
#erea_sub_menu ul li:hover { box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2); transition: all 0.3s ease;}

#erea_sub_menu ul li:nth-child(1) { width: 49%; margin: 2% 1% 1% 0; }
#erea_sub_menu ul li:nth-child(2) { width: 49%; margin: 2% 0 1% 1%; }
#erea_sub_menu ul li:nth-child(3) { width: 49%; margin: 2% 1% 1% 0; }
#erea_sub_menu ul li:nth-child(4) { width: 49%; margin: 2% 0 1% 1%; }
#erea_sub_menu ul li:nth-child(5) { width: 49%; margin: 1% 1% 1% 0; }
#erea_sub_menu ul li:nth-child(6) { width: 49%; margin: 1% 0 1% 1%; }

/* ぱんくずメニュー表示設定 */ 
#crumb_menu { width: 100%; margin: 40px auto 0; padding: 20px 0 ; }
#crumb_menu ul { width: 94%; max-width: none; margin: 0 auto; padding: 0; display: flex; }
#crumb_menu ul li { font-size: 13.5px; }
#crumb_menu ul li a { font-size: 13.5px; }
}

@media screen and (max-width: 568px) {
/* フッター設定 */
footer p { font-size: 9px; text-align: center;}
	
/* サブメニュー表示設定 */
#erea_sub_menu { }
#erea_sub_menu h1 { font-size: 16px; }
#erea_sub_menu h1:before { left: calc(50% - 65px); width: 130px; }
#erea_sub_menu h2 { margin: 14px 0 10px; font-size: 14px;}

#erea_sub_menu ul { width: 92%; max-width: 1000px; margin: 0 auto; padding: 0 0 25px; display: flex; flex-wrap: wrap; }
#erea_sub_menu ul li { padding: 0.8% 0 1.2%; background-color: #FFFFFF; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); text-align: left; }
#erea_sub_menu ul li:hover { box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2); transition: all 0.3s ease;}

#erea_sub_menu ul li:nth-child(1) { width: 91%; margin: 2% auto 1% auto; }
#erea_sub_menu ul li:nth-child(2) { width: 91%; margin: 3% auto 1% auto; }
#erea_sub_menu ul li:nth-child(3) { width: 91%; margin: 3% auto 1% auto; }
#erea_sub_menu ul li:nth-child(4) { width: 91%; margin: 3% auto 1% auto; }
#erea_sub_menu ul li:nth-child(5) { width: 91%; margin: 3% auto 1% auto; }
#erea_sub_menu ul li:nth-child(6) { width: 91%; margin: 3% auto 1% auto; }

/* ぱんくずメニュー表示設定 */ 
#crumb_menu { width: 100%; margin: 30px auto 0; padding: 18px 0 ; }
#crumb_menu ul { width: 91%; max-width: none; }
#crumb_menu ul li { font-size: 12.5px; }
#crumb_menu ul li a { font-size: 12.5px; }
}