@charset "UTF-8"; /* Welcome to Compass. Use this file to write IE specific override styles. Import this file using the following HTML or equivalent: In this file using Variable */ /* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: */ /* ============================================================ * Base /* ============================================================ */ .sp-buttons .sp-button { background-color: #a3a3a3; border: none; } .sp-buttons .sp-selected-button { background-color: #408344; } #pageTop { background: #1b853a; color: #FFF; padding: 10px 15px; position: fixed; bottom: 70px; right: 30px; font-size: 20px; border-radius: 50px; line-height: 1.5; } a#pageTop { text-decoration: none; } #pageTop:hover { background: #00af21; } body > h1 { color: #fff; line-height: 1.5; } body > h1 span { display: block; margin: 0 auto; } article, footer { line-height: 1.5; } article { margin: 0 auto; } article p { line-height: 1.7; } /* -------- モジュール -------- */ .mt01 { margin-top: 1em; } .mt02 { margin-top: 2em; } .mb01 { margin-bottom: 1em; } .mb02 { margin-bottom: 2em; } .mb00 { margin-bottom: 0px; } .ml01 { margin-left: 1em; } .ml02 { margin-left: 2em; } .w06 { width: 6em; } .fs90 { font-size: 90%; } .fs120 { font-size: 120%; } .bg-color01 { background: rgba(102, 45, 145, 0.1); } .bg-color02 { background: rgba(242, 177, 229, 0.1); } .bg-color03 { background: rgba(255, 232, 62, 0.1); } .wavy { -webkit-text-decoration: underline wavy; text-decoration: underline wavy; } /* -------- clearfix -------- */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /* ------------------------------ ▼▼▼ リンクと文字色の設定 ▼▼▼ ------------------------------ */ /* -------- 赤の矢印付きのリンク -------- */ .link-red { color: #e80000; position: relative; padding-left: 1em; } .link-red:before { content: "▶︎"; color: #e80000; font-size: 65%; position: absolute; left: 0; top: 0.1em; } /* -------- 緑の矢印付きの文章 -------- */ .link-green { position: relative; padding-left: 1em; text-decoration: underline !important; } .link-green:before { content: "▶︎"; color: #1b853a; font-size: 65%; position: absolute; left: 0; top: 0.1em; } .link-green:hover { text-decoration: none !important; } a.link-green { color: #245331; } /* -------- 文字色緑 -------- */ .green { color: #245331; } a.green { text-decoration: underline !important; } a.green:hover { text-decoration: none !important; } /* -------- 太文字 -------- */ .f-strong { font-weight: bold; } /* -------- 太文字黒 -------- */ .font-strong { color: #262626; font-weight: bold; } /* -------- 太文字赤 -------- */ .font-strong-red { color: #e70000; font-weight: bold; } /* -------- 黒文字 -------- */ .font-black { color: #262626; } /* -------- markの背景色 -------- */ mark { background: #fff08e; } /* -------- 赤文字の中のmarkの文字色 -------- */ .red mark { color: #e70000; } /* -------- 改行設定 -------- */ .bleak-all { word-break: break-all; } /* -------- グレー枠のテキスト -------- */ .box-gray-solid { border: 3px solid #cbcbcb; padding: 20px; margin: 1em 0px; } /* -------- 印刷用のリンク -------- */ .print-link { text-align: right; } .print-link a { display: inline-block; height: 20px; padding-left: 25px; background: url(../../images/print.png) no-repeat center left/20px; } /* .print-link */ /* -------- グレーの下線のある矢印付きのリンク -------- */ .under-gray { display: block; padding-left: 1em; background: url(../../images/arrow-gray-underline.png) no-repeat left center/9px; } /* -------- Excelの画像付きテキストリンク -------- */ .excel-link { display: inline-block; padding-left: 30px; background: url(../../images/icon_excel.png) no-repeat left center/24px; } /* -------- pdfの画像付きテキストリンク -------- */ .pdf-link2 { display: inline-block; padding-left: 30px; background: url(../../images/icon_pdf01.png) no-repeat left center/24px; } /* -------- 二つ横並びになるpdf画像つきのリンク -------- */ .pdf-link { text-align: center; margin-top: 10px; /* a */ } .pdf-link a { display: inline-block; color: #fff; width: 47%; background-color: #1b853a; padding: 10px 0; border-radius: 5px; text-decoration: none; text-align: center; } .pdf-link a:hover { background-color: #00af21; text-decoration: none; } .pdf-link a span { background-image: url("../../images/icon_link02.png"), url("../../images/icon_pdf01.png"); background-repeat: no-repeat, no-repeat; background-size: 6px 8px, auto 24px; background-position: right center, left center; padding: 7px 12px 7px 28px; } .pdf-link a:first-of-type { margin-right: 4%; } @media (max-width: 999px) { .pdf-link { /* a */ } .pdf-link a { width: 100%; } .pdf-link a:first-of-type { margin-right: 0px; margin-bottom: 5px; } } /* .pdf-link */ /* -------- フォーム(/training/form/mail.php)の確認ボタン -------- */ .form-link-button { text-align: center; margin-top: 10px; /* a */ } .form-link-button input[type="button"], .form-link-button input[type="submit"] { font-size: 115%; display: inline-block; color: #fff; width: 47%; background-color: #1b853a; padding: 10px 0; -webkit-appearance: none; border: none; border-radius: 5px; text-align: center; cursor: pointer; } .form-link-button input[type="button"]:hover, .form-link-button input[type="submit"]:hover { background-color: #00af21; text-decoration: none; } .form-link-button input[type="button"]:nth-of-type(2), .form-link-button input[type="submit"]:nth-of-type(2) { margin-left: 4%; } @media (max-width: 999px) { .form-link-button { /* a */ } .form-link-button input[type="button"], .form-link-button input[type="submit"] { width: 100%; } .form-link-button input[type="button"]:nth-of-type(2), .form-link-button input[type="submit"]:nth-of-type(2) { margin-left: 0px; margin-bottom: 5px; } } /* .form-link-button */ /* -------- 画像付きのボタン -------- */ .btn-wrap { /* 画像と文章の部分の緑が縦並びに二分割されてるボタン(貸金業務取扱主任者制度とはのページ(/howto/index.html)など) */ /* .img_btn01 */ /* 画像の横に緑のフキダシがあるような感じのボタン(資格試験の受験のページ(/qualifying_exam/index.html)など) */ /* .img_btn02 */ } .btn-wrap .img_btn01 { width: 330px; height: 150px; background: #1b853a; border-radius: 5px; margin-bottom: 20px; display: block; float: left; /* .link-text */ } .btn-wrap .img_btn01 img { width: 100%; height: auto; } .btn-wrap .img_btn01 .link-text { width: 100%; height: 53px; text-align: center; color: #fff; position: relative; } .btn-wrap .img_btn01 .link-text p { position: absolute; top: 50%; z-index: 0; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); line-height: 1.3; font-size: 110%; } .btn-wrap .img_btn01 .link-text p b { background: url(../../images/icon_link02.png) no-repeat right center/6px 8px; padding-right: 1em; } .btn-wrap .img_btn01 .link-text p span { display: block; font-size: 80%; } .btn-wrap .img_btn01 .link-text p span.emphasis { display: inline; font-size: 120%; font-weight: bold; } .btn-wrap .img_btn01:nth-of-type(even) { margin-left: 20px; } @media (max-width: 999px) { .btn-wrap .img_btn01:nth-of-type(even) { margin-left: 0px; } } .btn-wrap .img_btn01:hover { background: #00af21; } @media (max-width: 999px) { .btn-wrap .img_btn01 { width: 100%; height: auto; border-radius: 10px; } } .btn-wrap .img_btn02 { width: 330px; height: 125px; margin-bottom: 20px; display: block; float: left; /* .link-text */ /* &:hover */ } .btn-wrap .img_btn02 img { width: 150px; height: 125px; float: left; line-height: 1; margin: 0; } @media (max-width: 999px) { .btn-wrap .img_btn02 img { width: 100%; height: auto; float: none; } } .btn-wrap .img_btn02 .link-text { float: left; position: relative; display: inline-block; width: 180px; height: 125px; color: #fff; background: #1b853a; font-weight: bold; font-size: 110%; } .btn-wrap .img_btn02 .link-text:before { content: ""; position: absolute; top: 50%; left: -30px; margin-top: -15px; border: 15px solid transparent; border-right: 15px solid #1b853a; } .btn-wrap .img_btn02 .link-text b { position: absolute; top: 50%; z-index: 0; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; } @media (max-width: 999px) { .btn-wrap .img_btn02 { /* .link-text */ } .btn-wrap .img_btn02 .link-text { float: none; width: 100%; color: #1b853a; background: none; position: static; height: 4em; font-weight: normal; font-size: 85%; margin-top: 3px; } .btn-wrap .img_btn02 .link-text:before { position: static; border: none; top: 0; left: 0; margin-top: 0; } .btn-wrap .img_btn02 .link-text b { position: static; top: 0; -webkit-transform: none; transform: none; } } .btn-wrap .img_btn02:nth-of-type(2n) { margin-left: 20px; } @media (max-width: 999px) { .btn-wrap .img_btn02:nth-of-type(2n) { margin-left: 6%; } } .btn-wrap .img_btn02:hover { /* .link-text */ } .btn-wrap .img_btn02:hover .link-text { background: #00af21; } .btn-wrap .img_btn02:hover .link-text:before { border-right: 15px solid #00af21; } @media (max-width: 999px) { .btn-wrap .img_btn02:hover { /* .link-text */ } .btn-wrap .img_btn02:hover .link-text { background: none; } .btn-wrap .img_btn02:hover .link-text:before { border-right: none; } } @media (max-width: 999px) { .btn-wrap .img_btn02 { width: 47%; height: auto; text-align: center; margin-bottom: 0px; } } /* .btn-wrap */ /* -------- 主任者登録(/chief_regist/index.html)の画像付きのボタン -------- */ .page.chief_regist { /* .btn-wrap */ } .page.chief_regist .btn-wrap { /* .link-text */ } .page.chief_regist .btn-wrap .link-text span { display: block; color: #e47200; background: #fffcb5; width: 5em; font-size: 90%; font-weight: normal; margin: 0px 0px 3px 10px; } .page.chief_regist .btn-wrap .link-text small { display: block; font-size: 80%; } /* .page.chief_regist */ /* -------- 受講申込方法のページ(/training/application/index.html)の緑のボタン(背景が黄色) -------- */ .app-request { background: #fff8e7; padding: 20px 0px 10px; margin: 1em 0px 40px; /* ---- フォームの確認ボタン ---- */ /* submit */ } .app-request input[type="submit"] { display: block; font-size: 1.050rem; color: #fff; width: 30%; margin: 0 auto 10px auto; background-color: #1b853a; padding: 10px 0; border: none; border-radius: 5px; -webkit-appearance: none; text-decoration: none; background-image: url("../../images/icon_link02.png"); background-repeat: no-repeat; background-size: 6px 8px; background-position: 75% center; padding-right: 12px; } .app-request input[type="submit"]:hover { background-color: #00af21; text-decoration: none; } /* .app-request */ /* -------- 個人申込(/training/application/personal_internet.html)などのチェックボックスと表示・非表示ボタン -------- */ .chexbox-wrap { text-align: center; margin-top: 1em; /* .check_css */ /* checked */ } .chexbox-wrap input[type=checkbox] { display: none; } .chexbox-wrap .check_css { position: relative; display: inline-block; padding: 10px 15px 10px 42px; vertical-align: middle; cursor: pointer; background: #ededed; margin-bottom: 15px; } .chexbox-wrap .check_css:after { position: absolute; top: 50%; left: 15px; display: block; margin-top: -10px; width: 16px; height: 16px; border: 2px solid #1b853a; border-radius: 4px; content: ''; background: #fff; z-index: 1; } .chexbox-wrap .check_css:before { position: absolute; top: 50%; left: 21px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #1b853a; border-bottom: 3px solid #1b853a; content: ''; opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2; } .chexbox-wrap .check_css span { background: #ededed; } .chexbox-wrap label { font-weight: bold; } .chexbox-wrap .no-request + .request { display: none; } .chexbox-wrap input[type=checkbox]:checked + .check_css:before { opacity: 1; } .chexbox-wrap input[type=checkbox]:checked ~ div.no-request { display: none; } .chexbox-wrap input[type=checkbox]:checked ~ div.request { display: block; } /* .chexbox-wrap */ /* -------- 受講要領のページの緑のボタン -------- */ .green-btn-wrap { margin-bottom: 2em; /* a */ } .green-btn-wrap a { background-color: #1b853a; display: block; width: 210px; height: 45px; border-radius: 5px; color: #fff; line-height: 45px; text-align: center; margin-left: 25px; float: left; } .green-btn-wrap a span { padding: 7px 17px 7px 37px; } @media (max-width: 999px) { .green-btn-wrap a span { padding: 7px 15px 7px 32px; } } .green-btn-wrap a.book span { background-image: url(../../images/icon_link02.png), url(../../images/icon_webbook.png); background-repeat: no-repeat; background-size: 6px, 25px; background-position: right center, left center; } @media (max-width: 999px) { .green-btn-wrap a.book span { background-size: 6px, 20px; } } .green-btn-wrap a.pdf span { background-image: url(../../images/icon_link02.png), url(../../images/icon_pdf01.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center, left center; } @media (max-width: 999px) { .green-btn-wrap a.pdf span { background-size: 6px, 27px; } } .green-btn-wrap a.excel span { background-image: url(../../images/icon_link02.png), url(../../images/icon_excel.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center, left center; } @media (max-width: 999px) { .green-btn-wrap a.excel span { background-size: 6px, 27px; } } .green-btn-wrap a.arrow span { background-image: url(../../images/icon_link02.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center; padding: 7px 17px; } @media (max-width: 999px) { .green-btn-wrap a.arrow span { background-size: 6px, 27px; padding: 7px 12px; } } .green-btn-wrap a:hover { text-decoration: none; background-color: #00af21; } .green-btn-wrap a:first-of-type { margin-left: 0px; } @media (max-width: 999px) { .green-btn-wrap a:first-of-type, .green-btn-wrap a:nth-of-type(3) { margin-left: 0px; } } @media (max-width: 999px) { .green-btn-wrap a { width: 49%; margin: 0px 0px 0.5em 2%; } } /* .green-btn-wrap */ .green-btn-wrap2 { margin-bottom: 2em; /* a */ } .green-btn-wrap2 a { background-color: #1b853a; display: block; width: 325px; height: 45px; border-radius: 5px; color: #fff; line-height: 45px; text-align: center; margin: 0px 30px 15px 0px; float: left; } .green-btn-wrap2 a span { padding: 7px 17px 7px 37px; } @media (max-width: 999px) { .green-btn-wrap2 a span { padding: 7px 15px 7px 32px; } } .green-btn-wrap2 a.pdf span { background-image: url(../../images/icon_link02.png), url(../../images/icon_pdf01.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center, left center; } @media (max-width: 999px) { .green-btn-wrap2 a.pdf span { background-size: 6px, 27px; } } .green-btn-wrap2 a:hover { text-decoration: none; background-color: #00af21; } .green-btn-wrap2 a:nth-of-type(2n) { margin-right: 0px; } @media (max-width: 999px) { .green-btn-wrap2 a { width: 100%; margin: 0px 0px 0.5em 0px; } } /* .green-btn-wrap2 */ .green-btn-wrap3 { margin-bottom: 2em; } .green-btn-wrap3 div { float: left; width: 325px; text-align: center; margin: 0px 30px 15px 0px; /* a */ } .green-btn-wrap3 div:nth-of-type(2n) { margin-right: 0px; } .green-btn-wrap3 div a { background-color: #1b853a; display: block; height: 45px; border-radius: 5px; color: #fff; line-height: 45px; text-align: center; } .green-btn-wrap3 div a span { padding: 7px 17px 7px 37px; } @media (max-width: 999px) { .green-btn-wrap3 div a span { padding: 7px 15px 7px 32px; } } .green-btn-wrap3 div a.pdf span { background-image: url(../../images/icon_link02.png), url(../../images/icon_pdf01.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center, left center; } .green-btn-wrap3 div a.excel span { background-image: url(../../images/icon_link02.png), url(../../images/icon_excel.png); background-repeat: no-repeat; background-size: 6px, 30px; background-position: right center, left center; } @media (max-width: 999px) { .green-btn-wrap3 div a.pdf span { background-size: 6px, 27px; } } .green-btn-wrap3 div a:hover { text-decoration: none; background-color: #00af21; } .green-btn-wrap3 div .no-request { color: #76b285; background-color: #ffffff; border: #76b285 dotted 1px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; opacity: 0.7; text-decoration: none; } .green-btn-wrap3 div .no-request:hover { text-decoration: none; background-color: #ffffff; } @media (max-width: 999px) { .green-btn-wrap3 div { width: 100%; margin: 0px 0px 0.5em 0px; } } /* .green-btn-wrap3 */ /* -------- 「平成29年度講習受講要領（冊子）」の取得(/training/point/get.html)ページのpdfリンクの文字サイズ -------- */ .get .request a span { font-size: 90%; } .page.training.flow.flow_term h2.title_pink { background-color: #ffdbdb; border-top: #e70000 solid 4px; } /* ------------------------------ ▼▼▼ リストの設定 ▼▼▼ ------------------------------ */ /* -------- マーカー付きのリスト -------- */ .list-mark { list-style-type: disc; margin: 0px 0px 0px 1.5em; } .list-mark ul { margin-left: 1.5em; } /* .list-mark */ /* -------- 個人の方が行う手続き(/howto/procedure.html)のリスト -------- */ .procedure-list { display: table; width: 100%; font-weight: bold; margin-bottom: -60px; /* li */ } .procedure-list li { background: #eee; display: table-row; /* p */ /* & + li */ } .procedure-list li p { display: table-cell; vertical-align: middle; padding: 10px; } .procedure-list li p:first-of-type { background: #1b853a; text-align: center; color: #fff; width: 1em; } .procedure-list li + li { /* p */ } .procedure-list li + li p { border-top: 2px solid #fff; } .procedure-list li + li p:first-of-type { background-image: url(../../images/arrow.png); background-position: top center; background-repeat: no-repeat; } .procedure-list + p { margin-top: -20px; } /* .procedure-list */ /* -------- 普通の番号付きのリスト -------- */ .count-list { list-style-type: decimal; margin-left: 1.5em; } /* -------- 括弧付き番号のリスト -------- */ .to_do_list, .to_do_list_m0 { margin: 0 0 0 1.7em; /* li */ } .to_do_list li, .to_do_list_m0 li { list-style-type: none; list-style-position: outside; counter-increment: cnt; text-indent: -1.7em; /* ul */ /* .list-mark */ /* ul.list_alpha */ /* ul.notes */ /* ul.list_block */ } .to_do_list li:before, .to_do_list_m0 li:before { display: marker; content: "(" counter(cnt) ") "; } .to_do_list li ul li, .to_do_list_m0 li ul li { counter-reset: cnt; } .to_do_list li ul.list-mark, .to_do_list_m0 li ul.list-mark { margin: 0px 0px 0px 1.5em; /* li */ } .to_do_list li ul.list-mark li, .to_do_list_m0 li ul.list-mark li { list-style-type: disc; text-indent: 0em; } .to_do_list li ul.list-mark li:before, .to_do_list_m0 li ul.list-mark li:before { content: normal; } .to_do_list li ul.list_alpha, .to_do_list_m0 li ul.list_alpha { margin: 0.5em 0px 0px 1.7em; margin-bottom: 0px; /* li */ } .to_do_list li ul.list_alpha li, .to_do_list_m0 li ul.list_alpha li { list-style-type: lower-alpha; text-indent: 0em; } .to_do_list li ul.list_alpha li:before, .to_do_list_m0 li ul.list_alpha li:before { content: normal; } .to_do_list li ul.list_alpha li ~ li, .to_do_list_m0 li ul.list_alpha li ~ li { margin-top: 0.5em; } .to_do_list li ul.list_alpha.notes, .to_do_list_m0 li ul.list_alpha.notes { margin: 0px; } .to_do_list li ul.list_alpha.notes li, .to_do_list_m0 li ul.list_alpha.notes li { list-style: none; margin: 0px; } .to_do_list li ul.notes, .to_do_list_m0 li ul.notes { margin: 0px; } .to_do_list li ul.notes li, .to_do_list_m0 li ul.notes li { text-indent: 0px; } .to_do_list li ul.notes li:last-of-type, .to_do_list_m0 li ul.notes li:last-of-type { margin-bottom: -1em; } .to_do_list li ul.list_block, .to_do_list_m0 li ul.list_block { margin-left: 1.5em; /* li */ } .to_do_list li ul.list_block li, .to_do_list_m0 li ul.list_block li { display: inline-block; text-indent: 0em; background: #1b853a; padding: 0px 5px; color: #fff; } .to_do_list li ul.list_block li:before, .to_do_list_m0 li ul.list_block li:before { content: normal; } .to_do_list li ~ li, .to_do_list_m0 li ~ li { margin-top: 1em; } /* .to_do_list */ .to_do_list_m0 li ~ li { margin-top: 0px; } /* ------------------------------ ▼▼▼ 画像の設定 ▼▼▼ ------------------------------ */ /* -------- 中央寄せ -------- */ .img_center { display: block; margin: auto; } /* -------- パソコン操作マニュアル(/qualifying_exam/app/pcmanual.html)の画像 -------- */ .pcmanual .manu-img { text-align: center; margin-bottom: 2em; } .pcmanual .manu-img img { vertical-align: top; max-width: 100%; } .pcmanual .manu-img img:first-of-type { margin-right: 15px; } @media (max-width: 999px) { .pcmanual .manu-img img:first-of-type { margin: 0px 0px 15px 0px; } } /* -------- 受講申込方法ページ(/training/application/personal_internet.htmlなど)の画像 -------- */ .application img { margin-bottom: 1em; } @media (max-width: 999px) { .application img { max-width: 100%; height: auto; } } /* ------------------------------ ▼▼▼ テーブルの設定 ▼▼▼ ------------------------------ */ /* icom.css */ table tbody .bgGray { background: transparent; background-color: #cccccc; } /* -------- 試験実施要領のページ(/qualifying_exam/imp_guidance.html)等のテーブル -------- */ table.guidance-table { margin-bottom: 30px; /* thead */ } table.guidance-table img { width: 30px; height: auto; } table.guidance-table thead { /* th */ } table.guidance-table thead th:first-of-type { width: 60%; } table.guidance-table thead th:nth-of-type(2) { width: 30%; } /* table.guidance-table */ @media (max-width: 999px) { table.guidance-table { margin-bottom: 0px; } } /* -------- 「主任者登録の手引き」と申請書式(/chief_regist/guidance.html)のページの最後2個のテーブル -------- */ table.pdf-dw { width: 100%; /* thead */ /* tbody */ } table.pdf-dw thead th:first-of-type { width: 85%; } table.pdf-dw thead th:nth-of-type(2) { width: 15%; } table.pdf-dw tbody td:first-of-type { width: 85%; } table.pdf-dw tbody td:nth-of-type(2) { width: 15%; text-align: center; } /* table.pdf-dw */ /* -------- 貸金業務取扱主任者資格試験問題(/qualifying_exam/exam_example/law_11_20th.html)等のテーブル -------- */ .exam_table { border-collapse: collapse; table-layout: fixed; /* thead */ /* tbody */ /* tfoot */ } .exam_table th { word-wrap: break-word; font-size: 90%; text-align: center; padding-left: 0px; padding-right: 0px; } .exam_table td { text-align: center; } .exam_table thead { /* tr */ } .exam_table thead tr { /* first-of-type */ /* &:nth-of-type(2) */ } .exam_table thead tr:first-of-type { /* th */ } .exam_table thead tr:first-of-type th:first-of-type { width: 5em; } .exam_table thead tr:first-of-type th:nth-of-type(6) { background: rgba(229, 131, 210, 0.1); border-left: double 4px #cdcdcd; } .exam_table thead tr:nth-of-type(2) { /* th */ } .exam_table thead tr:nth-of-type(2) th:nth-of-type(9) { border-left: double 4px #cdcdcd; } .exam_table thead tr:nth-of-type(2) th:nth-of-type(9), .exam_table thead tr:nth-of-type(2) th:nth-of-type(10), .exam_table thead tr:nth-of-type(2) th:nth-of-type(11) { background: rgba(229, 131, 210, 0.1); } .exam_table tbody tr td:nth-of-type(10) { border-left: double 4px #cdcdcd; } .exam_table tfoot th { background: rgba(229, 131, 210, 0.1); } .exam_table tfoot td:nth-of-type(9) { border-left: double 4px #cdcdcd; } /* .exam_table */ article.page .main { margin-bottom: 30px; /* -------------------- 括弧付き番号のボックス -------------------- */ /* .app_caution */ } article.page .main h2, article.page .main h3, article.page .main h4, article.page .main h5, article.page .main h6 { font-weight: bold; } article.page .main h2 { background-color: #dfeadf; border-top: #1b853b solid 4px; } article.page .main h3 { border-top: #ccc solid 1px; border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; border-left: #1b853b solid 8px; } article.page .main h4 { font-weight: bold; background-color: #dfeadf; border-bottom: #1b853b solid 1px; } article.page .main h5 { border-bottom: #1b853b solid 2px; } article.page .main h6 { border-left: #1b853b solid 4px; } article.page .main p a { color: #245331; text-decoration: underline; } article.page .main p a:hover { text-decoration: none; } article.page .main .contact { background-color: #f4f4f4; margin-bottom: 20px; padding: 20px; } article.page .main .contact p { margin-bottom: 0; } article.page .main .contact p strong { color: #1b853b; font-weight: bold; } article.page .main .app_caution { /* .caution_list */ } article.page .main .app_caution .caution_list { counter-increment: cnt; } article.page .main .app_caution .caution_list:before { display: marker; content: "(" counter(cnt) ") "; } article.page .main .app_caution .caution_list > p.first { display: block; margin: -1.6em 0px 0px 1.7em; } article.page .main .app_caution .caution_list img.flow { display: block; width: 467px; height: auto; margin: 0px auto; } @media (max-width: 999px) { article.page .main .app_caution .caution_list img.flow { max-width: 100%; } } article.page .main .app_caution .caution_list ol { margin-bottom: 0px; } /* article.page .main */ article.page { /* &.chief_regist */ /* ===== ▼▼▼ 試験科目及び出題範囲(/qualifying_exam/item_range/index.html) ▼▼▼ ===== */ /* &.item_range */ /* ===== ▼▼▼ 試験科目及び出題範囲(/qualifying_exam/item_range/index.html) ▼▼▼ ===== */ /* &.app_personal */ /* ===== ▼▼▼ メールフォーム ▼▼▼ ===== */ /* .form */ /* ===== ▼▼▼ ページの切り替えタブ ▼▼▼ ===== */ /* -------- (/training/application/index.htmlなど) -------- */ /* .tab-content */ /* ===== ▼▼▼ 受講申込方法(/training/application/index.html) ▼▼▼ ===== */ /* -------- テーブル -------- */ /* .app_table */ /* ===== ▼▼▼ 郵送での受験申込(/qualifying_exam/app/app_mail.html)の画像のfloat ▼▼▼ ===== */ /* ===== ▼▼▼ 「登録講習受講日の決定」と「登録申請日別の登録完了日および登録番号付与方法」(/training/flow/flow_number.html) ▼▼▼ ===== */ /* &.flow_number */ /* ===== ▼▼▼ 「登録申請の申請可能期間（日数）とは(/training/flow/flow_term.html) ▼▼▼ ===== */ /* &.flow_term */ /* ===== ▼▼▼ 講習受講から主任者登録までの流れ(/training/flow/index.html) ▼▼▼ ===== */ /* -------- タブ ----- */ /* .tab-content-flow */ /* ===== ▼▼▼ 講習開催日一覧・講習会場(/training/holding_info/index.html) ▼▼▼ ===== */ /* &.holding_info */ /* &.training */ /* ===== ▼▼▼ 登録講習の概要(/training/outline/index.html) ▼▼▼ ===== */ /* &.outline */ /* ===== ▼▼▼ 講習受講要領(/training/point/index.html) ▼▼▼ ===== */ /* &.point */ /* ===== ▼▼▼ 講習の実施結果について(/training/result/index.html) ▼▼▼ ===== */ /* &.result */ /* ===== ▼▼▼ 講習の実施結果について(/training/result/times.html) ▼▼▼ ===== */ /* &.result.times */ /* ===== ▼▼▼ 主任者登録の申請に必要な書類(/chief_regist/document.html) ▼▼▼ ===== */ /* .document */ /* ===== ▼▼▼ よくあるご質問Q&A(/faq/chief_regist.html) ▼▼▼ ===== */ /* -------- プルダウン -------- */ /* &.faq.faq_list */ /* ----- icom.css ----- */ /* .main */ /* ----- icom.cssここまで ----- */ } article.page.chief_regist { /* ===== ▼▼▼ 主任者登録の流れ(/chief_regist/flow.html) ▼▼▼ ===== */ /* &.flow */ /* ===== ▼▼▼ 団体申請メニュー(/chief_regist/group_menu.html) ▼▼▼ ===== */ /* &.group_menu */ /* ===== ▼▼▼ 主任者登録の申請から登録完了通知発送まで(/chief_regist/notice.html) ▼▼▼ ===== */ /* &.notice */ /* ===== ▼▼▼ 主任者登録の概要 ▼▼▼ ===== */ /* &.outline */ } article.page.chief_regist.flow img { width: 470px; height: auto; margin: 20px auto; display: block; } @media (max-width: 999px) { article.page.chief_regist.flow img { max-width: 100%; } } article.page.chief_regist.group_menu { /* -------- 注意書きのリスト -------- */ /* .notes */ /* -------- リスト内のテーブル -------- */ /* ul */ /* -------- 画像 -------- */ } article.page.chief_regist.group_menu .notes { /* .list-mark */ } article.page.chief_regist.group_menu .notes .list-mark { /* li */ } article.page.chief_regist.group_menu .notes .list-mark li { margin-bottom: 2px; } article.page.chief_regist.group_menu .notes .list-mark li span { display: inline-block; background: #1b853a; color: #fff; padding: 0px 3px; margin-right: 3px; } article.page.chief_regist.group_menu .notes .list-mark li:before { content: normal; } article.page.chief_regist.group_menu ul table.list_table { width: 100%; } article.page.chief_regist.group_menu ul table.list_table th, article.page.chief_regist.group_menu ul table.list_table td { word-wrap: break-word; text-indent: 0px; } @media (max-width: 999px) { article.page.chief_regist.group_menu ul table.list_table th { width: 20%; } } article.page.chief_regist.group_menu img { margin-bottom: 1em; } article.page.chief_regist.notice { /* -------- 5つめのテーブル -------- */ /* section:nth-of-type(5) */ /* -------- 画像 -------- */ } article.page.chief_regist.notice section:nth-of-type(5) { /* table */ } article.page.chief_regist.notice section:nth-of-type(5) table { /* tr */ } article.page.chief_regist.notice section:nth-of-type(5) table tr { /* td */ } article.page.chief_regist.notice section:nth-of-type(5) table tr td:first-of-type { width: 20%; } article.page.chief_regist.notice section:nth-of-type(5) table tr td:nth-of-type(2) { width: 15%; } article.page.chief_regist.notice section:nth-of-type(5) table tr td:nth-of-type(3) { width: 25%; } article.page.chief_regist.notice img { width: 518px; height: auto; margin: 20px auto; display: block; } @media (max-width: 999px) { article.page.chief_regist.notice img { max-width: 100%; } } article.page.chief_regist.outline { /* -------- ひとつめのテーブル -------- */ /* section:nth-of-type(3) */ /* -------- 画像 -------- */ } article.page.chief_regist.outline section:nth-of-type(3) { /* table:first-of-type */ } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type { /* tr */ } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr { /* td */ } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr td:first-of-type { width: 5%; } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr td:nth-of-type(2) { width: 25%; } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr td:nth-of-type(3) { width: 15%; } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr td:nth-of-type(4) { width: 15%; } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr td:last-of-type { width: 40%; } article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr:nth-of-type(2) th, article.page.chief_regist.outline section:nth-of-type(3) table:first-of-type tr:nth-of-type(2) td { background: rgba(0, 0, 0, 0.05); } article.page.chief_regist.outline img { width: 475px; height: auto; margin: 20px auto; display: block; } @media (max-width: 999px) { article.page.chief_regist.outline img { max-width: 100%; } } article.page.item_range { /* ---- 倒産法 ---- */ /* .tousan table */ /* ---- 刑事法 ---- */ /* .keiji table */ } article.page.item_range .tousan table td[rowspan="2"] { width: 17em; } article.page.item_range .tousan table td[rowspan="3"] { width: 7em; } article.page.item_range .keiji table tr td:first-of-type, article.page.item_range .keiji table tr td:nth-of-type(2) { width: 9em; } article.page.app_personal table { /* icom.css */ } article.page.app_personal table .caption:first-of-type { width: auto; } article.page.app_personal table tr td:nth-of-type(2) { width: 75%; } article.page.form { /* table */ } article.page.form table { table-layout: fixed; /* td */ } article.page.form table th { width: 30%; } @media (max-width: 999px) { article.page.form table th { width: 18%; white-space: normal; padding: 5px; font-size: 90%; } } article.page.form table td { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; /* type text */ } article.page.form table td span { display: block; margin: 0.3em 0px; } article.page.form table td input[type="text"] { border: 1px solid #cdcdcd; -webkit-appearance: none; border-radius: 5px; height: 2.5em; width: 70%; } article.page.form table td input[type="text"].short { width: 15%; } article.page.form table td input[type="text"].middle { width: 25%; } @media (max-width: 999px) { article.page.form table td input[type="text"].short { width: 35%; } article.page.form table td input[type="text"].middle { width: 35%; } } article.page.form table td input[type="text"].long { width: 98%; } article.page.form table td input[type="tel"] { border: 1px solid #cdcdcd; -webkit-appearance: none; border-radius: 5px; height: 2.5em; width: 70%; } article.page.form table td input[type="email"] { border: 1px solid #cdcdcd; -webkit-appearance: none; border-radius: 5px; height: 2.5em; width: 70%; } @media (max-width: 999px) { article.page.form table td input[type="text"], article.page.form table td input[type="tel"], article.page.form table td input[type="email"] { width: 98%; } } article.page.form table td textarea { border: 1px solid #cdcdcd; -webkit-appearance: none; border-radius: 5px; height: 2.5em; width: 98%; height: 10em; } @media (max-width: 999px) { article.page.form table td { padding: 10px; font-size: 90%; } } article.page .tab-content { /* label */ /* .tab-box */ } article.page .tab-content label { font-size: 125%; display: inline-block; background: url(../../images/arrow-gray.png) no-repeat center 80%; background-color: #dcdcdc; color: #989898; width: 45%; text-align: center; height: 3em; padding-top: 0.5em; border-radius: 5px 5px 0px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } article.page .tab-content label:first-of-type { margin-left: 4%; } article.page .tab-content label:nth-of-type(2) { margin-left: 2%; } @media (max-width: 999px) { article.page .tab-content label:first-of-type { margin-left: 0px; } article.page .tab-content label:nth-of-type(2) { margin-left: 2%; } } @media (max-width: 999px) { article.page .tab-content label { font-size: 90%; width: 49%; } } article.page .tab-content label:hover, article.page .tab-content input[type="radio"]:checked + label { background: url(../../images/arrow.png) no-repeat center 80%; background-color: #1b853a; color: #fff; } article.page .tab-content input[type="radio"] { display: none; } article.page .tab-content .tab-box { width: 100%; height: auto; border-top: #1b853a solid 4px; padding-top: 1em; } article.page .tab-content > .tab-box > div { display: none; } article.page .tab-content #tab1:checked ~ .tab-box > #tabView1 { display: block; } article.page .tab-content #tab2:checked ~ .tab-box > #tabView2 { display: block; } article.page .app_table { font-size: 90%; /* tbody */ } article.page .app_table th, article.page .app_table td { white-space: normal; } article.page .app_table th { text-align: center; } article.page .app_table td { text-align: center; width: 14.28571%; } article.page .app_table tbody th { background: rgba(255, 100, 192, 0.08); } article.page .app_table.app_table5 td { width: 20%; } article.page .app_table.app_table4 td { width: 25%; } article.page .app_table.app_table3 td { width: 33.33333%; } article.page .app_table.app_table2 td { width: 50%; } article.page .app_mail_wrap img { float: right; margin: 0px 0px 1em 1em; } @media (max-width: 999px) { article.page .app_mail_wrap img { float: none; margin: 0px 0px 1em 0px; max-width: 100%; } } article.page.flow_number { /* -------- 画像 -------- */ /* -------- ピンクの部分 -------- */ /* .gaiyo */ } article.page.flow_number img { width: 600px; height: auto; margin: 0px auto 20px; display: block; } article.page.flow_number .gaiyo { margin-bottom: 2em; /* article */ /* article:nth-of-type(2) */ /* article:nth-of-type(3) */ } article.page.flow_number .gaiyo article { background: #ffeeea; padding: 20px; /* .wrap-wide-table */ } article.page.flow_number .gaiyo article p { margin: 0px; } article.page.flow_number .gaiyo article strong { font-weight: bold; color: #e14261; } article.page.flow_number .gaiyo article hr { border: none; background: none; border-top: 1px solid #e14261; margin: 2em 0px; } article.page.flow_number .gaiyo article .wrap-wide-table { padding: 0px; margin-top: 0.5em; } article.page.flow_number .gaiyo article .wrap-wide-table table { table-layout: fixed; width: 640px; margin: 0px; } article.page.flow_number .gaiyo article:nth-of-type(2) { /* table */ } article.page.flow_number .gaiyo article:nth-of-type(2) p:last-child { background: #fff; padding: 1em; font-size: 90%; margin-top: 1em; } article.page.flow_number .gaiyo article:nth-of-type(2) table { /* tbody */ } article.page.flow_number .gaiyo article:nth-of-type(2) table tbody td { background: rgba(255, 255, 255, 0.7); } article.page.flow_number .gaiyo article:nth-of-type(2) table tbody tr:nth-of-type(2) td { background: rgba(255, 255, 255, 0.3); } article.page.flow_number .gaiyo article:nth-of-type(3) { border: 3px solid #e14261; /* table */ } article.page.flow_number .gaiyo article:nth-of-type(3) table { width: 634px; } article.page.flow_number .gaiyo article:nth-of-type(3) table td { background: rgba(255, 255, 255, 0.7); } article.page.flow_number .gaiyo article:nth-of-type(3) table .bgRedTable { background: rgba(255, 255, 255, 0.3); } article.page.flow_number .gaiyo .mark { display: block; color: #e14261; font-weight: bold; margin: 0px; text-align: center; font-size: 400%; line-height: 1; -webkit-transform: rotate(90deg); transform: rotate(90deg); } article.page.flow_term { /* h3 */ /* table */ } article.page.flow_term h3.red { font-size: 95%; } article.page.flow_term h3.red span { display: inline-block; background: #ffdbdb; font-size: 115%; margin-left: 5px; padding: 0px 5px; } article.page.flow_term table tr:nth-of-type(2n) td { background: rgba(0, 0, 0, 0.02); } article.page .tab-content-flow { /* ul.tab_controll */ /* .tab_area_flow */ } article.page .tab-content-flow ul.tab_controll { border-bottom: #1b853a solid 4px; /* li */ } article.page .tab-content-flow ul.tab_controll li { font-size: 125%; display: inline-block; background: url(../../images/arrow-gray.png) no-repeat center 80%; background-color: #dcdcdc; color: #989898; width: 45%; text-align: center; height: 3em; padding-top: 0.5em; border-radius: 5px 5px 0px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } article.page .tab-content-flow ul.tab_controll li:first-of-type { margin-left: 4%; } article.page .tab-content-flow ul.tab_controll li:nth-of-type(2) { margin-left: 2%; } @media (max-width: 999px) { article.page .tab-content-flow ul.tab_controll li { white-space: nowrap; /* &:first-of-type {margin-left: 0px;}*/ } } @media (max-width: 999px) and (max-width: 499px) { article.page .tab-content-flow ul.tab_controll li { font-size: 4vw; } } @media (max-width: 999px) { article.page .tab-content-flow ul.tab_controll li:nth-of-type(2) { margin-left: 2%; } } article.page .tab-content-flow ul.tab_controll li.select { background: url(../../images/arrow.png) no-repeat center 80%; background-color: #1b853a; color: #fff; } article.page .tab-content-flow ul.tab_controll li:hover { cursor: pointer; } article.page .tab-content-flow .tab_area_flow { width: 100%; height: auto; padding-top: 1em; } article.page .tab-content-flow .tab_area_flow img { width: 475px; height: auto; display: block; margin: 20px auto 30px; } article.page .tab-content-flow .hide { display: none; } article.page.holding_info { /* -------- テーブル -------- */ /* table */ /* -------- 受講特別措置申請説明書類の発送日テーブル -------- */ /* table */ /* -------- 講習会場案内 -------- */ /* .place-wrap */ } article.page.holding_info table { table-layout: fixed; /* thead */ /* tbody */ } article.page.holding_info table thead { /* th */ /* tr:first-of-type */ } article.page.holding_info table thead th { font-size: 75%; padding: 10px 0px; } article.page.holding_info table thead tr:first-of-type { /* th */ } article.page.holding_info table thead tr:first-of-type th:first-of-type { width: 5.5em; } article.page.holding_info table thead tr:first-of-type th:nth-of-type(2) { width: 5em; } article.page.holding_info table tbody { font-size: 80%; } article.page.holding_info table tbody td { text-align: center; } article.page.holding_info table tbody tr:nth-of-type(even) { background: rgba(0, 0, 0, 0.02); } article.page.holding_info table.delivery-tbl { table-layout: auto; /* tbody */ } article.page.holding_info table.delivery-tbl thead { /* th */ } article.page.holding_info table.delivery-tbl thead th { width: auto !important; } article.page.holding_info table.delivery-tbl tbody { font-size: 80%; } article.page.holding_info table.delivery-tbl tbody tr:nth-of-type(even) { background: rgba(0, 0, 0, 0); } article.page.holding_info table.delivery-tbl tbody tr.attention { background: rgba(242, 177, 229, 0.1); } article.page.holding_info table.delivery-tbl tbody tr.not-attention td:first-child { background: #fff; } article.page.holding_info table.delivery-tbl tbody td.done { background: rgba(0, 0, 0, 0.1); } article.page.holding_info .place-wrap { width: 100%; margin-top: 15px; /* .place */ } article.page.holding_info .place-wrap .place { width: 32%; height: 144px; position: relative; float: left; margin: 0px 2% 10px 0px; background: #f4f4f4; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; /* a */ } article.page.holding_info .place-wrap .place .plase-name { font-weight: bold; display: block; } article.page.holding_info .place-wrap .place a { background: #1b853a; display: block; text-align: center; padding: 5px 0px; border-radius: 5px; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: calc(100% - 30px); -webkit-box-sizing: border-box; box-sizing: border-box; } article.page.holding_info .place-wrap .place a span { color: #fff; padding-right: 1em; display: inline-block; position: relative; } article.page.holding_info .place-wrap .place a span:after { content: "▶︎"; color: #fff; font-size: 60%; position: absolute; top: 0.3em; right: 0; } article.page.holding_info .place-wrap .place a:hover { background: #00af21; } @media (max-width: 999px) { article.page.holding_info .place-wrap .place a { position: static; -webkit-transform: none; transform: none; width: 100%; } } article.page.holding_info .place-wrap .place:nth-of-type(3n) { margin-right: 0px; } @media (max-width: 999px) { article.page.holding_info .place-wrap .place { width: 100%; height: auto; margin: 0px 0px 10px 0px; position: static; padding: 10px; } } article.page.training { /* ===== ▼▼▼ 登録講習(/training/index.html) ▼▼▼ ===== */ /* -------- 講習受講から主任者登録までの流れ -------- */ /* .training-flow */ /* ===== ▼▼▼ マップ ▼▼▼ ===== */ /* &.map */ } article.page.training .training-flow { border: 2px solid #1b853a; margin-bottom: 30px; padding: 15px; /* div */ } article.page.training .training-flow img { width: 150px; height: auto; float: left; } @media (max-width: 999px) { article.page.training .training-flow img { display: none; } } article.page.training .training-flow div { float: right; width: 470px; } article.page.training .training-flow div li a { text-decoration: underline; } @media (max-width: 999px) { article.page.training .training-flow div { float: none; width: 100%; } } article.page.training.map { /* マップ */ /* 住所 */ /* 最寄り駅 */ /* .station */ /* 飲食 */ /* 飲食のテーブル */ /* table */ } article.page.training.map iframe { width: 100%; height: 500px; } article.page.training.map address { margin-bottom: 1em; } article.page.training.map .station { list-style: disc; margin: 0px 0px 1.5em 1.5em; /* ul */ } article.page.training.map .station ul { font-size: 90%; } article.page.training.map .station ul li:before { content: "※"; } article.page.training.map .eat { list-style: decimal; margin: 0px 0px 1.5em 1.5em; } article.page.training.map table { margin-bottom: 1.5em; table-layout: fixed; /* th */ } article.page.training.map table th { padding: 10px 5px; text-align: center; white-space: normal; font-size: 90%; } article.page.training.map table th br { /*display: none;*/ } @media (max-width: 999px) { article.page.training.map table { /* th */ } article.page.training.map table th { font-size: 75%; } article.page.training.map table th br { display: inline-block; } } article.page.training.map table td { text-align: center; padding: 10px 0px; } article.page.training.map table td a { word-break: break-all; } article.page.training.map ul.notes_no { counter-reset: cnt; } article.page.training.map ul.notes_no li { position: relative; padding-left: 35px; margin-bottom: 5px; } article.page.training.map ul.notes_no li:before { counter-increment: cnt; content: "注" counter(cnt); position: absolute; left: 0; } article.page.outline { /* -------- テーブル -------- */ /* .outline-table */ } article.page.outline .outline-table { font-size: 90%; /* th */ /* td */ /* tr */ } article.page.outline .outline-table th { padding: 5px; } article.page.outline .outline-table th:first-of-type { width: 4%; } article.page.outline .outline-table th:nth-of-type(2) { width: 10%; } article.page.outline .outline-table th:nth-of-type(3) { width: 43%; } article.page.outline .outline-table th:nth-of-type(4) { width: 43%; } article.page.outline .outline-table td { padding: 5px; /* ul */ } article.page.outline .outline-table td ul li { position: relative; padding-left: 1em; /* ul */ } article.page.outline .outline-table td ul li:before { content: "■"; position: absolute; left: 0; top: 0; } article.page.outline .outline-table td ul li ul { /* li */ } article.page.outline .outline-table td ul li ul li { padding-left: 0em; } article.page.outline .outline-table td ul li ul li:before { content: none; } article.page.outline .outline-table td:first-of-type { text-align: center; } article.page.outline .outline-table td:nth-of-type(3) { text-align: center; } article.page.outline .outline-table tr:nth-of-type(3) td:nth-of-type(3), article.page.outline .outline-table tr:nth-of-type(5) td:nth-of-type(3), article.page.outline .outline-table tr:nth-of-type(7) td:nth-of-type(3), article.page.outline .outline-table tr:nth-of-type(9) td:nth-of-type(3), article.page.outline .outline-table tr:nth-of-type(11) td:nth-of-type(3) { background: rgba(242, 177, 229, 0.1); } article.page.point { /* table */ } article.page.point table { table-layout: fixed; margin-bottom: 2em; /* td */ } article.page.point table th { white-space: normal; } article.page.point table td { width: 445px; } article.page.point table td .green-btn-wrap:last-child { margin: 10px 0px; } @media (max-width: 999px) { article.page.point table { /* td */ } article.page.point table td { width: 60%; } article.page.point table td a { width: 100%; margin: 0px 0px 0.5em 0px; } } @media (max-width: 999px) { article.page.point table { margin-bottom: 0px; } } article.page.result { /* .result table */ /* -------- 開催地別結果一覧表のリスト -------- */ /* -------- 開催時期別結果一覧表のリスト -------- */ /* ul.result-list02 */ } article.page.result table th, article.page.result table td { text-align: center; } article.page.result ul.result-list01 { margin-bottom: 10px; /* li > a */ } article.page.result ul.result-list01 li { background-color: #f4f4f4; padding: 15px 20px 10px 20px; } @media (max-width: 999px) { article.page.result ul.result-list01 li { padding: 10px 15px; } } article.page.result ul.result-list01 li > a { display: block; float: right; background-color: #1b853b; color: #fff; text-align: center; width: 185px; font-size: 1.000rem; padding: 7px 0; border-radius: 5px; font-weight: bold; } article.page.result ul.result-list01 li > a:hover { text-decoration: none; background-color: #00af21; } article.page.result ul.result-list01 li > a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } @media (max-width: 999px) { article.page.result ul.result-list01 li > a { float: none; width: 100%; margin-top: 0.5em; } } article.page.result ul.result-list01 b { font-size: 1.050rem; font-weight: bold; margin-bottom: 5px; } @media (max-width: 999px) { article.page.result ul.result-list01 { margin-bottom: 10px; } } article.page.result ul.result-list02 { margin-bottom: 40px; } article.page.result ul.result-list02 li { width: 185px; padding: 17.5px; background-color: #f4f4f4; float: left; margin-bottom: 10px; margin-right: 10px; } article.page.result ul.result-list02 li:nth-child(3n) { margin-right: 0; } @media (max-width: 999px) { article.page.result ul.result-list02 li { width: auto; padding: 10px 15px; float: none; margin-right: 0; } } article.page.result ul.result-list02 li > a { display: block; background-color: #1b853b; color: #fff; text-align: center; width: 185px; font-size: 1.000rem; padding: 7px 0; border-radius: 5px; font-weight: bold; margin-top: 0.5em; } article.page.result ul.result-list02 li > a:hover { text-decoration: none; background-color: #00af21; } article.page.result ul.result-list02 li > a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } @media (max-width: 999px) { article.page.result ul.result-list02 li > a { width: 100%; } } article.page.result ul.result-list02 b { font-size: 1.050rem; font-weight: bold; } article.page.result.times { /* table */ } article.page.result.times table { font-size: 90%; /* tbody */ } article.page.result.times table th, article.page.result.times table td { padding: 5px 0px; } article.page.result.times table tbody { font-size: 90%; } article.page.result.times table tbody tr td:nth-of-type(2n) { width: 3.5em; } article.page.result.times table tbody tr:nth-of-type(2n+1) { background: rgba(0, 0, 0, 0.02); } article.page.chief_regist.mypage_menu { /* -------- プルダウン -------- */ /* .open_box */ } article.page.chief_regist.mypage_menu .open_box { margin: 0px 0px 3px 0px; padding: 0; /* label */ /*中身を非表示にしておく*/ /*クリックで中身表示*/ } article.page.chief_regist.mypage_menu .open_box label { cursor: pointer; display: block; background: url(../../images/chief_regist/down.png) no-repeat 97% center/24px 15px; } article.page.chief_regist.mypage_menu .open_box label :not(.mypage_menu) { background-color: #ededed; padding: 15px; font-weight: bold; } article.page.chief_regist.mypage_menu .open_box input { display: none; } article.page.chief_regist.mypage_menu .open_box .open { height: 0; padding: 0; overflow: hidden; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } article.page.chief_regist.mypage_menu .open_box input:checked ~ .open { padding: 10px 0; height: auto; opacity: 1; } article.page.chief_regist.mypage_menu .open_box input:checked ~ label { background: url(../../images/chief_regist/up.png) no-repeat 97% center/24px 15px; background-color: #ededed; } article.page.chief_regist.document { /* -------- 最初のテーブル -------- */ /* table:first-of-type */ /* -------- プルダウン -------- */ /* .open_box */ } article.page.chief_regist.document img.yellow { padding: 0px 3px; margin-bottom: 2px; } article.page.chief_regist.document table:first-of-type { /* tbody */ } article.page.chief_regist.document table:first-of-type tbody { /* tr */ } article.page.chief_regist.document table:first-of-type tbody tr td:nth-of-type(2), article.page.chief_regist.document table:first-of-type tbody tr td:nth-of-type(3) { text-align: center; } article.page.chief_regist.document table:first-of-type tbody tr:nth-of-type(4) td, article.page.chief_regist.document table:first-of-type tbody tr:nth-of-type(5) td, article.page.chief_regist.document table:first-of-type tbody tr:nth-of-type(6) td, article.page.chief_regist.document table:first-of-type tbody tr:nth-of-type(11) td { background: rgba(255, 232, 62, 0.1); } article.page.chief_regist.document .open_box { margin: 0px 0px 3px 0px; padding: 0; /* label */ /*中身を非表示にしておく*/ /*クリックで中身表示*/ } article.page.chief_regist.document .open_box label { cursor: pointer; display: block; background: url(../../images/chief_regist/down.png) no-repeat 97% center/24px 15px; } article.page.chief_regist.document .open_box label :not(.mypage_menu) { background-color: #ededed; padding: 15px; font-weight: bold; } article.page.chief_regist.document .open_box input { display: none; } article.page.chief_regist.document .open_box .open { height: 0; padding: 0; overflow: hidden; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } article.page.chief_regist.document .open_box input:checked ~ .open { padding: 10px 0; height: auto; opacity: 1; } article.page.chief_regist.document .open_box input:checked ~ label { background: url(../../images/chief_regist/up.png) no-repeat 97% center/24px 15px; background-color: #ededed; } article.page.faq.faq_list { /* .open_box */ } article.page.faq.faq_list .open_box { margin: 0; border-top: #cbcbcb dashed 1px; /* label */ /*中身を非表示にしておく*/ /*クリックで中身表示*/ /* input:checked ~ .open */ } article.page.faq.faq_list .open_box label { padding: 20px 54px; cursor: pointer; display: block; background: url(../../images/chief_regist/down.png) no-repeat 97% center/24px 15px; background-color: #fff; } article.page.faq.faq_list .open_box input { display: none; } article.page.faq.faq_list .open_box .open { height: 0; padding: 0; overflow: hidden; opacity: 0; -webkit-transition: 0.6s; transition: 0.6s; } article.page.faq.faq_list .open_box input:checked ~ .open { background-color: #f5f5f5; padding-left: 20px; padding: 20px; opacity: 1; height: auto; } article.page.faq.faq_list .open_box input:checked ~ .open p { margin-bottom: 1rem; } article.page.faq.faq_list .open_box input:checked ~ .open ul:not(.notes) { list-style-type: disc; margin-left: 2rem; margin-bottom: 1rem; } article.page.faq.faq_list .open_box input:checked ~ .open ul.notes a { color: #245331; text-decoration: underline; } article.page.faq.faq_list .open_box input:checked ~ label { background: url(../../images/chief_regist/up.png) no-repeat 97% center/24px 15px; background-color: #fff; } article.page .main { /* .redBold */ } article.page .main .redBold { color: #e80000; font-weight: bold; } article.page .main .redBold a { color: #e80000; text-decoration: underline; } article.page .main .redBold a:hover { text-decoration: none; } /* article.page */ /* ----- icom.css ----- */ .squareFrame { border: 3px solid #cbcbcb; margin: 15px 0px; padding: 10px; } .squareFrame .greenBold { font-size: 1.3rem; color: #1c7f3a; font-weight: bold; } .center { text-align: center; } /* ----- icom.cssここまで ----- */ /* -------- 団体責任者メニューのページ(/training/group_menu/index.html)のdl -------- */ .group_dl dt { font-weight: bold; color: #1b853a; } .group_dl dt ~ dt { margin-top: 1em; } /* .group_dl */ footer { background-color: #eee; border-top: #408344 solid 4px; } footer .footer__border-top { border-top: #ccc solid 1px; } footer .footer__border-top .footer__sup .footer__nav-sub .nav-sub-privacy { margin-bottom: 10px; } footer .footer__border-top .footer__sup .footer__nav-sub .nav-sub-privacy a { font-size: 0.866rem; background-image: url("../../images/icon_link01.png"), url("../../images/icon_link_blank01.png"); background-repeat: no-repeat, no-repeat; background-size: 6px 8px, 9px 9px; background-position: left center, right center; padding: 0 10px; color: #000; } footer .footer__border-top .footer__sup .footer__nav-sub small { font-size: 0.733rem; } img { max-width: 100%; height: auto; } table { width: 100%; border-top: #ccc solid 1px; border-left: #ccc solid 1px; margin-bottom: 10px; } table th, table td { border-right: #ccc solid 1px; border-bottom: #ccc solid 1px; padding: 5px 10px; } table thead th { background: rgba(0, 0, 0, 0.1); text-align: center; white-space: nowrap; } table tbody th { background: rgba(0, 0, 0, 0.1); white-space: nowrap; } table tfoot { border-top: #ccc double 4px; } table tfoot th { background: rgba(0, 0, 0, 0.1); white-space: nowrap; } article.announce .main .table01 table, article.announce .main .table03 table, article.announce .main .table04 table, article.announce .main .table05 table { table-layout: fixed; } article.announce .main .table01 table td, article.announce .main .table03 table td, article.announce .main .table04 table td, article.announce .main .table05 table td { text-align: center; } article.announce .main .table01 table, article.announce .main .table02 table, article.announce .main .table04 table { margin-bottom: 30px; } article.announce .main .table02 table tbody th { width: 50%; } article.announce .main .table02 table tbody td { width: 25%; text-align: center; } article.announce .main .table02 table tfoot td { text-align: center; } article.announce .main .table05 table:last-of-type { width: 340px; } article.announce .main .table05 table tbody th { text-align: center; } article.announce .main .table06 table { width: 120px; float: left; margin-right: 20px; } article.announce .main .table06 table:last-of-type { margin-right: 0; } article.announce .main .table06 p.notes { clear: both; } article.topics .main section { margin-bottom: 40px; border-bottom: #ccc solid 1px; } article.topics .main section ul li { padding: 20px 0; border-top: #ccc solid 1px; color: #999; } article.topics .main section ul li:nth-child(even) { background-color: #fafafa; } article.topics .main section ul li a { color: #245331; text-decoration: underline; padding-left: 20px; } article.topics .main section ul li a:hover { text-decoration: none; } article.topics-detail .main .date { color: #999; margin-bottom: 20px; } article.topics-detail .main .back { margin-top: 20px; margin-bottom: 20px; } article.topics-detail .main .back a { display: block; padding: 20px 0; text-align: center; color: #245331; text-decoration: underline; background-color: #f4f4f4; } article.topics-detail .main .back a:hover { text-decoration: none; } article.topics-detail .main .back a span { background-image: url("../../images/icon_link03.png"); background-repeat: no-repeat; background-size: 6px 8px; background-position: left center; padding-left: 12px; } article.topics-detail .main a { color: #245331; text-decoration: underline; } article.topics-detail .main a:hover { text-decoration: none; } article.topics-detail .main ul.list-circle { margin-bottom: 20px; margin-left: 20px; } article.topics-detail .main ul.list-circle li { list-style: outside; list-style-type: circle; } article.topics-detail .main ul.list-circle-big { margin-bottom: 20px; margin-left: 20px; } article.topics-detail .main ul.list-circle-big li { list-style: outside; list-style-type: none; position: relative; } article.topics-detail .main ul.list-circle-big li:before { content: "〇"; position: absolute; left: -1.5em; top: 0; } article.page .main .request { text-align: center; } article.page .main .request a { display: block; font-size: 1.05rem; color: #fff; width: 40%; margin: 0 auto 10px auto; background-color: #1b853a; padding: 10px 0; border-radius: 5px; text-decoration: none; } article.page .main .request a:hover { background-color: #00af21; text-decoration: none; } article.page .main .request a span { background-image: url("../../images/icon_link02.png"); background-repeat: no-repeat; background-size: 6px 8px; background-position: right center; padding-right: 12px; } article.page .main .request.pdf a span { background-image: url("../../images/icon_link02.png"), url("../../images/icon_pdf01.png"); background-repeat: no-repeat, no-repeat; background-size: 6px 8px, auto 24px; background-position: right center, left center; padding: 7px 12px 7px 28px; } article.page .main .no-request { text-align: center; } article.page .main .no-request a { display: block; font-size: 1.05rem; color: #76b285; width: 40%; margin: 0 auto 10px auto; background-color: #fff; padding: 10px 0; border-radius: 5px; border: #76b285 dotted 1px; cursor: default; opacity: 0.7; text-decoration: none; } article.page .main .no-request a:hover { text-decoration: none; } article.page .main .no-request.pdf a span { background-image: url("../../images/icon_pdf01.png"); background-repeat: no-repeat; background-size: auto 24px; background-position: left center; padding: 7px 12px 7px 28px; } article.page .main .sub-nav-exam, article.page .main .sub-nav-exam2 { background-color: #f4f4f4; padding: 20px; margin-bottom: 40px; } article.page .main .sub-nav-exam dt, article.page .main .sub-nav-exam2 dt { font-size: 1.133rem; font-weight: bold; color: #1b853b; margin-bottom: 10px; } article.page .main .sub-nav-exam dd, article.page .main .sub-nav-exam2 dd { float: left; margin-right: 16px; } article.page .main .sub-nav-exam dd:last-of-type, article.page .main .sub-nav-exam2 dd:last-of-type { margin-right: 0; } article.page .main .sub-nav-exam dd a, article.page .main .sub-nav-exam2 dd a { display: block; text-align: center; background-color: #fff; border: #1b853b solid 1px; font-size: 0.933rem; color: #000; padding: 10px 0; border-radius: 5px; text-decoration: none; } article.page .main .sub-nav-exam dd a:hover, article.page .main .sub-nav-exam2 dd a:hover { background-color: #00af21; color: #fff; } article.page .main .sub-nav-exam dd a:hover span, article.page .main .sub-nav-exam2 dd a:hover span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main .sub-nav-exam dd a span, article.page .main .sub-nav-exam2 dd a span { background-image: url("../../images/icon_link01.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main .sub-nav-exam dd a { width: 200px; } article.page .main .sub-nav-exam2 dd a { width: 310px; } article.page .main .sub-nav-exam3 { margin-bottom: 30px; background-color: #f4f4f4; padding: 20px 0 10px 20px; } article.page .main .sub-nav-exam3 li { float: left; margin-right: 16px; margin-bottom: 10px; } article.page .main .sub-nav-exam3 li a { display: block; text-align: center; background-color: #fff; border: #1b853b solid 1px; width: 146px; font-size: 0.933rem; color: #000; padding: 10px 0; border-radius: 5px; text-decoration: none; } article.page .main .sub-nav-exam3 li a:hover, article.page .main .sub-nav-exam3 li a.current { background-color: #00af21; color: #fff; } article.page .main .sub-nav-exam3 li a:hover span, article.page .main .sub-nav-exam3 li a.current span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main .sub-nav-exam3 li a span { background-image: url("../../images/icon_link01.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main ul.list-howto { margin-bottom: 40px; } article.page .main ul.list-howto li { float: left; } article.page .main ul.list-howto li:not(:last-child) { background-image: url("../../images/arrow_green01.svg"); background-position: right center; background-repeat: no-repeat; background-size: 18px 50px; padding-right: 20px; } article.page .main ol.list-flow { counter-reset: cnt 0; } article.page .main ol.list-flow li { border-bottom: #fff solid 1px; background-image: url("../../images/qualifying_exam/qrcode/bg_flow.jpg"); } article.page .main ol.list-flow li::before { counter-increment: cnt 1; content: counter(cnt); display: block; float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 1.05rem; margin-right: 10px; } article.page .main ol.list-flow li:not(:first-child)::before { background-image: url("../../images/arrow_white_bottom01.svg"); background-position: center top; background-repeat: no-repeat; background-size: 10px 6px; } article.page .main ol.list-flow li span { display: block; padding-left: 50px; line-height: 40px; } article.page .main .carrier strong { font-weight: bold; } article.page .main .carrier strong::before { content: "●"; } article.page .main ul.list-exam-site { margin-bottom: 20px; } article.page .main ul.list-exam-site li { width: 30%; float: left; margin-right: 5%; margin-bottom: 20px; } article.page .main ul.list-exam-site li:nth-child(3n) { margin-right: 0; } article.page .main ul.list-exam-site li a { display: block; text-align: center; background-color: #1b853b; font-size: 1rem; color: #fff; padding: 10px 0; border-radius: 5px; font-weight: bold; } article.page .main ul.list-exam-site li a:hover { text-decoration: none; background-color: #00af21; } article.page .main ul.list-exam-site li a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main ul.list-exam-result { margin-bottom: 20px; } article.page .main ul.list-exam-result li { width: 47%; margin-bottom: 20px; } article.page .main ul.list-exam-result li:nth-child(odd) { float: left; } article.page .main ul.list-exam-result li:nth-child(even) { float: right; } article.page .main ul.list-exam-result li a { display: block; text-align: center; background-color: #1b853b; font-size: 1.05rem; color: #fff; padding: 10px 0; border-radius: 5px; } article.page .main ul.list-exam-result li a:hover { text-decoration: none; background-color: #00af21; } article.page .main ul.list-exam-result li a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main ul.list-result-current { margin-bottom: 10px; } article.page .main ul.list-result-current li { background-color: #f4f4f4; padding: 15px 20px 10px 20px; } article.page .main ul.list-result-current li > a { display: block; float: right; background-color: #1b853b; color: #fff; text-align: center; width: 185px; font-size: 1rem; padding: 7px 0; border-radius: 5px; font-weight: bold; } article.page .main ul.list-result-current li > a:hover { text-decoration: none; background-color: #00af21; } article.page .main ul.list-result-current li > a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main ul.list-result-current li dl { float: left; } article.page .main ul.list-result-current li dl dt { font-size: 1.05rem; font-weight: bold; margin-bottom: 5px; } article.page .main ul.list-result-current li dl dd { font-size: 0.866rem; } article.page .main ul.list-result-archive { margin-bottom: 40px; } article.page .main ul.list-result-archive li { width: 185px; padding: 17.5px; background-color: #f4f4f4; float: left; margin-bottom: 10px; margin-right: 10px; } article.page .main ul.list-result-archive li:nth-child(3n) { margin-right: 0; } article.page .main ul.list-result-archive li > a { display: block; background-color: #1b853b; color: #fff; text-align: center; width: 185px; font-size: 1rem; padding: 7px 0; border-radius: 5px; font-weight: bold; } article.page .main ul.list-result-archive li > a:hover { text-decoration: none; background-color: #00af21; } article.page .main ul.list-result-archive li > a span { background-image: url("../../images/icon_link02.png"); background-position: right center; background-repeat: no-repeat; background-size: 6px 8px; padding-right: 12px; } article.page .main ul.list-result-archive li dl dt { font-size: 1.05rem; font-weight: bold; margin-bottom: 5px; } article.page .main ul.list-result-archive li dl dd { margin-bottom: 10px; font-size: 0.866rem; } article.page .main .link-pdf { background-image: url("../../images/icon_pdf01.png"); background-position: right center; background-repeat: no-repeat; background-size: 24px 24px; padding: 5px 30px 5px 0; } article.page .main .red { color: #e80000; } article.page .main .red a { color: #e80000; text-decoration: underline; } article.page .main .red a:hover { text-decoration: none; } article.page .main .black { color: #333; } article.page .main .agree { text-align: center; } article.page .main .agree button { border: #ccc solid 1px; border-radius: 4px; font-size: 0.933rem; width: 100px; padding: 7px 0; line-height: 1; background-color: #eee; } strong { font-weight: bold; } article.faq_list .main section { counter-reset: num; /*.open_box { margin: 0; border-top: #cbcbcb dashed 1px;} .open_box label { padding: 20px 54px; background-color: #fff; } .open_box .open { background-color: #f5f5f5; padding-left: 20px; padding-right: 20px;} .open_box input:checked ~ .open { padding: 20px;} .open_box .open p { margin-bottom: 1rem;} .open_box .open ul:not(.notes) { list-style-type: disc; margin-left: 2rem; margin-bottom: 1rem;} .open_box .open ul.notes a { color: #245331; text-decoration: underline;}*/ } article.faq_list .main section p.update { text-align: right; } article.faq_list .main section > div { position: relative; } article.faq_list .main section > div::before { counter-increment: num; content: "Q" counter(num, decimal-leading-zero) "."; color: #1b843a; font-weight: bold; display: block; position: absolute; left: 10px; top: 20px; } article.faq_list .main section > div:last-of-type { border-bottom: #cbcbcb dashed 1px; } ol.ol_standard { counter-reset: cnt; margin-bottom: 1rem; } ol.ol_standard > li { position: relative; padding-left: 2rem; } ol.ol_standard > li::before { counter-increment: cnt; content: counter(cnt) "."; position: absolute; display: block; left: 0; top: 0; text-align: right; width: 1.7rem; } ol.ol_alpha { counter-reset: cnt; margin-bottom: 1rem; list-style-type: upper-alpha; } ol.ol_alpha > li { position: relative; margin-left: 2rem; } ol.ol_brackets { counter-reset: cnt; margin-bottom: 1rem; } ol.ol_brackets > li { position: relative; padding-left: 1.7rem; } ol.ol_brackets > li::before { counter-increment: cnt; content: "(" counter(cnt) ")"; display: block; position: absolute; left: 0; top: 0; } article.faq_list .main ol.ol_roman { counter-reset: cnt; margin-bottom: 1rem; margin-left: 1.5rem; } article.faq_list .main ol.ol_roman > li { list-style-type: lower-roman; } .box_gray { border: #ccc solid 2px; padding: 10px; margin-bottom: 1rem; } .box_gray ol, .box_gray p { margin-bottom: 0 !important; } .box_red { border: #e80000 solid 2px; padding: 10px; margin-bottom: 1rem; } .box_red ol, .box_red p { margin-bottom: 0 !important; } .box_img { text-align: center; margin-bottom: 1rem; } .deco_ul { text-decoration: underline; } .deco_b { font-weight: bold; } table.chief_regist_application { font-size: 0.866rem; } table.chief_regist_application .bg_org { background-color: #FFE5DB; } table.chief_regist_application .bg_red { background: rgba(242, 177, 229, 0.1); } article.chief_regist.renew .main img { display: block; width: 600px; margin: 0 auto 20px auto; } article.chief_regist.renew .main .wrap-wide-table table thead th { background-color: #33501E; color: #fff; } article.chief_regist.renew .main .wrap-wide-table table tbody th { background-color: #fff; } article.chief_regist.renew .main .wrap-wide-table table tbody tr:nth-of-type(even) th, article.chief_regist.renew .main .wrap-wide-table table tbody tr:nth-of-type(even) td { background-color: #ebebeb; } article.chief_regist.renew .main .wrap-wide-table table tbody th { background: rgba(0, 0, 0, 0.1); } article.chief_regist.renew .main .tableFirst table tbody tr:nth-of-type(even) th, article.chief_regist.renew .main .tableFirst table tbody tr:nth-of-type(even) td { background: rgba(0, 0, 0, 0.05); } article.chief_regist.cancel .main ul { list-style-type: disc; margin: 0 0 1rem 1.5rem; } dl.dl_ord, dl.dl_ord_brackets { counter-reset: cnt; margin-bottom: 10px; } dl.dl_ord > dt { font-weight: bold; font-size: 1.133rem; margin-bottom: 5px; } dl.dl_ord > dt::before { counter-increment: cnt; content: counter(cnt) "."; margin-right: 10px; } dl.dl_ord > dd { margin-bottom: 20px; padding-left: 1rem; } dl.dl_ord > dd ul:not(.notes) { list-style-type: disc; margin-left: 1.5rem; } dl.dl_ord > dd ul, dl.dl_ord > dd ol { margin-bottom: 10px !important; } dl.dl_ord_brackets > dt::before { counter-increment: cnt; content: "(" counter(cnt) ")"; margin-right: 4px; } dl.dl_ord_brackets > dd { padding-left: 1.5rem; } dl.dl_ord_brackets > dd .request { margin: 10px 0; } dl.dl_tbl dt { float: left; clear: both; } dl.dl_tbl dt::after { content: ':'; float: right; } dl.dl_tbl dd { float: right; width: 80%; } dl.dl_ord dl.dl_tbl dt { width: 15%; } dl.dl_ord dl.dl_tbl dd { width: 82%; padding-left: 3%; } .tel { font-size: 1.9rem; font-weight: bold; color: #d50000; } .tel::before { content: url("../../images/inquiry/icon_tel01.svg"); width: 19px; height: 24px; margin-right: 8px; } /* ============================================================ * Mobile /* ============================================================ */ @media (max-width: 999px) { body { -webkit-text-size-adjust: 100%; } .pc, .breadcrumb { display: none; } .wrap__keyvisual-front-page { background-color: #f4f4f4; } .wrap__keyvisual-front-page .keyvisual-front-page { position: relative; } .wrap__keyvisual-front-page .keyvisual-front-page .site-title { position: absolute; right: 7%; top: 20%; width: 50%; height: auto; } header .header-main { position: relative; } header .header-main .header-main__container { width: 100%; position: fixed; background-color: #fff; z-index: 9999; border-bottom: #1b853b solid 1px; } header .header-main .header-main__container .header__title { float: left; padding: 15px 0 10px 7px; width: 50%; max-width: 195px; } header .header-main .header-main__container .nav-suv { float: right; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li { float: left; border-left: #1b853b solid 1px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li a { display: block; padding: 10px 4px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li a img { max-height: 44px; width: auto; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn-appli a { background-color: #fff; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn-appli ul.nav-sub-appli-child li { border-bottom: #63d680 solid 1px; text-align: center; background-color: #1b853b; padding: 10px 0; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn-appli ul.nav-sub-appli-child li a { display: block; background-color: #fff; width: 70%; padding: 7px 30px; margin: 0 auto; border-radius: 5px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn-chief a { background-color: #ffe600; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > a { background-color: #1b853b; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul { display: none; position: absolute; left: 0; top: 64px; width: 100%; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li { border-bottom: #63d680 solid 1px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > a { background-color: #1b853b; background-image: url("../../images/border01.png"); background-position: right center; background-repeat: repeat-y; height: 33px; padding: 17px 0 0 0; width: 85%; color: #fff; float: left; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > a span { padding-left: 10px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > span.toggle { float: right; display: block; width: 15%; height: 50px; background-color: #1b853b; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li.close > span.toggle { background-image: url("../../images/icon_toggle_down01.png"); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li.open > span.toggle { background-image: url("../../images/icon_toggle_up01.png"); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > ul { display: none; clear: both; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > ul > li { background-color: #d1e5d1; border-top: #1b853b dotted 1px; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > ul > li:first-child { border-top: none; } header .header-main .header-main__container .nav-suv .nav-sub-appli-sp > li.btn__nav-sp > ul > li > ul > li > a { font-size: 0.866rem; line-height: 1.5; display: block; padding: 10px 10px 10px 20px; background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: 6px 8px; color: #000; } header .header-main .nav-global-sp, header .header-main .nav-sub-appli-child { z-index: 9999; display: none; position: absolute; left: 0; top: 64px; width: 100%; } .header-main__search { clear: both; background-color: #1b853b; text-align: center; padding: 74px 0 10px 0; } .header-main__search input { border-radius: 5px; font-size: 1rem; } .header-main__search input[type="text"] { border: #1b853b solid 1px; height: 32px; width: 60%; margin-right: 10px; font-size: 1.05rem; line-height: 1; font-family: FontAwesome; padding: 0 10px; } .header-main__search input[type="submit"] { background-color: #d1e5d1; border: #1b853b solid 1px; color: #000; height: 32px; width: 70px; } .header-main__search .poplink.spia { left: 10% !important; width: 60%; } .accordion-sp { display: none; position: fixed; left: 0; top: 0; overflow-y: scroll; width: 100%; height: 100%; z-index: 10000; background-color: #1b853b; } .accordion-sp > li { border-bottom: #63d680 solid 1px; } .accordion-sp > li > a { background-color: #1b853b; background-image: url("../../images/border01.png"); background-position: right center; background-repeat: repeat-y; height: 33px; padding: 17px 0 0 0; width: 85%; color: #fff; float: left; font-weight: bold; } .accordion-sp > li.btn-close > a { background-image: none; float: right; width: 100%; text-align: center; text-decoration: none; color: #245331; } .accordion-sp > li.btn-close > a span { background-color: #76b285; padding: 10px 20px; border-radius: 5px; } .accordion-sp > li > a > span { padding-left: 10px; } .accordion-sp > li > span.toggle { float: right; display: block; width: 15%; height: 50px; background-color: #1b853b; } .accordion-sp > li.close > span.toggle { background-image: url("../../images/icon_toggle_down01.png"); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; } .accordion-sp > li.open > span.toggle { background-image: url("../../images/icon_toggle_up01.png"); background-position: center center; background-size: 30px auto; background-repeat: no-repeat; } .accordion-sp > li > ul { clear: both; display: none; } .accordion-sp > li > ul > li { background-color: #d1e5d1; border-top: #1b853b dotted 1px; } .accordion-sp > li > ul > li:first-child { border-top: none; } .accordion-sp > li > ul > li > a { font-size: 0.866rem; line-height: 1.5; display: block; padding: 10px 10px 10px 20px; background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: 6px 8px; color: #000; } .accordion-sp > li > ul > li > ul { clear: both; padding-left: 20px; } .accordion-sp > li > ul > li > ul > li { background-color: #d1e5d1; } .accordion-sp > li > ul > li > ul > li > a { padding: 10px 10px 10px 0px; font-size: 0.866rem; line-height: 2.5; color: #000; } .accordion-sp li.title { position: relative; list-style-type: none; font-size: 0.866rem; padding: 10px 10px 10px 0px; } .accordion-sp li.title:before { content: ''; position: absolute; bottom: 1.1em; left: -1.2em; width: 5px; height: 5px; background-color: #da3c3c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .accordion-sp .list-mark.multi-level li:not(.title) { margin-left: 1em; } footer .footer__border-top .footer__sup .footer__sup__nav { margin-bottom: 20px; } footer .footer__border-top .footer__sup .footer__sup__nav li { border-bottom: #666 solid 1px; } footer .footer__border-top .footer__sup .footer__sup__nav li a { display: block; padding: 17px 10px; color: #000; } footer .footer__border-top .footer__sup .footer__sup__bnr { width: 80%; max-width: 300px; height: auto; margin: 0 auto 20px auto; } footer .footer__border-top .footer__sup .footer__nav-sub { text-align: center; } footer .footer__border-top .footer__sup .footer__nav-sub small { font-size: 0.733rem; } .wrap-wide-table { width: 100%; margin-bottom: 10px; overflow-x: scroll; background: linear-gradient(to left, rgba(255, 255, 255, 0), white 15px) 0 0/50px 100%, linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), white 15px) right/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4)) right/20px 100%; background-repeat: no-repeat; background-attachment: local, scroll, local, scroll; } .wrap-wide-table.faq_table { max-width: 680px; background-color: #fff; } .wrap-wide-table.faq_table table { margin-bottom: 0px !important; } .wrap-wide-table.faq_table table .center { text-align: center; } .wrap-wide-table table, .wrap-wide-table .wrap-wide-inner { width: 680px; } .wrap-wide-table th, .wrap-wide-table td { font-size: 15px; } .wrap-normal-table { width: 100%; overflow: hidden; margin-bottom: 35px; } .wrap-normal-table th, .wrap-normal-table td { font-size: 15px; } /* ============================================================ * Mobile HOME /* ============================================================ */ article.front-page { margin: 0 auto; padding: 20px 0 0 0; background-color: #f4f4f4; } article.front-page section.examinee, article.front-page section.first, article.front-page section.qualification { width: 92%; margin: 0 auto; } article.front-page section.examinee > h3, article.front-page section.first > h3, article.front-page section.qualification .course > h3, article.front-page section.qualification .regi > h3 { margin-top: 1em; } article.front-page section.examinee > ul > li, article.front-page section.first > ul > li, article.front-page section.qualification .course > ul > li, article.front-page section.qualification .regi > ul > li { width: 32%; float: left; margin-right: 2%; margin-bottom: 2%; text-align: center; } article.front-page section.examinee > ul > li:nth-child(3n), article.front-page section.first > ul > li:nth-child(3n), article.front-page section.qualification .course > ul > li:nth-child(3n), article.front-page section.qualification .regi > ul > li:nth-child(3n) { margin-right: 0; } article.front-page section.examinee > ul > li a, article.front-page section.first > ul > li a, article.front-page section.qualification .course > ul > li a, article.front-page section.qualification .regi > ul > li a { display: block; border: #bcbcbc solid 2px; background-color: #fff; padding: 10px; border-radius: 7px; } article.front-page section.examinee > ul > li.btn-wide a, article.front-page section.first > ul > li.btn-wide a, article.front-page section.qualification .course > ul > li.btn-wide a, article.front-page section.qualification .regi > ul > li.btn-wide a { padding: 0; } article.front-page section.examinee { margin-bottom: 20px; } article.front-page section.examinee h2 { background-color: #e06a00; color: #fff; height: 32px; padding: 13px 10px 0 13px; margin-bottom: 12px; font-weight: bold; font-size: 1rem; border-radius: 5px; } article.front-page section.first h2, article.front-page section.qualification h2 { background-color: #1b853b; color: #fff; height: 32px; padding: 13px 10px 0 40px; margin-bottom: 12px; font-weight: bold; font-size: 1rem; border-radius: 5px; background-size: auto 24px; background-repeat: no-repeat; background-position: left 13px center; } article.front-page section.first h2 span, article.front-page section.qualification h2 span { display: block; float: left; } article.front-page section.first h2 span.title, article.front-page section.qualification h2 span.title { width: 85%; } article.front-page section.first h2 span.toggle, article.front-page section.qualification h2 span.toggle { width: 15%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: 30px auto; } article.front-page section.first h2 span.toggle.close, article.front-page section.qualification h2 span.toggle.close { background-image: url("../../images/icon_toggle_down01.png"); } article.front-page section.first h2 span.toggle.open, article.front-page section.qualification h2 span.toggle.open { background-image: url("../../images/icon_toggle_up01.png"); } article.front-page section.first .accordion, article.front-page section.qualification .accordion { display: none; } article.front-page section.first h2 { background-image: url("../../images/icon_firsttime01.png"); } article.front-page section.qualification { margin-bottom: 20px; } article.front-page section.qualification h2 { background-image: url("../../images/icon_qualified01.png"); } article.front-page section.qualification .course h3, article.front-page section.qualification .regi h3 { text-align: center; font-weight: bold; margin-bottom: 10px; color: #408344; border-bottom: #408344 solid 2px; } article.front-page section.topics, article.front-page section.intro { background-color: #fff; /* -------------------- 試験会場別開催状況のお知らせタイトル -------------------- */ } article.front-page section.topics h2, article.front-page section.intro h2 { font-size: 1.05rem; font-weight: bold; border-top: #408344 solid 4px; padding: 20px 10px; } article.front-page section.topics h2#status, article.front-page section.intro h2#status { border-top: #E06A00 solid 4px; color: #E06A00; } article.front-page section.topics ul li, article.front-page section.intro ul li { border-top: #ccc solid 1px; padding: 10px; font-size: 0.866rem; } article.front-page section.topics ul li a, article.front-page section.intro ul li a { display: block; color: #245331; text-decoration: underline; } article.front-page section.topics a.btn-backnum, article.front-page section.intro a.btn-backnum { display: block; background-color: #e9f2e9; padding: 20px; text-align: center; color: #245331; text-decoration: underline; } article.front-page section.topics a.btn-backnum span, article.front-page section.intro a.btn-backnum span { background-image: url("../../images/icon_link01.png"); background-size: 6px 8px; background-repeat: no-repeat; background-position: left center; padding-left: 12px; } article.front-page section.intro p { width: 92%; margin: 0 auto 20px auto; } article.front-page section.intro p em { border-bottom: #000 dashed 1px; } /* ============================================================ * Mobile INSIDE /* ============================================================ */ body > h1 { background-color: #005e26; font-size: 1.05rem; padding: 20px; font-weight: bold; } article.page .main { width: 92%; margin: 20px auto; } article.page .main h2, article.page .main h3, article.page .main h4, article.page .main h5, article.page .main h6 { font-size: 1rem; font-weight: bold; } article.page .main h2 { padding: 10px; margin-bottom: 15px; } article.page .main h3 { padding: 10px; margin-bottom: 15px; } article.page .main h4 { padding: 5px 10px; margin-bottom: 15px; } article.page .main h5, article.page .main h6 { margin-bottom: 15px; } article.page .main h5 { padding: 5px 0; } article.page .main h6 { padding: 5px 0 5px 10px; } article.page .main p { margin-bottom: 1rem; } article.page .main ul.notes { color: #666; margin-top: 5px; margin-bottom: 20px; } article.page .main ul.notes li::before { content: "※"; } article.page .main ul.notes-indent { color: #666; margin-top: 5px; margin-bottom: 20px; } article.page .main ul.notes-indent li { list-style: outside; list-style-type: none; position: relative; } article.page .main ul.notes-indent li:before { content: "※"; position: absolute; left: -1.5em; top: 0; } article.page .main ul.notes-increment { margin-bottom: 20px; margin-left: 1.7em; color: #666; counter-reset: cnt; } article.page .main ul.notes-increment li { list-style: outside; list-style-type: none; position: relative; padding-left: 0.5em; } article.page .main ul.notes-increment li:before { counter-increment: cnt; content: "※" counter(cnt); position: absolute; left: -1.5em; top: 0; } article.page .main ul.list-result-current { margin-bottom: 10px; } article.page .main ul.list-result-current li { padding: 10px 15px; } article.page .main ul.list-result-current li > a { float: none; width: 100%; } article.page .main ul.list-result-current li dl { float: none; } article.page .main ul.list-result-current li dl dd { margin-bottom: 5px; } article.page .main ul.list-result-archive li { width: auto; padding: 10px 15px; float: none; margin-right: 0; } article.page .main ul.list-result-archive li > a { width: 100%; } article.page .main ul.list-result-archive li dl dd { margin-bottom: 5px; } article.page .main ul.list-exam-result-detail { margin-bottom: 40px; } article.page .main ul.list-exam-result-detail li { float: left; width: 30%; margin: 0 0 10px 10px; } article.page .main ol { margin-bottom: 40px; } article.page .main .sub-nav-exam, article.page .main .sub-nav-exam2 { padding: 10px; margin-bottom: 20px; } article.page .main .sub-nav-exam dt, article.page .main .sub-nav-exam2 dt { font-size: 1rem; margin-bottom: 5px; font-weight: bold; } article.page .main .sub-nav-exam dd, article.page .main .sub-nav-exam2 dd { float: left; margin-right: 7px; } article.page .main .sub-nav-exam dd:last-of-type, article.page .main .sub-nav-exam2 dd:last-of-type { margin-right: 0; } article.page .main .sub-nav-exam dd a, article.page .main .sub-nav-exam2 dd a { width: 100%; font-size: 0.933rem; } article.page .main .sub-nav-exam dd a span, article.page .main .sub-nav-exam2 dd a span { padding-right: 10px; } article.page .main .sub-nav-exam dd { width: 31.5%; } article.page .main .sub-nav-exam2 dd { width: 48.5%; } article.page .main .sub-nav-exam3 { padding: 10px 10px 3px 10px; margin-bottom: 20px; } article.page .main .sub-nav-exam3 li { width: 48.5%; margin-right: 7px; margin-bottom: 7px; } article.page .main .sub-nav-exam3 li:nth-child(2n) { margin-right: 0; } article.page .main .sub-nav-exam3 li a { width: 100%; } article.page .main ul.list-howto { margin-bottom: 30px; } article.page .main ul.list-howto li { margin-bottom: 10px; width: 43%; max-width: 150px; } article.page .main ul.list-howto li img { width: 100%; max-width: 150px; height: auto; } article.page .main ol.list-flow li::before { height: auto; } article.page .main ol.list-flow li span { padding-top: 5px; padding-bottom: 5px; padding-left: 50px; padding-right: 10px; line-height: 1.6; } article.page .main .carrier strong { font-weight: bold; } article.page .main .carrier strong::before { content: "●"; } article.page .main .request a, article.page .main .no-request a { width: 70%; } article.page .sidebar { width: 100%; border-top: #408344 solid 4px; /* dd */ /* -------------------- サイドメニューの階層 -------------------- */ /* dd.down-list */ } article.page .sidebar dt.category-name { border-bottom: #ccc solid 1px; font-weight: bold; } article.page .sidebar dt.category-name a { color: #000; display: block; padding: 15px 10px; } article.page .sidebar dd { border-bottom: #ccc dotted 1px; font-size: 0.933rem; } article.page .sidebar dd:last-of-type { border-bottom: none; } article.page .sidebar dd a { display: block; background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: 6px 8px; padding-left: 12px; color: #000; padding: 15px 10px 15px 20px; } article.page .sidebar dd.down-list { /* a */ } article.page .sidebar dd.down-list a { background-image: url("../../images/icon_current_page_down.png"); background-size: 8px 6px; } article.page .sidebar dd.down-list a + a { background: #eee; border-top: 1px solid #fff; background-image: none; padding-left: 35px; } article.page .sidebar dd.down-list a + a:hover { background: #fafafa; } article.page .sidebar dd.down-list p { padding: 15px 10px 15px 35px; background-color: #fff8e7; position: relative; text-decoration: none; } article.page .sidebar dd.down-list p:before { content: ''; position: absolute; bottom: 1.7em; left: 1.5em; width: 5px; height: 5px; background-color: #da3c3c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } article.page .sidebar dd.down-list p + a { background: #eee; border-top: 1px solid #fff; background-image: none; padding-left: 35px; } article.page .sidebar dd.down-list p + a:hover { background: #fafafa; } /* article.page .sidebar */ article.topics .main section ul li a { display: block; padding-left: 0; } article.announce .main .table01 table, article.announce .main .table02 table, article.announce .main .table03 table, article.announce .main .table04 table, article.announce .main .table06 table { margin-bottom: 0; } article.announce .main .table02 { margin-bottom: 30px; } article.announce .main .table05 table:last-of-type { margin-bottom: 0; } article.announce .main .table05, article.announce .main .table06 { margin-bottom: 10px; } article.result .table01, article.enforcement .table01 { margin-bottom: 20px; } article.result .table01 table, article.enforcement .table01 table { margin-bottom: 0; } } /* ============================================================ * Desktop /* ============================================================ */ @media (min-width: 1000px) { .sp { display: none; } .wrap__keyvisual-front-page { width: 100%; background-color: #f4f4f4; background-image: url("../../images/bg_keyvisual01.jpg"); background-repeat: repeat-x; background-position: left top; padding-bottom: 30px; } .wrap__keyvisual-front-page .keyvisual-front-page { width: 1000px; margin: 0 auto; position: relative; } .wrap__keyvisual-front-page .keyvisual-front-page .site-title { position: absolute; right: 60px; top: 90px; } header { border-bottom: #408344 solid 4px; width: 100%; height: 145px; padding-bottom: 10px; background-color: #fff; width: 100%; z-index: 9999; } header .header-utility { position: relative; background-color: #eee; font-size: 0.8rem; } header .header-utility .header-utility__container, header .header-main { width: 1000px; margin: 0 auto; } header .header-utility .header-utility__container .site-name { float: left; padding: 12px 0; color: #5e5e5e; } header .header-utility .header-utility__container .nav-sub { float: right; } header .header-utility .header-utility__container .nav-sub .nav-sub-contact, header .header-utility .header-utility__container .nav-sub .nav-sub-appli, header .header-utility .header-utility__container .nav-sub .nav-sub-contact li, header .header-utility .header-utility__container .nav-sub .nav-sub-appli li { float: left; margin-left: 10px; } header .header-utility .header-utility__container .nav-sub .nav-sub-contact { padding: 12px 0; } header .header-utility .header-utility__container .nav-sub .nav-sub-contact li a { background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-size: 6px 8px; background-position: left center; padding-left: 10px; color: #000; } header .header-utility .header-utility__container .nav-sub .nav-sub-appli .appli a, header .header-utility .header-utility__container .nav-sub .nav-sub-appli .chief a { display: block; height: 27px; padding: 9px 15px 0 15px; } header .header-utility .header-utility__container .nav-sub .nav-sub-appli .appli a { background-color: #1b853b; border-right: #1b853b solid 1px; border-bottom: #1b853b solid 1px; border-left: #1b853b solid 1px; } header .header-utility .header-utility__container .nav-sub .nav-sub-appli .appli a img { width: 153px; height: auto; } header .header-utility .header-utility__container .nav-sub .nav-sub-appli .chief a { background-color: #ffe600; border-right: #c1a11a solid 1px; border-bottom: #c1a11a solid 1px; border-left: #c1a11a solid 1px; } header .header-utility .header-utility__container .nav-sub .nav-sub-appli .chief a img { width: 158px; height: auto; } header .header-utility .nav-sub-appli-child-pc { display: none; position: absolute; width: 100%; text-align: center; left: 0; top: 36px; background-color: #1b853b; padding: 26px 0 26px 0; border-bottom: #dfeadf solid 1px; } header .header-utility .nav-sub-appli-child-pc li { display: inline-block; margin: 0 20px; } header .header-utility .nav-sub-appli-child-pc li a { display: block; background-color: #fff; width: 460px; padding: 18px 0; border-radius: 5px; } header .header-utility .nav-sub-appli-child-pc li a img { width: 278px; height: auto; } header .header-main .header-main__container { padding: 15px 0; } header .header-main .header-main__container .header__title { float: left; } header .header-main .header-main__container .header__title img { width: 233px; height: auto; } header .header-main .header-main__container .header__title a:hover { text-decoration: none; } header .header-main .header-main__container .header-main__search { float: right; } header .header-main .header-main__container .header-main__search input { border-radius: 5px; font-size: 1rem; float: left; } header .header-main .header-main__container .header-main__search input[type="text"] { border: #1b853b solid 1px; height: 25px; width: 290px; margin-right: 10px; font-family: FontAwesome; padding: 2px 10px; } header .header-main .header-main__container .header-main__search input[type="submit"] { background-color: #1b853b; border: #1b853b solid 1px; color: #fff; height: 30px; width: 70px; } header .header-main .header-main__container .header-main__search .poplink.spia { left: auto !important; width: 290px; } header .header-main .header-main__container .header-main__search .poplink_suggest { position: relative; top: 25px; } header .nav-global-pc ul { text-align: center; } header .nav-global-pc ul li { display: inline-block; padding-bottom: 12px; } header .nav-global-pc ul li.current { background-image: url("../../images/icon_current_page.png"); background-repeat: no-repeat; background-position: center bottom; } header .nav-global-pc ul li:first-child a { border-left: #ccc solid 1px; } header .nav-global-pc ul li a { display: block; color: #000; font-size: 1.05rem; font-weight: bold; text-align: center; padding: 10px 38px; border-right: #ccc solid 1px; } header .nav-global-pc ul li a:hover { text-decoration: none; color: #2aa84a; } footer .footer__nav-sitemap, footer .footer__border-top .footer__sup { margin: 0 auto; width: 1000px; } footer .footer__nav-sitemap { padding: 20px 0; } footer .footer__nav-sitemap dl { float: left; width: 180px; margin-right: 20px; } footer .footer__nav-sitemap dl a { color: #000; } footer .footer__nav-sitemap dl dt { font-size: 0.866rem; margin-bottom: 10px; } footer .footer__nav-sitemap dl dd { font-size: 0.733rem; margin-bottom: 10px; } footer .footer__nav-sitemap dl dd ul { list-style-type: disc; margin-left: 15px; } footer .footer__nav-sitemap dl dd ul li { margin-bottom: 5px; } footer .footer__border-top .footer__sup { padding: 20px 0; } footer .footer__border-top .footer__sup .footer__sup__bnr { float: left; width: 325px; height: auto; } footer .footer__border-top .footer__sup .footer__nav-sub { float: right; text-align: right; } footer .footer__border-top .footer__sup .footer__nav-sub .nav-sub-privacy { margin-bottom: 10px; } footer .footer__border-top .footer__sup .footer__nav-sub .nav-sub-privacy a { color: #000; } .wrap-wide-table { width: 100%; } .wrap-wide-table.faq_table { background-color: #fff; } .wrap-wide-table.faq_table table { margin-bottom: 0px !important; } .wrap-wide-table.faq_table table .center { text-align: center; } .wrap-wide-table table:not(.faq_table), .wrap-wide-table .wrap-wide-inner { width: 680px; } .wrap-wide-table .t-center-table td { text-align: center; } .wrap-normal-table { width: 100%; } /* ============================================================ * Desktop HOME /* ============================================================ */ article.front-page { width: 100%; } article.front-page .examinee, article.front-page .first, article.front-page .qualification { background-color: #f4f4f4; padding-bottom: 40px; } article.front-page .examinee h2, article.front-page .first h2, article.front-page .qualification h2 { font-size: 1.533rem; margin: 0 auto; font-weight: bold; } article.front-page .examinee > div, article.front-page .examinee > ul, article.front-page .first > div, article.front-page .first > ul, article.front-page .qualification > div, article.front-page .qualification > ul { width: 1000px; margin: 0 auto; } article.front-page .examinee ul li, article.front-page .first ul li, article.front-page .qualification ul li { float: left; } article.front-page .examinee ul li a:hover img, article.front-page .first ul li a:hover img, article.front-page .qualification ul li a:hover img { -webkit-filter: brightness(1.5); -moz-filter: brightness(1.5); -ms-filter: brightness(1.5); -o-filter: brightness(1.5); filter: brightness(1.5); } article.front-page .examinee h2 { width: 980px; background-color: #e06a00; color: #fff; padding: 15px 0 15px 20px; border-radius: 5px; margin-bottom: 23px; } article.front-page .examinee ul li { width: 320px; text-align: center; margin-right: 20px; } article.front-page .examinee ul li:nth-child(3n) { margin-right: 0; } article.front-page .examinee ul li a { display: block; background-color: #fff; border: #ccc solid 2px; border-radius: 10px; padding: 10px; } article.front-page .examinee ul li a img { height: 55px; width: auto; } article.front-page .first h2, article.front-page .qualification h2 { background-color: #1b853b; background-repeat: no-repeat; background-position: left 13px center; background-size: auto 35px; width: 950px; padding: 15px 0 15px 50px; color: #fff; border-radius: 5px; margin-bottom: 23px; } article.front-page .first ul li, article.front-page .qualification ul li { width: 150px; text-align: center; margin-right: 20px; } article.front-page .first ul li a, article.front-page .qualification ul li a { display: block; background-color: #fff; border: #ccc solid 2px; border-radius: 10px; padding: 10px; } article.front-page .first ul li.btn-wide a, article.front-page .qualification ul li.btn-wide a { padding: 0; } article.front-page .first h2 { background-image: url("../../images/icon_firsttime01.png"); } article.front-page .first ul li:nth-child(6n) { margin-right: 0; } article.front-page .qualification { margin-bottom: 40px; } article.front-page .qualification h2 { background-image: url("../../images/icon_qualified01.png"); } article.front-page .qualification ul li:nth-child(6n) { margin-right: 0; margin-bottom: 20px; } article.front-page .qualification h3 { font-size: 1.266rem; font-weight: bold; margin-bottom: 20px; color: #408344; border-bottom: #408344 solid 2px; } article.front-page .topics, article.front-page .intro { width: 1000px; margin: 0 auto 40px auto; /* -------------------- 試験会場別開催状況のお知らせタイトル -------------------- */ } article.front-page .topics h2, article.front-page .intro h2 { font-size: 1.266rem; margin-bottom: 25px; border-left: #408344 solid 6px; padding: 10px 0 10px 10px; font-weight: bold; } article.front-page .topics h2#status, article.front-page .intro h2#status { border-left: #E06A00 solid 6px; color: #E06A00; } article.front-page .topics ul li, article.front-page .intro ul li { padding: 20px 0; border-top: #ccc solid 1px; color: #999; } article.front-page .topics ul li a, article.front-page .intro ul li a { color: #245331; text-decoration: underline; padding-left: 20px; font-size: 1.05rem; } article.front-page .topics ul li a:hover, article.front-page .intro ul li a:hover { text-decoration: none; } article.front-page .topics a.btn-backnum, article.front-page .intro a.btn-backnum { display: block; border-top: #ccc solid 1px; text-align: center; padding: 20px 0; background-color: #e9f2e9; color: #245331; text-decoration: underline; } article.front-page .topics a.btn-backnum:hover, article.front-page .intro a.btn-backnum:hover { text-decoration: none; background-color: #eee; } article.front-page .topics a.btn-backnum span, article.front-page .intro a.btn-backnum span { background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-position: left center; background-size: 6px 8px; padding-left: 12px; } article.front-page .intro p { margin-bottom: 30px; } article.front-page .intro p em { border-bottom: #000 dashed 1px; } /* ============================================================ * Desktop INSIDE /* ============================================================ */ body > h1 { background-color: #1b853b; font-size: 1.9rem; font-weight: bold; padding: 30px 0; } body > h1 span { width: 1000px; } .breadcrumb { background-color: #eee; } .breadcrumb ul { width: 1000px; margin: 0 auto; padding: 15px 0; } .breadcrumb ul li { float: left; font-size: 0.866rem; } .breadcrumb ul li::before { content: ">"; margin: 0 5px; color: #999; } .breadcrumb ul li:first-child::before { content: none; } .breadcrumb ul li a { color: #999; text-decoration: underline; } .breadcrumb ul li a:hover { text-decoration: none; } article.page { width: 1000px; padding-top: 40px; } article.page .main { width: 680px; float: left; } article.page .main h2, article.page .main h3, article.page .main h4, article.page .main h5, article.page .main h6 { font-weight: bold; } article.page .main h2 { font-size: 1.266rem; padding: 15px; margin-bottom: 30px; } article.page .main h3 { font-size: 1.133rem; padding: 10px; margin-bottom: 20px; } article.page .main h4 { font-size: 1.133rem; padding: 5px 10px; margin-bottom: 20px; } article.page .main h5 { font-size: 1.05rem; } article.page .main h5, article.page .main h6 { margin-bottom: 15px; } article.page .main p { margin-bottom: 1rem; } article.page .main ul.notes { margin-top: 5px; margin-bottom: 20px; color: #666; } article.page .main ul.notes li::before { content: "※"; } article.page .main ul.notes-indent { color: #666; margin-top: 5px; margin-bottom: 20px; } article.page .main ul.notes-indent li { list-style: outside; list-style-type: none; position: relative; } article.page .main ul.notes-indent li:before { content: "※"; position: absolute; left: -1.5em; top: 0; } article.page .main ul.notes-increment { margin-bottom: 20px; margin-left: 1.7em; color: #666; counter-reset: cnt; } article.page .main ul.notes-increment li { list-style: outside; list-style-type: none; position: relative; padding-left: 0.5em; } article.page .main ul.notes-increment li:before { counter-increment: cnt; content: "※" counter(cnt); position: absolute; left: -1.5em; top: 0; } article.page .main ul.list-exam-result-detail { margin-bottom: 40px; } article.page .main ul.list-exam-result-detail li { float: left; width: 20%; margin: 0 0 10px 30px; } article.page .main ol { margin-bottom: 40px; } article.page .sidebar { width: 270px; float: right; margin-bottom: 40px; /* dd */ /* -------------------- サイドメニューの階層 -------------------- */ /* dd.down-list */ } article.page .sidebar dt.category-name { background-color: #1b853b; font-size: 17px; } article.page .sidebar dt.category-name a { color: #fff; display: block; padding: 20px 10px; } article.page .sidebar dt.category-name a:hover { background-color: #2aa84a; text-decoration: none; } article.page .sidebar dd { border-right: #ccc solid 1px; border-bottom: #ccc dotted 1px; border-left: #ccc solid 1px; font-size: 0.933rem; } article.page .sidebar dd:last-of-type { border-bottom: #ccc solid 1px; } article.page .sidebar dd a { display: block; background-image: url("../../images/icon_link01.png"); background-repeat: no-repeat; background-position: left 10px center; background-size: 6px 8px; padding: 15px 10px 15px 22px; color: #000; } article.page .sidebar dd a:hover { background-color: #eee; text-decoration: none; } article.page .sidebar dd.down-list { /* a */ } article.page .sidebar dd.down-list a { background-image: url("../../images/icon_current_page_down.png"); background-size: 8px 6px; } article.page .sidebar dd.down-list a + a { background: #eee; border-top: 1px solid #fff; background-image: none; padding-left: 35px; } article.page .sidebar dd.down-list a + a:hover { background: #fafafa; } article.page .sidebar dd.down-list p { padding: 15px 10px 15px 35px; background-color: #fff8e7; position: relative; text-decoration: none; } article.page .sidebar dd.down-list p:before { content: ''; position: absolute; bottom: 1.7em; left: 1.5em; width: 5px; height: 5px; background-color: #da3c3c; -webkit-transform: rotate(45deg); transform: rotate(45deg); } article.page .sidebar dd.down-list p + a { background: #eee; border-top: 1px solid #fff; background-image: none; padding-left: 35px; } article.page .sidebar dd.down-list p + a:hover { background: #fafafa; } /* article.page .sidebar */ } div.no_after *::after { display: none; } .redBold { color: #e80000; font-weight: bold; } .redBold a { color: #e80000; text-decoration: underline; } .redBold a:hover { text-decoration: none; } /* .redBold */ ol.custom-num li { margin-left: 1em; } ol.custom-num li.first:before { content: '①'; margin-left: -1em; font-size: 100%; position: relative; } ol.custom-num li.second:before { content: '②'; margin-left: -1em; font-size: 100%; position: relative; } .sitemap_list { margin: 0px 1em 1em 1em; } .sitemap_list a { color: #245331; position: relative; text-decoration: underline !important; } .sitemap_list a:hover { text-decoration: none !important; } .sitemap_list li { margin-bottom: 0.2em; } .sitemap_list ul li.sitemap_green:before { content: '▶︎'; margin-left: -1em; color: #1b853a; font-size: 65%; position: relative; top: -0.1em; } .sitemap_list .list_only { float: left; width: 50%; list-style-type: none; } .sitemap_list .list_left { float: left; width: 50%; list-style-type: none; } .sitemap_list .list_right { float: right; width: 50%; } .marginImg { margin-bottom: 15px; } p.right { text-align: right; } .page.error { padding-bottom: 50px; } .page.error .error_title_green { color: #548235; font-weight: bold; } .page.error .error_title { font-size: 2em; margin-bottom: 2em; } .scroll-lock { position: fixed; width: 100%; height: 100%; }