@charset "UTF-8";
/*----------------------------------------------------------------------------
	2020.07.07
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	・リセット
--------------------------------------------------------------------------*/
* { margin: 0; padding: 0; box-sizing: border-box; }

html { margin: 0; padding: 0; overflow-y: scroll; }

body { margin: 0; padding: 0; line-height: 1.8; vertical-align: baseline; color: #222; font-size: 15px; font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', 'ヒラギノ角ゴシック', sans-serif, serif; font-weight: normal; text-align: left; letter-spacing: 0.1em; -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, table, tr, td, label, input, textarea, odject, address { margin: 0; padding: 0; }

ul li, ol li { margin: 0; padding: 0; list-style: none; }

hr { display: none; }

img { border: 0; width: 100%; vertical-align: top; }

.clear { clear: both; }

br.clear { display: block; clear: both; }

.sp_no { display: none; }

/*-----基本リンク設定-----*/
a { text-decoration: none; }

a:link { color: #222; }

a:visited { color: #222; }

a:active { color: #999; }

a:hover { color: #999; }

a.link_stop { pointer-events: none; }

.dp_sp { display: none; }

/*-----改行用-----*/
.in_blo { display: inline-block; }

/*-----GoogleFonts-----*/
.ser { font-family: 'Noto Serif JP', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', 'ヒラギノ角ゴシック', sans-serif, serif; font-weight: 400; }

/*-----コンテンツ-----*/
#contents { padding: 110px 0 0 0; }

/*--------------------------------------------------------------------------
	・共通
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	パンくず
--------------------------------------------------------------------------*/
#pan { background: #17449a; }
#pan div { margin: 0 auto; padding: 16px 10px; width: 100%; font-size: 11px; max-width: 1120px; }
#pan div ul { color: #fff; }
#pan div ul li { display: inline-block; line-height: 1.4; }
#pan div ul li a { color: #fff; }
#pan div ul li a:hover, #pan div ul li a:active { color: #eee; }
#pan div ul li#pan_home a { display: block; }

/*--------------------------------------------------------------------------
	コンテンツタイトル
--------------------------------------------------------------------------*/
#sub_title { display: flex; display: -webkit-flex; width: 100%; height: 200px; background: url("../img/bg_re_sub_title01.jpg") no-repeat center center; background-size: cover; text-align: center; align-items: center; -webkit-box-align: center; }
#sub_title > div { margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1120px; }
#sub_title > div p { margin: 0 0 25px 0; line-height: 1; font-size: 32px; font-weight: 300; }
#sub_title > div h1 { line-height: 1; font-size: 30px; font-family: 'Noto Serif JP', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Sans', 'ヒラギノ角ゴシック', sans-serif, serif; font-weight: 400; letter-spacing: 0.2em; text-shadow: 1px 1px 6px #fff, -1px 1px 6px #fff, 1px -1px 6px #fff, -1px -1px 6px #fff; }

/*--------------------------------------------------------------------------
	コンテンツタイトル h2
--------------------------------------------------------------------------*/
#sub_title_line { border-bottom: 1px solid #222; display: flex; display: -webkit-flex; width: 100%; height: 120px; align-items: center; -webkit-box-align: center; }
#sub_title_line > div { margin: 0 auto; padding: 0 10px; width: 100%; max-width: 1120px; }
#sub_title_line > div p { display: inline-block; margin: 0 30px 0 0; line-height: 1; font-size: 26px; font-weight: 300; }
#sub_title_line > div h2 { display: inline-block; line-height: 1; font-size: 24px; font-weight: 500; }

/*--------------------------------------------------------------------------
	コンテンツ枠
--------------------------------------------------------------------------*/
.inner { margin: 0 auto; padding: 100px 10px 160px; max-width: 1220px; }

.inner_top { margin: 0 auto; padding: 0 10px 160px; max-width: 1120px; }

.outer { margin: 0 auto; padding: 100px 0 160px; }

.outer_top { margin: 0 auto; padding: 0 0 160px; }

.max-box { margin: 0 auto 0; max-width: 1100px; }

/*--------------------------------------------------------------------------
	バックボタン
--------------------------------------------------------------------------*/
.back_btn { text-align: right; }
.back_btn a { margin: 0 auto; padding: 16px 10px; border: 1px solid #0070bc; display: block; width: 100%; line-height: 1; color: #0070bc; background: #fff; font-size: 16px; max-width: 160px; }
.back_btn a span { display: inline-block; }
.back_btn a:hover { background: #eee; }
.back_btn a.tr { background: rgba(255, 255, 255, 0.8); }
.back_btn a.tr:hover { background: white; }

/*--------------------------------------------------------------------------
	ブログ系ページネーション
--------------------------------------------------------------------------*/
#nav_list { width: 100%; margin: 0 auto; }
#nav_list #pagenation { text-align: center; }
#nav_list ul { font-size: 0; }
#nav_list ul li { margin: 0 0 10px 3px; display: inline-block; line-height: 40px; vertical-align: middle; font-size: 20px; text-align: center; min-width: 40px; }
#nav_list ul li span { display: block; }
#nav_list ul li a { display: block; padding: 1px 0 1px; color: #222; background: #fff; border-radius: 5px; }
#nav_list ul li a:hover { text-decoration: none; color: #fff; background: #222; }
#nav_list ul li.arrow a { line-height: 40px; }
#nav_list ul li.arrow span { padding: 0 5px; font-size: 20px; }
#nav_list ul li.arrow.prev { font-family: Yu Gothic, '游ゴシック', 'Noto Sans JP', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; }
#nav_list ul li.arrow.next { font-family: Yu Gothic, '游ゴシック', 'Noto Sans JP', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; }
#nav_list ul li.current a { color: #fff; background: #222; }
#nav_list ul li.omit { font-family: Yu Gothic, '游ゴシック', 'Noto Sans JP', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; }
#nav_list ul li.nav_nolink { padding: 0; color: #222; background: #fff; }
#nav_list ul li.nav_nolink span { display: block; padding: 13px 0 13px; }
#nav_list #page_number { padding: 10px 0 0; font-weight: 500; text-align: center; }
#nav_list #page_number span.count { color: #222; }
#nav_list #page_number span.count_unit { color: #222; }

/*--------------------------------------------------------------------------
	投稿が無いとき
--------------------------------------------------------------------------*/
#post_none { margin: 50px auto 100px; padding: 0 10px 0; max-width: 500px; }
#post_none p { background: #eeeeee; padding: 50px 10px 50px; text-align: center; }

/*--------------------------------------------------------------------------
	stepパーツ
--------------------------------------------------------------------------*/
.page_step { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.page_step .step { display: flex; display: -webkit-flex; }
.page_step .step dl { width: 100%; display: flex; display: -webkit-flex; }
.page_step .step dl dt, .page_step .step dl dd { display: flex; display: -webkit-flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; justify-content: center; -webkit-box-pack: center; }
.page_step .step dl dt { text-align: center; }
.page_step .step dl dd { flex: 1; -webkit-flex: 1; }

/*--------------------------------------------------------------------------
	エラーページ
--------------------------------------------------------------------------*/
#error > section { margin: 0 auto; padding: 90px 0 0 0; text-align: center; max-width: 900px; }
#error > section h2 { line-height: 1; font-size: 24px; font-weight: 500; }
#error > section p { margin: 50px 0 70px 0; }

/*--------------------------------------------------------------------------
	スクロールで読み込み動作
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	ページ読み込み時動作
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	IE9以下の警告表示
--------------------------------------------------------------------------*/
#old_browser { margin-top: 150px; padding: 15px 10px; background: #fff; }
#old_browser div { max-width: 960px; margin: 0 auto; padding: 20px 25px; border: 2px solid #333; }
#old_browser p.old_warning { margin: 0 0 5px; padding: 8px 0 8px 55px; color: #b00; font-size: 18px; font-weight: bold; background: url(../img/ico_warning.gif) 0 0 no-repeat; }
#old_browser p.ecommended { margin: 10px 0 0; padding: 5px 15px; color: #fff; background: #888; font-weight: bold; }
#old_browser ul { padding: 10px 20px; background: #eee; }
#old_browser ul li { display: inline; margin: 0 25px 0 0; padding: 0 0 0 15px; font-size: 16px; background: url(../img/sq_list.gif) left center no-repeat; }
#old_browser ul li a { color: #555; }
#old_browser ul li a:hover, #old_browser ul li a:active { opacity: 0.6; }

@media screen and (max-width: 640px) { #old_browser { margin-top: 60px; } }
/*--------------------------------------------------------------------------
	・TOP
--------------------------------------------------------------------------*/

/*# sourceMappingURL=main_r.css.map */