@charset "UTF-8";
* { margin: 0; padding: 0; }

body { font: 15px/1.8 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; color: #000; background-color: #fff; padding: 0; margin: 0; }

a { color: #0b68b2; text-decoration: underline; }
a:hover { color: #0b4e84; }
a img:hover { opacity: .85; }

p { margin-bottom: 30px; }

img { border: 0; vertical-align: bottom; }

.clear { clear: both; }

table { border-spacing: 0; }

table td.img { text-align: center; }

section { padding: 20px 0; }

h1, h2, h3, h4, h5, h6 { color: #0b4e84; }

h1 { font-size: 26px; margin-top: 0; padding: .25em 0 .25em .5em; margin-bottom: 20px; font-weight: 600; }

h2 { font-size: 22px; font-weight: 700; padding-bottom: 8px; border-bottom: solid 3px #0078d7; margin-bottom: 20px; }
h2.headline { text-align: center; border: none; padding-bottom: 0; }
h2.headline:after { left: 50%; height: 5px; width: 100px; content: " "; margin-left: -50px; margin-top: 40px; position: absolute; background: #539c47; }

h3 { font-size: 18px; font-weight: 600; position: relative; color: #282828; line-height: 1.6; margin-bottom: 10px; }
h3.headline { border-bottom: 3px solid #e6e6e6; }
h3.headline:after { position: absolute; bottom: -3px; left: 0; z-index: 2; content: ''; width: 30%; height: 3px; background-color: #0866bd; }

h4 { font-size: 16px; font-weight: 600; color: #0866bd; padding: .60em 0 .5em .75em; border-left: 3px solid #0866bd; border-bottom: 1px dotted #ccc; margin-bottom: 10px; margin-top: 20px; }

h5 { font-size: 15px; color: #0866bd; font-weight: 600; margin-top: 20px; margin-bottom: 8px; padding: 0; }

/*-------------------------------------------------------------------------------------------*/
/* 全体    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.wrapper { margin: 0 auto; }

.container { width: 1060px; padding-left: 10px; padding-right: 10px; }
.container.content { margin-top: 40px; overflow: hidden; }

.container-fluid { padding-left: 10px; padding-right: 10px; }

.row { margin-left: -10px; margin-right: -10px; }

.navbar-collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }

.navbar-toggle { display: none; }

.navbar-brand { margin-left: -15px; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* ヘッダー    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.header { z-index: 99; position: relative; border-bottom: none; /* グローバルメニュー */ /*Navbar Nav*/ /* ヘッダーはアイコン非表示   ||-----------*/ }
.header a { text-decoration: none !important; }
.header .g-menu { background: #ebebeb; font-size: 14px; }
.header .g-menu .inner { text-align: center; border-right: solid 1px #fff; }
.header .g-menu .inner a { padding: 6px; color: #000; text-decoration: none; display: block; font-size: 14px; }
.header .g-menu .inner a:hover { color: #0b68b2; }
.header .g-menu .inner.active { background: #fff; }
.header .g-menu .inner.active a { color: #0b68b2; font-size: 15px; }
.header .navbar { margin: 0; }
.header .navbar-default { border: none; background: none; }
.header .navbar-brand { z-index: 1; display: block; height: 98px; padding-top: 30px; }
.header .header-link { height: 98px; }
.header .header-link .privacy { text-align: right; padding: 10px 0 6px 0; }
.header .header-link .privacy a { font-size: 13px; }
.header .header-link a img { vertical-align: middle; }
.header .navbar-collapse { padding: 0; border-top: none; position: relative; background: #0078d7; box-shadow: 0 6px 6px -6px #444 inset; }
.header .navbar-default > li { border: none !important; }
.header .navbar-default .navbar-nav > li { border: none; font-size: 15px; }
.header .navbar-default .navbar-nav > li.home        { width: 88px; }
.header .navbar-default .navbar-nav > li.about       { width: 158px; }
.header .navbar-default .navbar-nav > li.disclosure  { width: 104px; }
.header .navbar-default .navbar-nav > li.member      { width: 106px; }
.header .navbar-default .navbar-nav > li.newsletter  { width: 79px; }
.header .navbar-default .navbar-nav > li.assistant   { width: 119px; }
.header .navbar-default .navbar-nav > li.qa          { width: 113px; }
.header .navbar-default .navbar-nav > li.admission   { width: 111px; }
.header .navbar-default .navbar-nav > li.access      { width: 99px; }
.header .navbar-default .navbar-nav > li.link        { width: 76px; }
.header .navbar-default .navbar-nav > li > a { color: #fff; text-align: center; padding: 16px 0; }
.header .navbar-default .navbar-nav > li:hover > a, .header .navbar-default .navbar-nav > li.active > a { background: #0b4e84; color: #fff; }
.header a[href$='.pdf'] { background: none !important; padding: 0 !important; }

/*-------------------------------------------------------------------------------------------*/
/* スライダー    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.slider-wrapper { padding: 1px 0; }

/*-------------------------------------------------------------------------------------------*/
/* ヘッダータイトル    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.header-title { border-top: solid 1px #eee; height: 290px; }
.header-title.about { background: url(../img/bkg-about2.jpg) center; }
.header-title.faq { background: url(../img/bkg-faq2.jpg) center; }
.header-title.flow, .header-title.charge { background: url(../img/bkg-flow2.jpg) center; }
.header-title.contact { background: url(../img/bkg-contact2.jpg) center; }
.header-title.privacy, .header-title.news { background: url(../img/bkg-privacy2.jpg) center; }
.header-title h1 { color: #fff; font-weight: 600; font-size: 36px; line-height: 4.5; padding: 0; padding-top: 70px; }

/*-------------------------------------------------------------------------------------------*/
/* パンくず    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.breadcrumbs { font-size: 14px; padding: 8px 0; background: #f7f7f7; border-bottom: #bbb; }

/*-------------------------------------------------------------------------------------------*/
/* HOME    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.top-menu { background: url(../img/top-menu-bkg.png); background-size: cover; border-bottom: solid 1px #ddd; }

dl { width: 100%; line-height: 1.5; border-bottom: solid 1px #ddd; overflow: hidden; margin-bottom: 0; }
dl dt { float: left; width: 150px; padding: 14px 0; font-weight: normal; font-size: 14px; }
dl dd { margin-left: 160px; padding: 14px 0; font-size: 14px; }

/* タブメニュー (TOP)  */
#tab-menu { list-style: none; margin-left: 0; border-bottom: solid 2px #0b4e84; margin-bottom: 0; }
#tab-menu li { display: inline-block; width: 220px; text-align: center; color: #074d85; border-radius: 6px 6px 0 0; padding: 6px 0; border: solid 1px #ccc; font-size: 15px; border-bottom: none; cursor: pointer; }
#tab-menu li.active { background: #0b4e84; color: #fff; }

/* タブの中身 */
#tab-box { padding: 10px 0; }
#tab-box div { display: none; }
#tab-box div.active { display: block; }

/* タブメニュー (会員情報)  */
#tab-menu-member { list-style: none; margin-left: 0; border-bottom: solid 1px #0866bd; margin-bottom: 0; }
#tab-menu-member li { display: inline-block; width: 49.66%; text-align: center; color: #0866bd; border-radius: 4px 4px 0 0; padding: 10px 0; border: solid 1px #ccc; font-size: 16px; border-bottom: none; cursor: pointer; }
#tab-menu-member li.active { background: #0866bd; color: #fff; }

/* タブの中身 */
#tab-box-member { padding: 10px 0; }
#tab-box-member .tab-contents { display: none; }
#tab-box-member .tab-contents.active { display: block; }

/*-------------------------------------------------------------------------------------------*/
/* メインコンテンツ    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
#main { float: right; width: 790px; margin-top: 34px; /* 調査士の業務等    ||----------------------------------------------------------------------- */ /* 情報公開    ||----------------------------------------------------------------------- */ /* 補助者募集    ||----------------------------------------------------------------------- */ /* 相談Q&A    ||----------------------------------------------------------------------- */ /* 新人実務体験研修   ||----------------------------------------------------------------------- */ /* 入会案内   ||----------------------------------------------------------------------- */ /* アクセス   ||----------------------------------------------------------------------- */ /* リンク   ||----------------------------------------------------------------------- */ /* サイト内検索   ||----------------------------------------------------------------------- */ /* 会員情報   ||----------------------------------------------------------------------- */ }
#main h1 { padding-left: 0; font-size: 32px; }
#main h2 { font-size: 22px; padding-bottom: 6px; margin-bottom: 14px; border-bottom-width: 3px; }
#main section { clear: both; padding-top: 0; }
#main.about table, #main.cyousashikai table, #main.gyoumu table, #main.cyousa table, #main.sokuryou table, #main.touki table, #main.kyoukaisecchi table { border-collapse: collapse; }
#main.about table tr th, #main.about table tr td, #main.cyousashikai table tr th, #main.cyousashikai table tr td, #main.gyoumu table tr th, #main.gyoumu table tr td, #main.cyousa table tr th, #main.cyousa table tr td, #main.sokuryou table tr th, #main.sokuryou table tr td, #main.touki table tr th, #main.touki table tr td, #main.kyoukaisecchi table tr th, #main.kyoukaisecchi table tr td { padding: 10px; }
#main.about table tr th, #main.cyousashikai table tr th, #main.gyoumu table tr th, #main.cyousa table tr th, #main.sokuryou table tr th, #main.touki table tr th, #main.kyoukaisecchi table tr th { width: 160px; text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 15px; }
#main.about table tr td, #main.cyousashikai table tr td, #main.gyoumu table tr td, #main.cyousa table tr td, #main.sokuryou table tr td, #main.touki table tr td, #main.kyoukaisecchi table tr td { border: solid 1px #ccc; }
#main.about ol, #main.cyousashikai ol, #main.gyoumu ol, #main.cyousa ol, #main.sokuryou ol, #main.touki ol, #main.kyoukaisecchi ol { padding-left: 20px; margin: 0; }
#main.about li, #main.cyousashikai li, #main.gyoumu li, #main.cyousa li, #main.sokuryou li, #main.touki li, #main.kyoukaisecchi li { line-height: 1.8; }
#main.disclosure h2 { border: none; }
#main.disclosure h3 { margin-top: 30px; margin-bottom: 6px; }
#main.disclosure h4 { color: #282828; border: none; }
#main.disclosure a { line-height: 2.4; }
#main.disclosure p { margin-bottom: 0; }
#main.assistant table { width: 100%; border-collapse: collapse; border: solid 2px #ccc; margin-bottom: 60px; }
#main.assistant table tr th { padding: 14px 10px; }
#main.assistant table tr td { padding: 4px 0 4px 10px; width: 275px; }
#main.assistant table tr th { width: 100px; text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; }
#main.assistant table tr td { border: solid 1px #ccc; }
#main.qa dl { clear: both; margin-bottom: 10px; border: none; }
#main.qa dl:first-child { margin-top: 20px; }
#main.qa dl dt, #main.qa dl dd { width: 100%; margin: 2px 0; }
#main.qa dl dt img, #main.qa dl dd img { float: left; margin-right: 10px; vertical-align: top; }
#main.qa dl dt p { font-size: 18px; font-weight: 600; color: #0866bd; margin: 0 10px 0 30px; overflow: hidden; }
#main.qa dl dd p { font-size: 16px; margin: 0 10px 0 40px; line-height: 1.6; }
#main.qa dl .tochi-kakutei { background: #fcfcfc; border: solid 1px #ddd; padding: 10px 20px; margin-left: 40px; margin-top: 40px; }
#main.qa dl .tochi-kakutei h3 { margin-top: 0; color: #0866bd; }
#main.qa dl .tochi-kakutei p { margin-left: 0; }
#main.qa dl .tochi-kakutei img { float: none; vertical-align: middle; margin: 0 0 0 60px; }
#main.training h2.lead { border: none; font-size: 18px; color: #000; line-height: 1.6; font-weight: 700; }
#main.training .gray-bkg { margin-top: 20px; margin-bottom: 60px; }
#main.training .gray-bkg h3 { color: #0866bd; margin-bottom: 0; }
#main.training .gray-bkg h3 p { margin-bottom: 0; }
#main.training .gray-bkg .curriculum { padding-left: 10px; }
#main.training .gray-bkg .curriculum h4 { margin: 16px 0 6px 0; color: #000; border: none; padding: 0; }
#main.training .gray-bkg .curriculum p { margin-left: 10px; margin-bottom: 20px; }
#main.training .flow { margin-top: 30px; }
#main.training .flow .steps { padding-left: 0; padding-right: 20px; text-align: center; }
#main.training .flow .steps img { margin: 2px 0; }
#main.training .flow .box-bordered { border: solid 1px #ccc; padding: 10px; }
#main.training .flow h3 { font-weight: normal; color: #fff; font-size: 16px; padding: 12px 0; text-align: center; letter-spacing: 0.4px; border-radius: 4px; background: #0866bd; margin: 0; }
#main.training .flow h3.red { padding: 12px 0; font-weight: 600; font-size: 18px; background: #f82927; margin: 0; }
#main.training .flow h3.blue { background: #015293; }
#main.training .flow p { margin-bottom: 0px; }
#main.training .flow .download { text-align: center; padding: 20px 0; }
#main.admission h2.lead { border: none; font-weight: 700; color: #000; padding-bottom: 20px; }
#main.admission .document { margin-bottom: 80px; }
#main.admission .document table { width: 100%; border-collapse: collapse; }
#main.admission .document table tr th, #main.admission .document table tr td { padding: 14px 10px; }
#main.admission .document table tr th { text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 10px; text-align: center; }
#main.admission .document table tr td { border: solid 1px #ccc; }
#main.admission .document table ol { padding-left: 20px; margin: 0; }
#main.admission .document table ul { margin-bottom: 0; }
#main.admission .document table li { line-height: 1.8; }
#main.admission .document table img { text-align: center; margin: 10px 0; }
#main.admission .document p { text-align: center; margin: 20px 0; font-size: larger; }
#main.admission .fee { margin-bottom: 80px; }
#main.admission .fee table { width: 100%; border-collapse: collapse; }
#main.admission .fee table tr th, #main.admission .fee table tr td { padding: 10px; }
#main.admission .fee table tr th { width: 160px; text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 15px; }
#main.admission .fee table tr td { border: solid 1px #ccc; }
#main.admission .fee ol { padding-left: 20px; margin: 0; }
#main.admission .fee li { line-height: 1.8; }
#main.admission .other { padding: 20px; margin-bottom: 20px; }
#main.admission .other p { margin-bottom: 0; padding-top: 40px; }
#main.admission .notice { margin-top: 40px; padding: 15px 20px; border: solid 1px #000; }
#main.admission .notice p { color: #ff0000; font-weight: 700; margin-bottom: 0; }
#main.access .detail img.logo { margin-left: 0 !important; padding: 20px 0; }
#main.access .detail p.address { font-size: larger; margin-bottom: 20px; }
#main.access .detail p.tel { font-size: larger; color: #0866bd; font-weight: 700; }
#main.link h3 { margin-bottom: 0; }
#main.link p { margin: 0; padding: 10px 0; }
#main.link a { background: url(../img/icon-link.png) center left no-repeat; padding-left: 22px; }
#main.link a:hover { text-decoration: none; }
#main.search p { margin-bottom: 0; }
#main.member .branch table { border-collapse: collapse; }
#main.member .branch table tr th, #main.member .branch table tr td { padding: 10px; }
#main.member .branch table tr th { text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 10px; text-align: center; }
#main.member .branch table tr td { border: solid 1px #ccc; }
#main.member .branch table tr td:first-child { background: #fefefe; }
#main.member .branch table ol { padding-left: 20px; margin: 0; }
#main.member .branch table ul { padding-left: 24px; }
#main.member .branch table li { line-height: 1.8; }
#main.member .branch table a { font-weight: 700; }
#main.member table.member-list { width: 100%; border-collapse: collapse; margin-bottom: 60px; border: solid 2px #ccc; }
#main.member table.member-list tr th, #main.member table.member-list tr td { padding: 10px; line-height: 1.6; }
#main.member table.member-list tr th { text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 8px; text-align: center; width: 20%; vertical-align: middle; }
#main.member table.member-list tr td { border: solid 1px #ccc; width: 30%; }
#main.member table.member-list tr td:first-child { background: #fefefe; }
#main.member table.member-list .no-left { border-left: none !important; }
#main.member table.member-list .see-detail { color: #fff; text-decoration: none; font-size: 14px; background: #0078d7; padding: 6px 60px; text-align: right; }
#main.member table.member-list-houjin { width: 100%; border-collapse: collapse; margin-bottom: 60px; border: solid 2px #ccc; }
#main.member table.member-list-houjin tr th, #main.member table.member-list-houjin tr td { padding: 10px; line-height: 1.6; }
#main.member table.member-list-houjin tr th { text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 8px; text-align: center; width: 20%; vertical-align: middle; }
#main.member table.member-list-houjin tr td { border: solid 1px #ccc; }
#main.member table.member-list-houjin ul { padding-left: 24px; }
#main.member table.member-list-houjin li { line-height: 1.8; }
#main.member table.cpd { width: 100%; border-collapse: collapse; margin-bottom: 20px; border: solid 1px #ccc; margin-top: 10px; }
#main.member table.cpd tr th, #main.member table.cpd tr td { padding: 10px; line-height: 1.6; }
#main.member table.cpd tr th { text-align: left; vertical-align: top; border: solid 1px #ccc; background: #efefef; padding: 16px 10px; text-align: center; vertical-align: middle; }
#main.member table.cpd tr td { border: solid 1px #ccc; }
#main.member table.cpd ul { padding-left: 24px; }
#main.member table.cpd li { line-height: 1.8; }

/* サイトマップ ||----------------------------------------------------------------------- */
.sitemap h3 { background: #f7f7f7; padding: 10px 0 10px 10px; margin-top: 40px; border: solid 1px #ddd; }

/* 個人情報の保護に関する規則 ||----------------------------------------------------------------------- */
.privacy h1 { padding: 0; }
.privacy h2 { border-bottom: none; padding: 0; margin-bottom: 10px; }
.privacy dl { margin-bottom: 0; }
.privacy dl dt { width: 110px; margin-left: 10px; line-height: 1.8; font-size: 16px; }
.privacy dl dt.number { padding-left: 30px; }
.privacy dl dd { margin-left: 120px; line-height: 1.8; margin-bottom: 10px; font-size: 15px; }
.privacy ol { padding: 0 0 0 2em; margin: 0; }
.privacy ol li { list-style-type: none; list-style-position: outside; counter-increment: cnt; text-indent: -1.8em; padding: 6px 0; }
.privacy ol li:before { display: marker; content: "(" counter(cnt) ") "; }

/*-------------------------------------------------------------------------------------------*/
/* サイドバー    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
#sidebar { float: left; margin-top: 40px; width: 230px; }
#sidebar ul { list-style-type: none; margin-left: 0; margin-bottom: 20px; }
#sidebar ul h2 { color: #fff; padding: 15px; font-size: 18px; font-weight: normal; background: #0b4e84; margin: 0; }
#sidebar ul li { border-bottom: solid 1px #ccc; padding: 10px 0 10px 10px; }
#sidebar ul li:hover { background: #fdfdfd; }
#sidebar ul li a { color: #0b68b2; display: block; text-decoration: none; line-height: 1.4; font-size: 15px; }
#sidebar ul li:last-child { border-bottom: solid 3px #0b4e84; }
#sidebar .sidebar-banner-area { width: 230px; text-align: center; }
#sidebar .sidebar-banner-area img { margin-top: 10px; }

/*-------------------------------------------------------------------------------------------*/
/* フッター    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
footer .banner-area { background: #f6f6f6; padding: 20px 0; }
footer .map { height: 320px; }
footer .footer-link { background: #0b68b2; }
footer .footer-link ul { list-style-type: none; margin-left: 0; margin: 10px 0; text-align: center; }
footer .footer-link li { display: inline-block; border: none; text-align: center; width: 90px; }
footer .footer-link li:first-child { width: 90px; text-align: left; }
footer .footer-link li:nth-child(2) { width: 120px; }
footer .footer-link li:nth-child(8) { width: 140px; }
footer .footer-link li > a { color: #fff; text-align: center; padding: 10px 0; font-size: 13px; text-decoration: none; }
footer .footer-link li:hover > a, footer .footer-link li.active > a { color: #fff; }
footer .copyright { background: #0866bd; color: #fff; padding: 15px 0; text-align: center; font-size: 13px; }

/*-------------------------------------------------------------------------------------------*/
/* その他共通    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
/************************************
** レスポンシブページネーション
************************************/
.pagination > li > a, .pagination > li > span { padding: 12px 24px !important; }

.pagination li.current a { background: #0866bd !important; color: #fff; }

.pagination { list-style-type: none; padding-left: 0; margin: 20px 0; }

.pagination, .pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

.pagination a { font-weight: 300; padding-top: 1px; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; min-width: 36px; min-height: 36px; color: #333; font-size: 16px; }

.pagination li:not([class*="current"]) a:hover { background-color: #eee; }

.pagination li:first-of-type a { border-left-width: 1px; }

.pagination li.first span, .pagination li.last span, .pagination li.previous span, .pagination li.next span { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }

.pagination li.first a::before, .pagination li.last a::after, .pagination li.previous a::before, .pagination li.next a::after { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

.pagination li.first a::before { content: "\f100"; }

.pagination li.last a::after { content: "\f101"; }

.pagination li.previous a::before { content: "\f104"; }

.pagination li.next a::after { content: "\f105"; }

.pagination li.current a { background-color: #ddd; cursor: default; pointer-events: none; }

.pagination > li:first-child > a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.pagination > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }

@media only screen and (max-width: 680px) { .pagination li.first, .pagination li.last { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }
  .pagination li.previous a { border-left-width: 1px; } }
@media only screen and (max-width: 500px) { .pagination li { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }
  .pagination li.current, .pagination li.first, .pagination li.last, .pagination li.previous, .pagination li.next { position: initial; top: initial; left: initial; }
  .pagination li.previous a { border-left-width: 0; } }
@media only screen and (max-width: 400px) { .pagination li.first, .pagination li.last { /* screen readers only */ position: absolute; top: -9999px; left: -9999px; }
  .pagination li.previous a { border-left-width: 1px; } }
@media only screen and (max-width: 240px) { /* For watches? */
  .pagination li { width: 50%; }
  .pagination li.current { order: 2; width: 100%; border-left-width: 1px; } }
/* Spacer Style   ||-----------*/
.spacer-15 { width: 100%; height: 15px; }

.spacer-30 { width: 100%; height: 30px; }

.spacer-45 { width: 100%; height: 45px; }

.spacer-60 { width: 100%; height: 60px; }

.spacer-75 { width: 100%; height: 75px; }

.spacer-90 { width: 100%; height: 90px; }

.no-padding { padding: 0 !important; }

.padding-30 { padding: 30px !important; }

.padding-40 { padding: 40px !important; }

.plr-0 { padding-left: 0 !important; padding-right: 0 !important; }

.pl-0 { padding-left: 0 !important; }

.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-25 { padding-left: 25px; }

.pl-30 { padding-left: 30px; }

.pl-35 { padding-left: 35px; }

.pl-40 { padding-left: 40px; }

.pl-45 { padding-left: 45px; }

.pl-50 { padding-left: 50px; }

.pl-55 { padding-left: 55px; }

.pl-60 { padding-left: 60px; }

.pl-65 { padding-left: 65px; }

.pl-70 { padding-left: 70px; }

.pl-75 { padding-left: 75px; }

.pl-80 { padding-left: 80px; }

.pl-85 { padding-left: 85px; }

.pl-90 { padding-left: 90px; }

.pl-95 { padding-left: 95px; }

.pl-100 { padding-left: 100px; }

.pr-0 { padding-right: 0 !important; }

.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-25 { padding-right: 25px; }

.pr-30 { padding-right: 30px; }

.pr-35 { padding-right: 35px; }

.pr-40 { padding-right: 40px; }

.pr-45 { padding-right: 45px; }

.pr-50 { padding-right: 50px; }

.pr-55 { padding-right: 55px; }

.pr-60 { padding-right: 60px; }

.pr-65 { padding-right: 65px; }

.pr-70 { padding-right: 70px; }

.pr-75 { padding-right: 75px; }

.pr-80 { padding-right: 80px; }

.pr-85 { padding-right: 85px; }

.pr-90 { padding-right: 90px; }

.pr-95 { padding-right: 95px; }

.pr-100 { padding-right: 100px; }

.pt-0 { padding-top: 0px !important; }

.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-35 { padding-top: 35px; }

.pt-40 { padding-top: 40px; }

.pt-45 { padding-top: 45px; }

.pt-50 { padding-top: 50px; }

.pt-55 { padding-top: 55px; }

.pt-60 { padding-top: 60px; }

.pt-65 { padding-top: 65px; }

.pt-70 { padding-top: 70px; }

.pt-75 { padding-top: 75px; }

.pt-80 { padding-top: 80px; }

.pt-85 { padding-top: 85px; }

.pt-90 { padding-top: 90px; }

.pt-95 { padding-top: 95px; }

.pt-100 { padding-top: 100px; }

.pb-0 { padding-bottom: 0px !important; }

.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-35 { padding-bottom: 35px; }

.pb-40 { padding-bottom: 40px; }

.pb-45 { padding-bottom: 45px; }

.pb-50 { padding-bottom: 50px; }

.pb-55 { padding-bottom: 55px; }

.pb-60 { padding-bottom: 60px; }

.pb-65 { padding-bottom: 65px; }

.pb-70 { padding-bottom: 70px; }

.pb-75 { padding-bottom: 75px; }

.pb-80 { padding-bottom: 80px; }

.pb-85 { padding-bottom: 85px; }

.pb-90 { padding-bottom: 90px; }

.pb-95 { padding-bottom: 95px; }

.pb-100 { padding-bottom: 100px; }

.ptb-0 { padding-top: 0px !important; padding-bottom: 0px !important; }

.ptb-15 { padding-top: 15px; padding-bottom: 15px; }

.ptb-25 { padding-top: 25px; padding-bottom: 25px; }

.ptb-40 { padding-top: 40px; padding-bottom: 40px; }

.ptb-60 { padding-top: 60px; padding-bottom: 60px; }

.ptb-80 { padding-top: 80px; padding-bottom: 80px; }

.ptb-100 { padding-top: 100px; padding-bottom: 100px; }

.ptb-160 { padding-top: 160px; padding-bottom: 160px; }

.ptb-180 { padding-top: 180px; padding-bottom: 180px; }

.ml-0 { margin-left: 0 !important; }

.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.ml-25 { margin-left: 25px; }

.ml-30 { margin-left: 30px; }

.ml-35 { margin-left: 35px; }

.ml-40 { margin-left: 40px; }

.ml-45 { margin-left: 45px; }

.ml-50 { margin-left: 50px; }

.ml-55 { margin-left: 55px; }

.ml-60 { margin-left: 60px; }

.ml-65 { margin-left: 65px; }

.ml-70 { margin-left: 70px; }

.ml-75 { margin-left: 75px; }

.ml-80 { margin-left: 80px; }

.ml-85 { margin-left: 85px; }

.ml-90 { margin-left: 90px; }

.ml-95 { margin-left: 95px; }

.ml-100 { margin-left: 100px; }

.mr-0 { margin-right: 0 !important; }

.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-25 { margin-right: 25px; }

.mr-30 { margin-right: 30px; }

.mr-35 { margin-right: 35px; }

.mr-40 { margin-right: 40px; }

.mr-45 { margin-right: 45px; }

.mr-50 { margin-right: 50px; }

.mr-55 { margin-right: 55px; }

.mr-60 { margin-right: 60px; }

.mr-65 { margin-right: 65px; }

.mr-70 { margin-right: 70px; }

.mr-75 { margin-right: 75px; }

.mr-80 { margin-right: 80px; }

.mr-85 { margin-right: 85px; }

.mr-90 { margin-right: 90px; }

.mr-95 { margin-right: 95px; }

.mr-100 { margin-right: 100px; }

.mt-0 { margin-top: 0px !important; }

.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

.mt-55 { margin-top: 55px; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-70 { margin-top: 70px; }

.mt-75 { margin-top: 75px; }

.mt-80 { margin-top: 80px; }

.mt-85 { margin-top: 85px; }

.mt-90 { margin-top: 90px; }

.mt-95 { margin-top: 95px; }

.mt-100 { margin-top: 100px; }

.mb-0 { margin-bottom: 0px !important; }

.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

.mb-55 { margin-bottom: 55px; }

.mb-60 { margin-bottom: 60px; }

.mb-65 { margin-bottom: 65px; }

.mb-70 { margin-bottom: 70px; }

.mb-75 { margin-bottom: 75px; }

.mb-80 { margin-bottom: 80px; }

.mb-85 { margin-bottom: 85px; }

.mb-90 { margin-bottom: 90px; }

.mb-95 { margin-bottom: 95px; }

.mb-100 { margin-bottom: 100px; }

.mtb-0 { margin-top: 0px !important; margin-bottom: 0px !important; }

.mtb-15 { margin-top: 15px; margin-bottom: 15px; }

.mtb-25 { margin-top: 25px; margin-bottom: 25px; }

.mtb-40 { margin-top: 40px; margin-bottom: 40px; }

.mtb-60 { margin-top: 60px; margin-bottom: 60px; }

.mtb-80 { margin-top: 80px; margin-bottom: 80px; }

.mtb-100 { margin-top: 100px; margin-bottom: 100px; }

.mtb-160 { margin-top: 160px; margin-bottom: 160px; }

.mtb-180 { margin-top: 180px; margin-bottom: 180px; }

.mlr-0 { margin-left: 0px; margin-right: 0px; }

.ml-0 { margin-left: 0px !important; }

.ml-15 { margin-left: 15px; }

.ml-30 { margin-left: 30px; }

.mr-0 { margin-right: 0px !important; }

.mr-15 { margin-right: 15px; }

.mr-30 { margin-right: 30px; }

.float-left { float: left; }

.float-right { float: right; }

.img-responsive { margin-left: auto !important; margin-right: auto !important; }

.bkg-panel-menu { background: #0a7dd9; color: #fff; font-size: 16px; height: 100px; text-align: center; display: table-cell; vertical-align: middle; padding: 0; margin-bottom: 6px; }

/* ボタン   ||-----------*/
.btn { color: #fff !important; background: #0866bd; padding: 14px 20px; text-decoration: none !important; letter-spacing: 0.6px; border-radius: 0; line-height: 1; }
.btn:hover { opacity: .9; }

.btn-red { background: #cd041c; }

.btn-search { padding: 10px 30px; }

.btn-panel-menu { background: #0a7dd9; color: #fff; font-size: 14px; height: 100px; text-align: center; display: table-cell; vertical-align: middle; padding: 0; width: 152px; }
.btn-panel-menu:hover { opacity: .9; }

ol, ul { margin-left: 30px; }

label.control-label { padding-top: 10px; }

#pagetop { position: fixed; bottom: 10px; right: 30px; }

/* アイコン表示   ||-----------*/
a[href$='.pdf'] { background: url(../img/icon-pdf.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.pdf']:hover { text-decoration: none; }

a[href$='.doc'] { background: url(../img/icon-word.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.doc']:hover { text-decoration: none; }

a[href$='.docx'] { background: url(../img/icon-word.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.docx']:hover { text-decoration: none; }

a[href$='.xls'] { background: url(../img/icon-excel.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.xls']:hover { text-decoration: none; }

a[href$='.xlsx'] { background: url(../img/icon-excel.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.xlsx']:hover { text-decoration: none; }

a[href$='.zip'] { background: url(../img/icon-zip.png) no-repeat center left; margin: 0; padding: 4px 0px 0px 32px; }
a[href$='.zip']:hover { text-decoration: none; }

.no-icon a[href$='.pdf'] { background: none; padding: 0; }

/* 容量の前後に余白を空けて[]で囲むCSS例 */
.size_part:before { content: " ("; }

.size_part:after { content: ")"; }

.size_part { font-size: smaller; }

.gray-bkg { background: #fcfcfc; border: solid 1px #ccc; padding: 15px; }

/* 印刷時のURL非表示対応 */
@media print { a[href]:after { content: "" !important; }
  abbr[title]:after { content: "" !important; } }

.consult .notice {background: #fcfcfc;border:solid 1px #ddd;padding:15px;}
.consult .btn-area {text-align: right;}
.consult .btn-area .btn {padding: 14px 4em}

.menu__item {
	cursor: pointer;
	display: block;
	margin-bottom: 1px;
	position: relative;
	font-weight: 700;
	border-bottom: dotted 1px #ccc;
}
.menu__item__link {
	display: block;
	padding: 1rem;
	text-decoration: none;
	font-size: 18px;
	display: flex;
	align-items: flex-start;
	text-decoration: none!important;
	padding-right: 2em;
}

.menu__item__link:hover {background: rgba(1,104,178, .05);}


.menu__item__link img {
	margin-right: 14px;
	margin-top: 3px;
}

.menu__item__link:after {
	content: '';
	display: block;
	line-height: 60px;
	position: absolute;
	right: 10px;
	text-align: center;
	top: 20px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #0b68b2;
}
.menu__item__link.on:after {
	    border-top: none;
	    border-bottom: 10px solid #0b68b2;

}
 
.submenu {
	background: #fff;
	display: none;
}

.submenu .inner {color: #000;font-size: 16px;margin: 0 10px 10px 10px;padding: 5px 0}
.submenu .inner p {margin: 0}
.submenu__item {
	border-bottom: 1px solid #5200b7;
	color: #222;
	padding: 1rem;
}