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

/* Font　設定 */
html { font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", serif; }

/* 背景設定 */
body { margin: 0 auto; }

/* ヘッダー設定 */
header { width: 96%; margin: 0; padding: 20px 2.0% 15px; background-color: #004a6a;}
header img { width: 50%; max-width: 240px;}

/* メイン設定 */
main {}
main h1 { font-size: 26px; font-weight: bold; text-align: center; margin: 40px 0 40px; padding: 0.6rem 0 0.8rem; color: #004a6a; position: relative;}
main h1:before { position: absolute; bottom: 0px; left: calc(50% - 135px); width: 270px; height: 1px; content: ''; background: #004a6a; }
main h2 { font-size: 20px; color: #004a6a; margin: 35px 0 0; padding: 0;}
main h3 { width: 96%; margin: 15px 0 5px; padding: 1.6% 2%; background-color: #f9f9f9; font-size: 16px; font-weight: normal; display: block; }
main h4 { font-size: 16px; color: #666; margin: 35px 0 0; padding: 0;}

main ul { width: 90%; max-width: 980px; margin: 0 auto; padding: 0; list-style: none;}
main ul li { }
main label { margin: 0 0 10px; font-size: 20px; color: #555555; font-weight: bold; display: block;}
main a { margin: 20px 0 0; font-weight: normal; color: #555555; text-decoration: none; display: block; text-align: center;}
main #a_lp { font-weight: bold; color: #FF0000; text-decoration: none; margin: 0 5px; display: inline;}
main b { width: 94%; margin: 0 0 5px; padding: 2% 3%; background-color: #FFFDF3; font-size: 13px; color: #555555; font-weight: normal; display: block; border-radius: 5px;}
main strong { margin: 0 5px 0 0; padding: 0.5% 1%; background-color: #FF0000; border-radius: 5px; font-size: 11px; color: #FFF; font-weight: normal; vertical-align: middle;}
main span { font-size: 14px; color: #FF0000; font-weight: bold; display: block; margin-bottom: 5px}
main hr {margin: 25px 0; border: none; background-color: transparent; border-width: 1px 0 0 0; border-top: dotted; border-color: #999;}

/*　画面サイズが896pxまで、以下のスタイル適用 */
@media (max-width: 896px){
/* ヘッダー設定 */
header { width: 94%; margin: 0; padding: 15px 3.0% 10px; }
header img { width: 60%;}

/* メイン設定 */
main h1 { font-size: 24px; margin: 25px 0 40px; padding: 0.6rem 0 0.8rem; }
main h1:before {left: calc(50% - 125px); width: 250px; }
main h2 { font-size: 18px; margin: 33px 0 0;}
main h3 { font-size: 14.5px; margin: 13px 0 3px; width: 94%; padding: 2.6% 3%;}
main h4 { font-size: 14.5px; color: #666; margin: 33px 0 0;}

main ul { width: 85%; padding: 1.5% 0;}
main label { margin: 0 0 8px; font-size: 19px;}
main a { font-size: 13px; margin: 18px 0 0; }
main #a_lp { margin: 0 3px;}
main b { width: 94%; margin: 0 0 3px; padding: 2% 3%; font-size: 12px;}
main strong { font-size: 11px; margin: 0 3px 0 0;}
main span { font-size: 13px; margin-bottom: 3px}
main hr {margin: 23px 0;}
}

/*　画面サイズが480pxまで、以下のスタイル適用 */
@media (max-width: 480px){
main h1 { font-size: 19px; margin: 25px 0 40px; padding: 0.6rem 0 0.8rem;}
main h1:before { left: calc(50% - 100px); width: 200px; }
main h2 { font-size: 16px; margin: 32px 0 0;}
main h3 { font-size: 12.5px;}
main h4 { font-size: 12.5px; color: #666; margin: 32px 0 0;}

main ul { width: 92%; padding: 1.25% 0;}
main label { margin: 0 0 7px; font-size: 18px;}
main a { font-size: 12px; margin: 17px 0 0; }
main #a_lp { margin: 0 2px;}
main b { width: 94%; margin: 0 0 2px; font-size: 11.5px;}
main strong { font-size: 11px; margin: 0 2px 0 0;}
main span { font-size: 12px; margin-bottom: 2px}
main hr {margin: 22px 0;}
}

/*　画面サイズが360pxまで、以下のスタイル適用 */
@media (max-width: 360px){
main h1 { font-size: 17px; margin: 15px 0 30px; padding: 0.6rem 0 0.8rem; }
main h1:before { left: calc(50% - 90px); width: 180px; }
main h2 { font-size: 15px; margin: 32px 0 0;}
main h3 { font-size: 12px;}
main h4 { font-size: 12px; color: #666; margin: 32px 0 0;}

main ul { width: 92%; padding: 1.25% 0;}
main label { margin: 0 0 7px; font-size: 16px;}
main a { font-size: 11.5px; margin: 17px 0 0; }
main #a_lp { margin: 0 2px;}
main b { width: 94%; margin: 0 0 2px; font-size: 11px;}
main strong { font-size: 11px; margin: 0 2px 0 0;}
main span { font-size: 11.5px; margin-bottom: 2px}
main hr {margin: 22px 0;}
}

/* 上に上がる */
#page_top{ width: 40px; height: 15px; position: fixed; right: 10px; bottom: 0px; opacity: 0.8;}
#page_top a{ width: 40px; height: 40px;text-decoration: none;}
#page_top a::before{ font-family: 'FontAwesome'; font-weight: 900; content: '\f0aa'; font-size: 40px; color: #b49850;}