@charset "utf-8";
.mod-tab-01 { margin: 20px 0;} .mod-tab-list-01 { display: flex; list-style: none; margin: -10px -5px; } @media screen and (max-width:480px) { .mod-tab-list-01 { margin-right: -2.5px; margin-left: -2.5px; } } .mod-tab-list-01 li { margin: 10px 5px;} @media screen and (max-width:480px) { .mod-tab-list-01 li { margin-right: 2.5px; margin-left: 2.5px; } .mod-tab-list-01.column-three li { width: 100%; max-width: calc(calc(100% / 3) - 5px); } } .mod-tab-list-01 a { display: block; border: solid 1px #1a5fbd; border-radius: 15px; padding: 3.5px 15px; height: 100%; line-height: 1.5; text-align: center; text-decoration: none; color: #1a5fbd; background: #ffffff; } .mod-tab-list-01 a:hover { background: #e8eff8;} .mod-tab-list-01 a[aria-selected="true"] { position: relative; border-color: #1a5fbd; font-weight: bold; color: #ffffff; background: #1a5fbd; } .mod-tab-list-01 a[aria-selected="true"]::after { content: ""; position: absolute; top: 100%; left: 50%; border: 6px solid transparent; border-top: 10px solid #1a5fbd; margin-left: -6px; } @media screen and (max-width:480px) { .mod-tab-list-01 a { padding: 5.5px 10px; font-size: 85.7%; } } .mod-tab-list-01.column-three a br { display: none;} @media screen and (max-width:480px) { .mod-tab-list-01.column-three a br { display: block;} } .mod-tab-panel-01 { margin-top: 40px;} .mod-tab-panel-01 > *:first-child { margin-top: 0;} .mod-tab-panel-01 > *:last-child { margin-bottom: 0;}.mod-filter-01 { margin-bottom: 40px;} .list-filter-switch-01 { display: flex; justify-content: space-between; list-style: none; margin: 0; } .list-filter-switch-01 .item-filter-switch {} .list-filter-switch-01 .item-filter-switch-toggle { flex-shrink: 0;} .list-filter-switch-01 .item-filter-switch-check {} .list-filter-switch-01 .item-filter-switch-check-in { display: flex; margin: -10px -10px -10px 10px; } @media screen and (max-width:480px) { .list-filter-switch-01 .item-filter-switch-check-in { display: block;} } .list-filter-switch-01 .item-filter-switch-check .btn-check-01 { display: block; margin: 10px; } .list-filter-element-01 { list-style: none; margin: 40px 0 0 0; } .list-filter-element-01 .item-filter-element {} .list-filter-element-01 .item-filter-element + .item-filter-element { margin-top: 20px; border-top: solid 1px #e6e6e6; padding-top: 20px; } .list-filter-element-01 .ttl-filter-element { margin: 0 0 20px 0; width: 100%; font-weight: bold; } .list-filter-element-01 .list-filter-element-in { flex: 1; display: flex; flex-wrap: wrap; list-style: none; margin: -5px; } .list-filter-element-01 .item-filter-element-set.wrap .list-filter-element-in { flex: auto;} @media screen and (max-width:480px) { .list-filter-element-01 .list-filter-element-in { flex: auto;} } .list-filter-element-01 .item-filter-element-in { margin: 5px;}.nav-bnr-02 { margin-top: 60px;}.nav-more-01 { margin-top: 20px; text-align: right;}.nav-pager { margin-top: 30px;}.list-pager { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: -2.5px;} .item-pager { margin: 2.5px;} .link-pager { display: block; border: solid 1px #1a5fbd; border-radius: 15px; padding: 3.5px 0; min-width: 30px; height: 100%; line-height: 1.5; text-align: center; text-decoration: none; color: #1a5fbd !important; background: #ffffff; } .link-pager:hover { background-color: #e8eff8 !important;} .link-pager.link-pager-prev { padding-right: 10px; padding-left: 22px; background: url("/common/files/ico_arrow_left_01.svg") no-repeat 5px center; } .link-pager.link-pager-next { padding-right: 22px; padding-left: 10px; background: url("/common/files/ico_arrow_right_01.svg") no-repeat right 5px center; } .link-pager.is-current { color: #ffffff !important; background: #1a5fbd !important; }.list-pager-txt { display: flex; justify-content: space-between; list-style: none; margin: 0;}@media screen and (max-width:480px) {.list-pager-txt { flex-wrap: wrap;}} .item-pager-txt { width: calc(50% - 20px); max-width: 280px; } .item-pager-txt.item-pager-txt-prev {} .item-pager-txt.item-pager-txt-next:first-child { margin-left: auto;} @media screen and (max-width:480px) { .item-pager-txt { width: 100%; max-width: none; } .item-pager-txt + .item-pager-txt { margin-top: 20px;} } .link-pager-txt { display: flex; align-items: center; border: solid 1px #1a5fbd; border-radius: 5px; padding: 10px; height: 100%; min-height: calc(3em + 20px); line-height: 1.5; font-size: 85.7%; text-decoration: none; color: #1a5fbd !important; background: #ffffff; } .link-pager-txt:hover { background-color: #e8eff8 !important;} .link-pager-txt.link-pager-txt-prev { margin-right: auto; padding-left: 22px; background: url("/common/files/ico_arrow_left_01.svg") no-repeat 5px center; } .link-pager-txt.link-pager-txt-next { margin-left: auto; padding-right: 22px; background: url("/common/files/ico_arrow_right_01.svg") no-repeat right 5px center; }.btn-cmn-01,.btn-cmn-02,.btn-cmn-03,.btn-cmn-04,.btn-cmn-05 { display: inline-block; line-height: 1.5; text-decoration: none !important; text-align: center;}.btn-cmn-01::after,.btn-cmn-02::after,.btn-cmn-03::after,.btn-cmn-04::after,.btn-cmn-05::after { content: none !important;}.btn-cmn-01 { border: solid 1px #ffffff; border-radius: 20px; padding: 9.5px 32px; min-width: 300px; color: #ffffff !important; background: #1a5fbd url("/common/files/ico_arrow_right_02.svg") no-repeat right 10px center;}.btn-cmn-01[target="_blank"] { background-image: url("/common/files/ico_blank_02.svg");}.btn-cmn-01:hover { background-color: #487fca;}.btn-cmn-02 { border: solid 1px #ffffff; border-radius: 11px; padding: 2.5px 22px 2.5px 17px; min-width: 100px; font-size: 71%; color: #ffffff !important; background: #4d4d4d url("/common/files/ico_arrow_right_02.svg") no-repeat right 5px center;}.btn-cmn-02[target="_blank"] { background-image: url("/common/files/ico_blank_02.svg");}.btn-cmn-02:hover { background-color: #666666;}.btn-cmn-03 { border: solid 1px #1753a5; border-radius: 20px; padding: 9.5px 32px; min-width: 200px; color: #1753a5 !important; background: #ffffff url("/common/files/ico_arrow_right_01.svg") no-repeat right 10px center;}.btn-cmn-03[target="_blank"] { background-image: url("/common/files/ico_blank_01.svg");}.btn-cmn-03:hover { background-color: #e8eff8;}.btn-toggle-01 { border-radius: 20px !important; padding: 9.5px 32px !important; color: #333333 !important; background: #f2f2f2 url("/common/files/ico_arrow_down_01.svg") no-repeat right 10px center !important;}.btn-toggle-01.is-active { background-image: url("/common/files/ico_arrow_up_01.svg") !important;}.btn-toggle-01:hover { background-color: #e6e6e6 !important;} .btn-check-01 { cursor: pointer;} .btn-check-01 input { position: absolute; opacity:0; } .btn-check-01 .btn-check-in { display: block; position: relative; padding: 3px 0 3px 40px; } .btn-check-01 .btn-check-in:before { content: ""; display: inline-block; position: absolute; top: 0; left: 0; border-radius: 5px; width: 30px; height: 30px; background: url(/common/files/ico_check_01.svg) no-repeat #f2f2f2 center center; background-size: 20px; } .btn-check-01 input:focus + .btn-check-in:before { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; } .btn-check-01 input:checked + .btn-check-in:before { background-color: #1a5fbd; background-image: url(/common/files/ico_check_02.svg); }.btn-check-02 { cursor: pointer;} .btn-check-02 input { position: absolute; opacity:0; } .btn-check-02 .btn-check-in { display: block; border: 1px solid #e6e6e6; border-radius: 15px; padding: 4px 15px; min-width: 95px; font-size: 85.7%; text-align: center; color: #1753a5; background: #ffffff; } .btn-check-02 .btn-check-in:hover { background: #e8eff8;} .btn-check-02 input:focus + .btn-check-in { outline: 1px dotted #212121; outline: 5px auto -webkit-focus-ring-color; } .btn-check-02 input:checked + .btn-check-in { border-color: #1a5fbd; color: #ffffff; background: #1a5fbd; }.btn-list-01 { text-decoration: none; color: #1a5fbd !important;}.btn-list-01::before { display: inline-block; content: url("/common/files/ico_list_01.svg"); margin-right: 5px; line-height: 1;}.btn-list-01:hover { text-decoration: underline;}.ttl-cmn-01 { position: relative; margin: 60px 0 30px 0; padding-bottom: 6px; font-family: 'Noto Sans JP', sans-serif; font-size: 171.4%; font-weight: 700; word-break:auto-phrase;}.ttl-cmn-01:first-of-type { margin-top: 0;}.ttl-cmn-01::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 30px; height: 3px; background: #1a5fbd;}.ttl-cmn-01 + * { margin-top: 0 !important;}.ttl-cmn-02 { position: relative; z-index: 1; margin: 0 0 30px 0; padding-bottom: 6px; font-family: 'Noto Sans JP', sans-serif; font-size: 314.2%; font-weight: 700;}.ttl-cmn-02::after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; background: #1a5fbd;}.ttl-cmn-02 + * { margin-top: 0 !important;}@media screen and (max-width:480px) {.ttl-cmn-02 { font-size: 257.1%;}}.txt-lead-01{ position: relative; margin: 0 0 100px 0; padding: 0 40px 0 0;}.txt-lead-01::before{ content: ""; display: block; position: absolute; z-index: -1; top: -72px; left: -50vw; width: calc(100% + 50vw); height: calc(100% + 122px); background: #f2f2f2;}.link-tel-01 { pointer-events: none; text-decoration: none;}.link-tel-01:hover { opacity: 1;}@media screen and (max-width:768px) {.link-tel-01 { pointer-events: auto;}}.list-category-01 { display: flex; flex-wrap: wrap; list-style: none; margin: -5px !important;} .list-category-01 li { margin: 5px;}.list-bnr-01 { display: flex; flex-wrap: wrap; list-style: none; margin: -10px !important;} .list-bnr-01 li { margin: 10px; width: calc(50% - 20px); } @media screen and (max-width:768px) { .list-bnr-01 li { width: calc(100% - 20px);} } .list-bnr-01 a { display: flex; align-items: center; border-radius: 5px; padding: 20px; height: 100%; text-decoration: none; color: #333333; background: #ffffff; } .list-bnr-01 a:hover { box-shadow: 0px 0px 10px 0px rgba(26, 95, 189, 0.4);} .list-bnr-01 .fig {} .list-bnr-01 :hover img { animation: none;} .list-bnr-01 .desc { flex: 1;} .list-bnr-01 .fig + .desc { margin-left: 20px;} .list-bnr-01 .ttl { font-weight: bold;} .list-bnr-01 .txt { font-size: 85.7%; color: #666666; }.list-bnr-02 { display: flex; flex-wrap: wrap; list-style: none; margin: -10px !important;} .list-bnr-02 li { margin: 10px; width: calc(50% - 20px); } .list-bnr-02 li.column-one { width: calc(100% - 20px);} @media screen and (max-width:768px) { .list-bnr-02 li { width: calc(100% - 20px);} } .list-bnr-02 a { display: block; border-radius: 5px; padding: 40px 80px 40px 40px; height: 100%; text-decoration: none; background: #f2f2f2 url("/common/files/ico_arrow_right_03.svg") no-repeat right 25px center; } @media screen and (max-width:768px) { .list-bnr-02 a { padding: 20px 40px 20px 20px; background-size: 20px; background-position: right 10px center; } } .list-bnr-02 a:hover { box-shadow: 0px 0px 10px 0px rgba(26, 95, 189, 0.4);} .list-bnr-02 .ttl { margin-bottom: 10px; font-size: 142.8%; font-family: 'Noto Sans JP', sans-serif; font-weight: 700; color: #1753a5; } @media screen and (max-width:768px) { .list-bnr-02 .ttl { font-size: 114.2%;} } .list-bnr-02 .txt { color: #666666;}.list-notfound { list-style: none; margin-left: 0;} .item-notfound + .item-notfound { margin-top: 60px;}.form-reset button,.form-reset input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; padding: 0; font-size: 100%; background: none;}.form-reset button { cursor: pointer;}.form-reset button:hover { animation: glow 1s;}.form-reset fieldset { margin: 0; border: none; padding: 0;}.form-reset legend { padding: 0;}.form-search { display: flex; width: 100%; background: #f2f2f2;}.header-search .form-search { border-radius: 11px; padding: 0 5px 0 11px;}.contents-search .form-search { border-radius: 15px; margin-bottom: 30px; padding: 0 15px 0 20px;}@media screen and (max-width:768px) {.header-search .form-search { border-radius: 15px; margin-bottom: 30px; padding: 0 15px 0 20px;}} .txt-search { flex: 1; width: 100%; outline: none; } .header-search .txt-search { height: 22px;} .contents-search .txt-search { height: 30px;} @media screen and (max-width:768px) { .header-search .txt-search { height: 30px;} } .btn-search {}