@charset "UTF-8";

/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,
::after,
::before {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

address,
blockquote,
dl,
figure,
form,
iframe,
p,
pre,
table {
    margin: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    margin: 0
}

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace, monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

embed,
iframe,
img,
object {
    vertical-align: bottom
}

button,
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: 0 0;
    padding: 0;
    margin: 0;
    outline: 0;
    border-radius: 0;
    text-align: inherit
}

[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
    cursor: default
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

select::-ms-expand {
    display: none
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable] {
    outline: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption {
    text-align: left
}

td,
th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    box-sizing: border-box
}

body {
    background-color: #f1f6fa;
    color: #3b4040;
    line-height: 1.6;
    vertical-align: baseline;
    font-family: YuGothic, "Noto Sans JP", sans-serif;
    font-size: 16px
}

body[data-color=white] {
    background-color: #000 !important
}

body[data-color=white] * {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #fff !important
}

body[data-color=white] * .box-shadow {
    border: 1px solid #fff !important
}

body[data-color=white] * input::-moz-placeholder {
    color: #fff
}

body[data-color=white] * input:-ms-input-placeholder {
    color: #fff
}

body[data-color=white] * input::placeholder {
    color: #fff
}

body[data-color=white] * ::-ms-input-placeholder {
    color: #fff
}

body[data-color=white] * :-ms-input-placeholder {
    color: #fff
}

body[data-color=white] * :-moz-placeholder {
    color: #fff;
    opacity: 1
}

body[data-color=white] * ::-moz-placeholder {
    color: #fff;
    opacity: 1
}

body[data-color=white] header .logo svg,
body[data-color=white] path {
    fill: #fff !important
}

body[data-color=white] .header .select-color .check-box path,
body[data-color=white] .header .select-color .check-box svg,
body[data-color=white] .header .select-font-size .check-box path,
body[data-color=white] .header .select-font-size .check-box svg {
    fill: #000 !important
}

body[data-color=white] .header input[type=radio]:checked+.check-box path,
body[data-color=white] .header input[type=radio]:checked+.check-box svg {
    fill: #fff !important
}

body[data-color=white] .header .select-list .select-item {
    background-color: transparent !important
}

body[data-color=white] .index-container .section-emergency {
    border-top: 1px solid;
    border-bottom: 1px solid
}

body[data-color=white] .index-container .section-covid19 .covid19-news-item:before,
body[data-color=white] .index-container .viewed-info-list .viewed-info-item:before {
    background-color: #fff !important
}

body[data-color=white] .index-container .new-info-list .month {
    border-bottom: 1px solid
}

body[data-color=white] .content-search .search-box .button-search {
    border-left: 1px solid
}

body[data-color=white] .obotai-chatbot-controller {
    background-color: transparent !important
}

body[data-color=yellow] {
    background-color: #00f !important
}

body[data-color=yellow] * {
    color: #ff0 !important;
    background-color: #00f !important;
    border-color: #ff0 !important
}

body[data-color=yellow] * .box-shadow {
    border: 1px solid #ff0 !important
}

body[data-color=yellow] * input::-moz-placeholder {
    color: #ff0
}

body[data-color=yellow] * input:-ms-input-placeholder {
    color: #ff0
}

body[data-color=yellow] * input::placeholder {
    color: #ff0
}

body[data-color=yellow] * ::-ms-input-placeholder {
    color: #ff0
}

body[data-color=yellow] * :-ms-input-placeholder {
    color: #ff0
}

body[data-color=yellow] * :-moz-placeholder {
    color: #ff0;
    opacity: 1
}

body[data-color=yellow] * ::-moz-placeholder {
    color: #ff0;
    opacity: 1
}

body[data-color=yellow] header .logo svg,
body[data-color=yellow] path {
    fill: #ff0 !important
}

body[data-color=yellow] .header .select-color .check-box path,
body[data-color=yellow] .header .select-color .check-box svg,
body[data-color=yellow] .header .select-font-size .check-box path,
body[data-color=yellow] .header .select-font-size .check-box svg {
    fill: #00f !important
}

body[data-color=yellow] .header input[type=radio]:checked+.check-box path,
body[data-color=yellow] .header input[type=radio]:checked+.check-box svg {
    fill: #ff0 !important
}

body[data-color=yellow] .header .select-list .select-item {
    background-color: transparent !important
}

body[data-color=yellow] .index-container .section-emergency {
    border-top: 1px solid;
    border-bottom: 1px solid
}

body[data-color=yellow] .content-search .search-box .button-search {
    border-left: 1px solid
}

body[data-color=yellow] .index-container .section-covid19 .covid19-news-item:before,
body[data-color=yellow] .index-container .viewed-info-list .viewed-info-item:before {
    background-color: #ff0 !important
}

body[data-color=yellow] .index-container .new-info-list .month {
    border-bottom: 1px solid
}

body[data-color=yellow] .obotai-chatbot-controller {
    background-color: transparent !important
}

.break-for-size-large {
    display: none
}

body[data-size=large] {
    font-size: 24px
}

body[data-size=large] .break-for-size-large {
    display: inline-block
}

body[data-size=large] .index-container .section-emergency p {
    max-width: 440px
}

body[data-size=large] .content-search-keyword .search-keyword-item a,
body[data-size=large] .content-search-keyword .title,
body[data-size=large] .footer.content-request .phone .label,
body[data-size=large] .header .select-color,
body[data-size=large] .header .select-font-size,
body[data-size=large] .header .select-language,
body[data-size=large] .index-container .attempt-list .attempt-item .descirption,
body[data-size=large] .index-container .event-list .category,
body[data-size=large] .index-container .feature-info-list .show-all,
body[data-size=large] .index-container .new-info-list .new-info-item .text-wrapper .label,
body[data-size=large] .index-container .related-site-list .text,
body[data-size=large] .index-container .section-content-council .section-content-body .description,
body[data-size=large] .index-container .section-content-governor .section-content-body .description,
body[data-size=large] .index-container .section-content-purpose .purpose-list .text,
body[data-size=large] .index-container .section-covid19 .content-right p,
body[data-size=large] .index-container .section-covid19 .covid19-news-item a,
body[data-size=large] .index-container .show-more {
    font-size: 21px
}

body[data-size=large] .index-container .section-covid19 .content-left .alert-wrapper {
    font-size: 36px
}

body[data-size=large] .index-container .section-covid19 .content-right .covid19-news-item a {
    padding: 0
}

body[data-size=large] .index-container .section-content-purpose .purpose-list .text {
    line-height: 1.6
}

body[data-size=large] .footer .content-request .title-b,
body[data-size=large] .footer .title,
body[data-size=large] .index-container .section-content .section-content-header,
body[data-size=large] .index-container .section-content-media a,
body[data-size=large] .index-container .section-content-new-info .section-content-wrapper .section-content-title-wrapper .section-content-rss-wrapper a,
body[data-size=large] .index-container .section-cotent-business a,
body[data-size=large] .index-container .section-emergency p {
    font-size: 27px
}

body[data-size=large] .index-container .section-content .section-content-body .section-content-body-title {
    font-size: 25px
}

body[data-size=large] .header .select-color .select-item,
body[data-size=large] .header .select-font-size .select-item {
    padding: 11px 8px
}

body[data-size=large] .index-container .section-content-media a,
body[data-size=large] .index-container .section-cotent-business a {
    padding: 20px 10px
}

body[data-size=large] .index-container .section-content-new-info .section-content-new-info-list-wrapper .section-content-body.box-shadow .list .item .date {
    font-size: 18px
}

body[data-size=large] .index-container .section-covid19 .covid19-news-item::before {
    margin: 14px 2px 0 0
}

body[data-size=large] .index-container .viewed-info-list .viewed-info-item::before {
    margin: 14px 10px 0 0
}

body[data-size=large] .index-container .attempt-list .attempt-item a {
    align-items: flex-start
}

body[data-size=large] .index-container .back-to-top {
    font-size: 27px
}

body[data-size=large] .index-container .back-to-top svg {
    font-size: 42px
}

body[data-size=large] .index-container .section-content-new-info .section-target .new-info-filter:checked+.target-label::after {
    top: 13px
}

body[data-size=large] .index-container .section-content-new-info .section-category .new-info-filter:checked+.category-label::after {
    top: 10px
}

body[data-size=large] .footer .content-request .organizations-item {
    width: 100%
}

body[data-size=large] .footer .content-category .category-item {
    width: 100%
}

body[data-size=large] .footer .content-request .phone {
    flex-wrap: wrap
}

body[data-size=large] .footer .content-request .phone .label {
    width: 100%
}

.layout-default {
    max-width: 1024px;
    padding-left: 48px;
    padding-right: 48px;
    margin-left: auto;
    margin-right: auto
}

.box-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16)
}

.is-pc {
    display: block
}

.is-sp {
    display: none
}

.content-search {
    flex-basis: 30%
}

.content-search .search-box {
    border: 1px solid #a6adc6;
    border-radius: 40px;
    position: relative;
    min-height: 36px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    align-items: center;
    background-color: #fff;
    font-weight: 400
}

.content-search .search-box input {
    width: inherit;
    padding-left: 16px
}

.content-search .search-box .button-search {
    border-radius: 50px;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    text-align: center;
    background: #0e67e1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    transition: .2s all ease-in-out
}

.content-search .search-box .button-search:hover {
    opacity: .8
}

@media only screen and (max-width: 960px) {
    .is-pc {
        display: none
    }

    .is-sp {
        display: block
    }

    .layout-default {
        max-width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }

    body[data-size=large] .index-container .section-content-group .section-content+.section-content,
    body[data-size=large] .index-container .section-content-group .section-content-group-a,
    body[data-size=large] .index-container .section-content-group .section-content-group-left+.section-content-group-right,
    body[data-size=large] .index-container .section-content-group+.section-content-group {
        margin-top: 50px
    }

    body[data-size=large] .index-container .section-content-group-d .section-content+.section-content,
    body[data-size=large] .index-container .section-content-group-d .section-content-group-e>.section-content+.section-content {
        margin-top: 30px
    }

    body[data-size=large] .index-container .section-content-group-e {
        margin-bottom: 30px
    }

    body[data-color=white] .header-wrapper.box-shadow,
    body[data-color=yellow] .header-wrapper.box-shadow {
        border: none !important
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@font-face {
    font-family: slick;
    src: url(/share/img/carousel/fonts/slick.eot);
    src: url(/share/img/carousel/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/share/img/carousel/fonts/slick.woff) format("woff"), url(/share/img/carousel/fonts/slick.ttf) format("truetype"), url(/share/img/carousel/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-loading .slick-list {
    background: #fff url(/share/img/ajax-loader.gif) center center no-repeat
}

.slick-next,
.slick-prev {
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    border: none;
    transform: translate(0, -50%)
}

.slick-next:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-prev:focus .slick-prev-icon,
.slick-prev:hover .slick-next-icon,
.slick-prev:hover .slick-prev-icon {
    opacity: 1
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    cursor: default
}

.slick-next.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-prev.slick-disabled .slick-prev-icon {
    opacity: .25
}

.slick-next .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-prev .slick-prev-icon {
    display: block;
    color: #000;
    opacity: .75;
    font-family: slick;
    font-size: 24px;
    line-height: 1
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev .slick-prev-icon:before {
    content: "←"
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next .slick-next-icon:before {
    content: "→"
}

[dir=rtl] .slick-next .slick-next-icon:before {
    content: "←"
}

.slick-slider {
    margin-bottom: 30px
}

.slick-slider.slick-dotted {
    margin-bottom: 60px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li button {
    display: block;
    height: 20px;
    width: 20px;
    margin-top: -4px;
    margin-left: -4px;
    line-height: 0;
    font-size: 0;
    color: transparent;
    border: 0;
    background: 0 0;
    cursor: pointer
}

.slick-dots li button:focus .slick-dot-icon,
.slick-dots li button:hover .slick-dot-icon {
    opacity: 1
}

.slick-dots li button .slick-dot-icon {
    color: #000;
    opacity: .25
}

.slick-dots li button .slick-dot-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    font-family: slick;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    transition: all 50ms linear
}

.slick-dots li.slick-active button .slick-dot-icon {
    color: #000;
    opacity: 1
}

.slick-dots li.slick-active button .slick-dot-icon:before {
    margin-top: -3px;
    margin-left: -2px;
    font-size: 18px
}

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.slick-autoplay-toggle-button {
    position: absolute;
    left: 5px;
    bottom: -32px;
    z-index: 10;
    opacity: .75;
    background: 0 0;
    border: 0;
    cursor: pointer;
    color: #000
}

.slick-autoplay-toggle-button:focus,
.slick-autoplay-toggle-button:hover {
    opacity: 1
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
    content: "⏸";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.slick-autoplay-toggle-button .slick-play-icon:before {
    content: "▶";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}

.slick-loading .slick-list {
    background: #fff url(/share/img/ajax-loader.gif) center center no-repeat
}

@font-face {
    font-family: slick;
    src: url(/share/img/carousel/fonts/slick.eot);
    src: url(/share/img/carousel/fonts/slick.eot?#iefix) format("embedded-opentype"), url(/share/img/carousel/fonts/slick.woff) format("woff"), url(/share/img/carousel/fonts/slick.ttf) format("truetype"), url(/share/img/carousel/fonts/slick.svg#slick) format("svg");
    font-weight: 400;
    font-style: normal
}

.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: 0
}

.slick-next:focus .slick-next-icon:before,
.slick-next:focus .slick-prev-icon:before,
.slick-next:hover .slick-next-icon:before,
.slick-next:hover .slick-prev-icon:before,
.slick-prev:focus .slick-next-icon:before,
.slick-prev:focus .slick-prev-icon:before,
.slick-prev:hover .slick-next-icon:before,
.slick-prev:hover .slick-prev-icon:before {
    opacity: 1
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    cursor: default
}

.slick-next.slick-disabled .slick-next-icon:before,
.slick-next.slick-disabled .slick-prev-icon:before,
.slick-prev.slick-disabled .slick-next-icon:before,
.slick-prev.slick-disabled .slick-prev-icon:before {
    opacity: .25
}

.slick-next .slick-next-icon:before,
.slick-next .slick-prev-icon:before,
.slick-prev .slick-next-icon:before,
.slick-prev .slick-prev-icon:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    color: #000;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev .slick-prev-icon:before {
    content: "←"
}

[dir=rtl] .slick-prev .slick-prev-icon:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next .slick-next-icon:before {
    content: "→"
}

[dir=rtl] .slick-next .slick-next-icon:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus .slick-dot-icon,
.slick-dots li button:hover .slick-dot-icon {
    opacity: 1
}

.slick-dots li button .slick-dot-icon {
    color: #000;
    opacity: .25
}

.slick-dots li button .slick-dot-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 12px;
    line-height: 20px;
    text-align: center
}

.slick-dots li.slick-active button .slick-dot-icon {
    color: #000;
    opacity: .75
}

.slick-sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.slick-autoplay-toggle-button {
    position: absolute;
    left: 5px;
    bottom: -25px;
    z-index: 10;
    opacity: .75;
    background: 0 0;
    border: 0;
    cursor: pointer
}

.slick-autoplay-toggle-button:focus,
.slick-autoplay-toggle-button:hover {
    outline: 0;
    opacity: 1
}

.slick-autoplay-toggle-button .slick-pause-icon:before {
    content: "⏸";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.slick-autoplay-toggle-button .slick-play-icon:before {
    content: "▶";
    width: 20px;
    height: 20px;
    font-family: slick;
    font-size: 16px;
    line-height: 20px;
    text-align: center
}

.index-container .slick-slide {
    margin: 0 16px
}

.index-container .slick-next,
.index-container .slick-prev {
    z-index: 1
}

.index-container .slick-prev {
    left: 8px
}

.index-container .slick-prev .slick-prev-icon::before {
    content: ""
}

.index-container .slick-prev .slick-prev-icon::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/share/img/arrow_back.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.index-container .slick-prev .slick-prev-icon:hover {
    opacity: .8
}

.index-container .slick-next {
    right: 8px
}

.index-container .slick-next .slick-next-icon::before {
    content: ""
}

.index-container .slick-next .slick-next-icon::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(/share/img/arrow_forward.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.index-container .slick-next .slick-next-icon:hover {
    opacity: .8
}

.index-container .slick-dots {
    bottom: -32px
}

.index-container .slick-dots li {
    width: 3vw;
    max-width: 16px
}

.index-container .slick-dots li .slick-dot-icon {
    position: absolute;
    top: 3px;
    left: 0
}

.index-container .slick-dots li .slick-dot-icon:hover {
    color: #00aba3;
    opacity: .5
}

.index-container .slick-dots li button {
    position: relative
}

.index-container .slick-dots li button:focus .slick-dot-icon::before {
    color: #00aba3
}

.index-container .slick-dots li button:hover .slick-dot-icon::before {
    color: #00aba3
}

.index-container .slick-dots li.slick-active button:focus .slick-dot-icon::before {
    color: #00aba3
}

.index-container .slick-dots li.slick-active button .slick-dot-icon {
    color: #00aba3
}

.index-container .slick-autoplay-toggle-button {
    bottom: -30px
}

.index-container .slick-autoplay-toggle-button .slick-play-icon::before {
    content: "";
    display: inline-block;
    width: 24px;
    background-image: url(/share/img/play.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.index-container .slick-autoplay-toggle-button .slick-pause-icon::before {
    content: "";
    display: inline-block;
    width: 24px;
    background-image: url(/share/img/stop.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle
}

.section-content-test-info .test-info-wrapper {
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: #fff
}

.section-content-test-info .test-info-wrapper .test-info-body {
    overflow: hidden
}

.section-content-test-info .test-info-wrapper .test-info-title {
    display: flex;
    align-items: center;
    padding: 16px
}

.section-content-test-info .test-info-wrapper .test-info-title:hover {
    cursor: pointer
}

.section-content-test-info .test-info-wrapper .test-info-title .more-icon {
    display: inline-block;
    font-size: 20px;
    transform: rotate(45deg);
    transition: .2s all ease-in-out
}

.section-content-test-info .test-info-wrapper .test-info-title .more-icon:hover {
    opacity: .8
}

.section-content-test-info .test-info-wrapper .test-info-title .info-icon {
    color: #767676;
    font-size: 26px
}

.section-content-test-info .test-info-wrapper .test-info-title .title-text {
    font-weight: 700;
    margin-left: 8px;
    flex: 1
}

.section-content-test-info .test-info-wrapper .test-info-content {
    height: 0
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-content-wrapper {
    display: flex;
    justify-content: space-between
}

.section-content-test-info .test-info-wrapper .test-info-content .item {
    border-top: 1px solid #eaecf2
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-text {
    display: flex;
    align-items: center;
    padding: 16px;
    font-weight: 700
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-link {
    color: #0e67e1;
    text-align: right
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-link a {
    display: block
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-link a:hover {
    cursor: pointer;
    opacity: .8;
    text-decoration: underline
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-link .link-back,
.section-content-test-info .test-info-wrapper .test-info-content .test-info-link .link-opinion {
    margin-right: 8px
}

.section-content-test-info .test-info-wrapper .test-info-content .test-info-link .link-back {
    font-weight: 700
}

.section-content-test-info.is-active .test-info-title .more-icon {
    transform: rotate(0)
}

.section-content-test-info.is-active .test-info-content {
    height: auto;
    padding-bottom: 4px;
    transition: .2s all cubic-bezier(.43, .13, .29, 1.83)
}

.section-content-test-info.is-active .test-info-content .test-info-link {
    height: auto;
    padding: 16px
}

@media (max-width: 960px) {
    .section-content-test-info .test-info-wrapper .test-info-content .test-info-content-wrapper {
        display: block
    }
}

.content-search-keyword {
    width: 48%;
    display: flex;
    align-items: baseline;
    flex-grow: 2
}

.content-search-keyword .title {
    font-size: 14px;
    font-weight: 700;
    color: #636b81;
    min-width: 100px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px
}

.content-search-keyword .content-body {
    display: flex
}

.content-search-keyword .search-keyword-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4px
}

.content-search-keyword .search-keyword-list-blue {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 4px
}

.content-search-keyword .search-keyword-list .search-keyword-item {
    margin-bottom: 8px;
    margin-right: 4px;
    display: flex;
    align-items: center
}

.content-search-keyword .search-keyword-list .search-keyword-item a {
    border: 1px solid #0e67e1;
    border-radius: 20px;
    color: #0e67e1;
    line-height: 1;
    padding: 3px 10px;
    transition: .2s all ease-in-out;
    font-weight: 400
}

.content-search-keyword .search-keyword-list .search-keyword-item a:hover {
    background-color: #0e67e1;
    color: #fff
}

.content-search-keyword .search-keyword-list .search-keyword-item.show-all {
    color: #0e67e1
}

.content-search-keyword .search-keyword-list .search-keyword-item.show-all:hover {
    cursor: pointer;
    text-decoration: underline;
    opacity: .8
}

.content-search-keyword .search-keyword-list .search-keyword-item.show-all svg {
    margin-left: 8px
}

.content-search-keyword .search-keyword-list .search-keyword-item.show-all~.search-keyword-item {
    height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none
}

@media all and (-ms-high-contrast:none) {
    .content-search-keyword .search-keyword-item {
        margin-bottom: 8px
    }
}

@media (max-width: 960px) {
    .content-search-keyword {
        width: 100%;
        margin-top: 24px;
        display: block
    }

    .content-search-keyword .title {
        margin-left: 0
    }

    .content-search-keyword .search-keyword-list {
        margin-top: 8px
    }

    .content-search-keyword .search-keyword-list .search-keyword-item a {
        padding: 2px 10px
    }

    /* .content-search-keyword .search-keyword-list .search-keyword-item.show-all {
        display: none;
    } */

    .content-search-keyword .search-keyword-list .search-keyword-item.show-all~.search-keyword-item {
        height: auto;
        overflow: inherit;
        margin-bottom: 8px;
        margin-right: 4px
    }
}

.section-emergency {
    background-color: #d00;
    color: #fff;
    padding: 36px 20px;
    margin-bottom: 48px
}

.section-emergency .section-content-body>div {
    margin: 10px auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 620px
}

.section-emergency .title {
    font-size: 42px;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.section-emergency .title svg {
    margin-right: 10px
}

.section-emergency p {
    font-size: 22px;
    display: inline-block;
    max-width: 352px
}

.section-emergency p a {
    font-weight: 700;
    text-decoration: underline
}

.section-emergency p a:hover {
    text-decoration: none
}

.section-emergency .description {
    width: 100%;
    max-width: 620px;
    display: flex;
    justify-content: center
}

.section-emergency .button-emergency {
    font-size: 22px;
    font-weight: 700;
    color: #dd0a15;
    display: flex;
    align-items: center;
    background-color: #fff;
    position: relative;
    line-height: 1;
    padding: 18px 10px;
    border-radius: 6px;
    margin-left: 20px;
    transition: .2s all ease-in-out
}

.section-emergency .button-emergency svg {
    margin-left: 10px
}

.section-emergency .button-emergency::before {
    content: "";
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid;
    border-radius: 6px;
    position: absolute;
    left: 2px;
    top: 2px
}

.section-emergency .button-emergency:hover {
    opacity: .8
}

@media (max-width: 960px) {
    .section-emergency {
        padding: 32px 16px
    }

    .section-emergency .section-content-body>div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 20px;
        width: 100%
    }

    .section-emergency .title {
        font-size: 24px
    }

    .section-emergency .title svg {
        margin-right: 10px
    }

    .section-emergency p {
        font-size: 18px;
        max-width: 100%
    }

    .section-emergency .button-emergency {
        font-size: 22px;
        padding: 18px;
        display: flex;
        max-width: 240px;
        margin: 24px auto 0
    }

    .section-emergency .button-emergency .text {
        flex-grow: 1
    }

    .section-emergency .button-emergency svg {
        margin-left: 10px
    }

    .section-emergency .button-emergency::before {
        content: "";
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        border: 2px solid;
        border-radius: 6px;
        position: absolute;
        left: 2px;
        top: 2px
    }
}

.index-container .section-content-feature-info.section-content .section-content-body {
    margin-top: 16px;
    padding: 0;
    background-color: transparent
}

.index-container .section-content-feature-info .feature-info-list {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.index-container .section-content-feature-info .feature-info-list.slick-initialized {
    opacity: 1
}

.index-container .section-content-feature-info .feature-info-list img {
    width: 100%;
    border-radius: 8px
}

.index-container .section-content-feature-info .slick-autoplay-toggle-button {
    /* left: 532px */
    padding-top: 10px;
    position: static;
}

@media (max-width: 960px) {
    .index-container .feature-info-list .slick-autoplay-toggle-button {
        left: 60vw
    }
}

.index-container .section-content-new-info .section-content-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-container .section-content-new-info .section-content-title-wrapper .section-content-header-wrapper {
    display: flex;
    align-items: center
}

.index-container .section-content-new-info .section-content-title-wrapper .section-content-rss-wrapper a {
    background: #fff;
    padding: 4px 8px;
    line-height: 1;
    border-radius: 4px;
    color: #636b81;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px
}

.index-container .section-content-new-info .section-content-title-wrapper .section-content-rss-wrapper a svg {
    color: #f59432;
    margin-right: 4px
}

.index-container .section-content-new-info .section-content-body {
    margin: 16px 0
}

.index-container .section-content-new-info .section-filter-title {
    display: none
}

.index-container .section-content-new-info .section-filter .item {
    display: flex;
    align-items: center
}

.index-container .section-content-new-info .section-filter .item:hover {
    background-color: #00aba3;
    color: #fff;
    cursor: pointer;
    transition: .2s
}

.index-container .section-content-new-info .section-filter .item .category-label,
.index-container .section-content-new-info .section-filter .item .target-label {
    width: 100%;
    font-weight: 700
}

.index-container .section-content-new-info .section-filter .item .category-label:hover,
.index-container .section-content-new-info .section-filter .item .target-label:hover {
    cursor: pointer
}

.index-container .section-content-new-info .section-filter .section-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px
}

.index-container .section-content-new-info .section-target .target-list {
    display: flex;
    justify-content: flex-start
}

.index-container .section-content-new-info .section-target .target-item {
    border: 1px solid #00aba3;
    border-radius: 8px;
    padding: 8px 16px;
    width: auto;
    min-width: 162px;
    margin-right: 8px
}

.index-container .section-content-new-info .section-target .new-info-filter {
    display: none;
    position: relative
}

.index-container .section-content-new-info .section-target .new-info-filter:checked+.target-label {
    color: #fff
}

.index-container .section-content-new-info .section-target .new-info-filter:checked+.target-label::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    left: 6px;
    top: 7px;
    background-color: #256c69
}

.index-container .section-content-new-info .section-target .target-label {
    position: relative;
    display: flex;
    align-items: center
}

.index-container .section-content-new-info .section-target .target-label::before {
    content: "";
    display: block;
    border-radius: 50%;
    border: 1px solid #a6adc6;
    background-color: #fff;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.index-container .section-content-new-info .section-category {
    margin-top: 16px
}

.index-container .section-content-new-info .section-category .category-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.index-container .section-content-new-info .section-category .category-item {
    width: calc(100% / 3 - 6px);
    border: 1px solid #00aba3;
    border-radius: 8px;
    padding: 8px 16px;
    margin-bottom: 8px
}

.index-container .section-content-new-info .section-category .new-info-filter {
    display: none;
    position: relative
}

.index-container .section-content-new-info .section-category .new-info-filter:checked+.category-label {
    color: #fff
}

.index-container .section-content-new-info .section-category .new-info-filter:checked+.category-label::after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 16px;
    left: 8px;
    top: 4px;
    border-right: 3px solid #256c69;
    border-bottom: 3px solid #256c69;
    transform: rotate(45deg)
}

.index-container .section-content-new-info .section-category .category-label {
    position: relative;
    display: flex;
    align-items: center
}

.index-container .section-content-new-info .section-category .category-label::before {
    content: "";
    display: block;
    border: 1px solid #a6adc6;
    border-radius: 4px;
    background-color: #fff;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.index-container .section-content-new-info .section-new-info-list {
    margin-top: 16px
}

.index-container .section-content-new-info .section-new-info-list .new-info-list {
    height: 320px;
    overflow-y: scroll
}

.index-container .section-content-new-info .section-new-info-list .no-info-text {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.index-container .section-content-new-info .section-new-info-list .item {
    border-bottom: solid 1px #eaecf2;
    padding: 8px
}

.index-container .section-content-new-info .section-new-info-list .item:hover {
    opacity: .8;
    cursor: pointer
}

.index-container .section-content-new-info .section-new-info-list .item:hover .date,
.index-container .section-content-new-info .section-new-info-list .item:hover .text {
    text-decoration: underline
}

.index-container .section-content-new-info .section-new-info-list .item .date {
    font-size: 12px
}

.index-container .section-content-new-info .section-new-info-list .is-hide {
    display: none
}

.index-container .section-content-new-info .section-new-info-list .text-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.index-container .section-content-new-info .section-new-info-list .text-wrapper .text {
    width: 100%
}

.index-container .section-content-new-info .section-new-info-list .text-wrapper .label {
    display: inline-block;
    border: 1px solid #0c8730;
    border-radius: 2px;
    padding: 4px 8px;
    color: #0c8730;
    font-size: 14px;
    line-height: 1
}

.index-container .section-content-new-info .show-more {
    display: flex;
    justify-content: flex-end;
    margin-top: 16px;
    color: #0e67e1;
    font-weight: 700
}

.index-container .section-content-new-info .show-more:hover {
    text-decoration: underline;
    opacity: .8
}

.index-container .section-content-new-info .show-more .fa-arrow-right {
    margin-left: 8px
}

@media (max-width: 960px) {
    .index-container .section-content-new-info .section-filter-wrapper {
        border: 1px solid #00aba3;
        border-radius: 8px;
        font-weight: 700
    }

    .index-container .section-content-new-info .section-filter-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 16px
    }

    .index-container .section-content-new-info .section-filter-title svg {
        color: #00aba3;
        transform: rotate(45deg);
        transition: .2s all ease-in-out
    }

    .index-container .section-content-new-info .section-filter .item:hover {
        background-color: #fff;
        color: inherit
    }

    .index-container .section-content-new-info .section-filter-content {
        height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        transition: opacity .1s ease-in-out, padding-top .2s ease-in-out, padding-bottom .2s ease-in-out, padding-left .8s ease-in-out
    }

    .index-container .section-content-new-info .section-target .target-list {
        display: block
    }

    .index-container .section-content-new-info .section-target .target-item {
        width: 100%
    }

    .index-container .section-content-new-info .section-target .target-item:not(:last-child) {
        margin-bottom: 8px
    }

    .index-container .section-content-new-info .section-category {
        margin-top: 0;
        transition: .3s ease-in-out
    }

    .index-container .section-content-new-info .section-category .category-list {
        display: block
    }

    .index-container .section-content-new-info .section-category .category-item {
        width: 100%
    }

    .index-container .section-content-new-info.is-active .section-filter-title svg {
        transform: rotate(0)
    }

    .index-container .section-content-new-info.is-active .section-filter-content {
        height: auto;
        padding: 8px 16px 16px;
        opacity: 1;
        border-top: 1px solid #d0dbda;
        transition: opacity .3s ease-in-out, padding-top .4s ease-in-out, padding-bottom .4s ease-in-out
    }

    .index-container .section-content-new-info.is-active .section-category {
        margin-top: 16px
    }
}

.index-container .section-content-event-info .section-content-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.index-container .section-content-event-info .section-content-title-wrapper .section-content-rss-wrapper a {
    background: #fff;
    padding: 4px 8px;
    line-height: 1;
    border-radius: 4px;
    color: #636b81;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 18px
}

.index-container .section-content-event-info .section-content-title-wrapper .section-content-rss-wrapper a svg {
    color: #f59432;
    margin-right: 4px
}

.index-container .section-content-event-info .sp-br {
    display: none
}

.index-container .section-content-event-info .section-content-body {
    max-width: 578px;
    margin-top: 16px
}

.index-container .section-content-event-info .event-list .item {
    padding: 8px 0;
    border-bottom: 1px solid #eaecf2
}

.index-container .section-content-event-info .event-list a {
    display: flex;
    width: 100%;
    transition: .2s all ease-in-out
}

.index-container .section-content-event-info .event-list a:hover {
    opacity: .8
}

.index-container .section-content-event-info .event-list a:hover .text {
    text-decoration: underline
}

.index-container .section-content-event-info .event-list a>div {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
}

.index-container .section-content-event-info .event-list .date {
    width: 48px;
    min-width: 48px;
    height: 50px;
    border: 2px solid #636b81;
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    margin-right: 8px
}

.index-container .section-content-event-info .event-list .month {
    display: block;
    background: #636b81;
    color: #fff;
    font-size: 12px
}

.index-container .section-content-event-info .event-list .day {
    color: #636b81;
    font-size: 22px;
    line-height: 1;
    padding: 2px 11px;
    display: block
}

.index-container .section-content-event-info .event-list .text {
    width: 100%;
    min-height: 42px
}

.index-container .section-content-event-info .event-list .category {
    color: #0c8730;
    border: 1px solid #0c8730;
    border-radius: 2px;
    padding: 4px 8px;
    line-height: 1;
    margin-top: 4px;
    display: inline-block;
    font-size: 14px
}

.index-container .section-content-event-info .event-list .text {
    min-height: 0
}

.index-container .section-content-event-info .show-more {
    color: #0e67e1;
    font-weight: 700;
    display: flex;
    justify-content: flex-end
}

.index-container .section-content-event-info .show-more a {
    padding-top: 8px
}

.index-container .section-content-event-info .show-more:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-event-info .show-more svg {
    margin-left: 10px
}

@media (max-width: 960px) {
    .index-container .section-content-event-info .section-content-body {
        max-width: 100%
    }
}

@media (max-width: 375px) {
    .index-container .section-content .section-content-header {
        letter-spacing: -1px
    }
}

@media (max-width: 350px) {
    .index-container .section-content .section-content-header {
        letter-spacing: inherit
    }

    .index-container .section-content-event-info .sp-br {
        display: block
    }
}

.index-container .section-viewed-info .section-content-body {
    margin-top: 16px
}

.index-container .section-viewed-info .viewed-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.index-container .section-viewed-info .viewed-info-list .viewed-info-item {
    width: calc(50% - 30px);
    margin-bottom: 10px;
    display: flex
}

.index-container .section-viewed-info .viewed-info-list .viewed-info-item:nth-last-child(1),
.index-container .section-viewed-info .viewed-info-list .viewed-info-item:nth-last-child(2) {
    margin-bottom: 0
}

.index-container .section-viewed-info .viewed-info-list .viewed-info-item::before {
    content: "";
    display: inline-block;
    width: 10px;
    min-width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #3b4040;
    margin: 7px 5px 0 0
}

.index-container .section-viewed-info .viewed-info-list .viewed-info-item a {
    text-decoration: underline
}

.index-container .section-viewed-info .viewed-info-list .viewed-info-item a:hover {
    opacity: .8
}

@media (max-width: 960px) {
    .index-container .section-viewed-info .section-content-body {
        padding: 16px
    }

    .index-container .section-viewed-info .viewed-info-list {
        display: block;
        margin-top: 0
    }

    .index-container .section-viewed-info .viewed-info-list .viewed-info-item {
        width: calc(100%)
    }

    .index-container .section-viewed-info .viewed-info-list .viewed-info-item:nth-last-child(2) {
        margin-bottom: 10px
    }

    .index-container .section-viewed-info .viewed-info-list .viewed-info-item:nth-last-child(1) {
        margin-bottom: 0
    }
}

.header {
    width: 100%;
    max-width: 1024px;
    min-width: 910px;
    padding: 16px 32px 0;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 24px
}

.header .header-wrapper {
    border-radius: 6px;
    background-color: #fff;
    padding: 16px 20px
}

.header .conten-top {
    display: flex;
    align-items: center
}

.header .conten-bottom,
.header .content-search,
.header .content-search-box,
.header .icon-menu-icon {
    display: none
}

.header .logo {
    flex-grow: 1;
    margin-right: 20px;
    transition: .2s all ease-in-out
}

.header .logo:hover {
    opacity: .8
}

.header .accessibility {
    display: flex;
    line-height: 1
}

.header .accessibility .select-language,
.header .accessibility .select-list {
    border: 1px solid #a6adc6;
    border-radius: 4px
}

.header .accessibility>*+* {
    margin-left: 8px
}

.header .select-color,
.header .select-font-size,
.header .select-language {
    display: flex;
    align-items: center;
    overflow: hidden;
    font-size: 14px;
    color: #636b81
}

.header .select-language select {
    padding: 0 2px 0 13px;
    line-height: 1.2;
    transition: .2s all ease-in-out
}

.header .select-language select:hover {
    opacity: .8;
    cursor: pointer
}

.header .select-color .title,
.header .select-font-size .title {
    padding: 7px 8px 7px 16px;
    height: 100%;
    display: flex;
    align-items: center
}

.header .select-color .select-list,
.header .select-font-size .select-list {
    display: flex
}

.header .select-color .select-item,
.header .select-font-size .select-item {
    padding: 7px 16px;
    flex-grow: 1;
    transition: .2s all ease-in-out
}

.header .select-color .select-item:hover,
.header .select-font-size .select-item:hover {
    opacity: .8;
    cursor: pointer
}

.header .select-color .select-item+.select-item,
.header .select-font-size .select-item+.select-item {
    border-left: 1px solid #a6adc6
}

.header .select-color .select-item label,
.header .select-font-size .select-item label {
    display: flex;
    align-items: center;
    justify-items: center;
    height: 100%;
    transition: .2s all ease-in-out
}

.header .select-color .select-item label:hover,
.header .select-font-size .select-item label:hover {
    opacity: .8;
    cursor: pointer
}

.header .select-color .select-item .text,
.header .select-font-size .select-item .text {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.header .select-color input[type=radio],
.header .select-font-size input[type=radio] {
    display: none
}

.header .select-color input[type=radio]:checked+.check-box,
.header .select-font-size input[type=radio]:checked+.check-box {
    background-color: #636b81
}

.header .select-color .check-box,
.header .select-font-size .check-box {
    transition: .2s all ease-in-out;
    border: 1px solid #636b81;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px
}

.header .select-color .color-yellow {
    background-color: #00f;
    color: #ff0
}

.header .select-color .color-yellow .check-box {
    border-color: #ff0;
    background-color: #00f;
    color: #00f
}

.header .select-color .color-yellow input[type=radio]:checked+.check-box {
    background-color: #00f;
    color: #ff0
}

.header .select-color .color-white {
    background-color: #000;
    color: #fff
}

.header .select-color .color-white .check-box {
    border-color: #fff;
    background-color: #000;
    color: #000
}

.header .select-color .color-white input[type=radio]:checked+.check-box {
    background-color: #000;
    color: #fff
}

.header .nav .nav-list {
    display: flex;
    justify-content: space-around
}

.header .nav .nav-item svg {
    display: none
}

.header .nav .nav-item a:hover {
    text-decoration: underline;
    opacity: .8;
    transition: .2s all ease-in-out
}

@media all and (-ms-high-contrast:none) {

    .header .select-color .select-item .text,
    .header .select-font-size .select-item .text {
        margin-top: 2px
    }

    .header .select-color .title,
    .header .select-font-size .title {
        line-height: -1
    }
}

@media (max-width: 960px) {
    .header {
        width: 100%;
        max-width: 100%;
        min-width: auto;
        padding: 0;
        height: 68px;
        font-size: 18px
    }

    .header .header-wrapper {
        border-radius: 0;
        padding: 0;
        height: 68px;
        position: fixed;
        z-index: 4000;
        top: 0;
        display: flex;
        width: 100%
    }

    .header .conten-top {
        width: 100%;
        padding: 16px;
        background-color: #fff;
        position: relative;
        z-index: 3980
    }

    .header .conten-top .accessibility {
        display: none
    }

    .header .conten-bottom {
        display: block;
        margin-top: 0;
        padding: 13px 22px 20px;
        position: fixed;
        height: calc(100% - 68px);
        width: 100%;
        left: 0;
        top: 68px;
        background-color: #f1f6fa;
        overflow: scroll;
        transition: .6s all ease-in-out;
        z-index: 3970;
        transform: translateY(-150%)
    }

    .header .conten-bottom .accessibility {
        display: block
    }

    .header .content-search {
        display: block;
        -webkit-animation: inputAppearance .2s forwards;
        animation: inputAppearance .2s forwards;
        margin-right: 8px
    }

    @-webkit-keyframes inputAppearance {
        from {
            transform: translateY(16px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes inputAppearance {
        from {
            transform: translateY(16px)
        }

        to {
            transform: translateY(0)
        }
    }

    .header .content-search .content-body {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .header .content-search .content-body .x-search-menu-trigger {
        display: none
    }

    .header .content-search.display-none {
        display: block;
    }

    .header .content-search .search-box .search-box-header:focus {
        width: 100%
    }

    .header .content-search-box {
        display: block;
        padding: 8px 22px 20px;
        position: fixed;
        width: 100%;
        left: 0;
        top: 48px;
        transition: .6s all ease-in-out;
        z-index: 3970;
        background-color: #fff;
        transform: translateY(-150%)
    }

    .header .logo {
        flex-grow: 1;
        margin-right: 8px
    }

    .header .icon-menu-icon {
        display: block;
        padding: 6px 4px;
        height: 48px;
        width: 64px
    }

    .header .icon-menu-icon .menu-img {
        width: 30px;
        height: auto
    }

    .header .icon-menu-icon .menu-icon {
        display: flex;
        justify-content: center;
        color: #00aba3;
        font-size: 22px
    }

    .header .icon-menu-icon .menu-text {
        font-size: 12px;
        text-align: center;
        margin-top: 2px
    }

    .header .x-global-mune-trigger {
        border: 1px solid #a6adc6;
        border-radius: 4px
    }

    .header .x-global-mune-trigger .menu-icon .open-icon:nth-child(1) {
        margin-right: 2px
    }

    .header .x-global-mune-trigger .menu-icon.menu-close {
        display: none
    }

    .header.is-active .conten-bottom {
        transform: translateY(0);
        opacity: 1
    }

    .header.is-active .x-global-mune-trigger {
        border: none
    }

    .header.is-active .x-global-mune-trigger .menu-icon.menu-open {
        display: none
    }

    .header.is-active .x-global-mune-trigger .menu-icon.menu-close {
        display: flex
    }

    .header.search-active .logo,
    .header.search-active .x-global-mune-trigger {
        display: none
    }

    .header.search-active .content-search {
        flex: 1;
        margin-right: 0
    }

    .header.search-active .content-search .content-body .content-form {
        flex: 1
    }

    .header.search-active .content-search .content-body .x-search-menu-trigger {
        display: block;
        margin-left: 8px
    }

    .header.search-active .content-search-box {
        transform: translateY(0);
        border-radius: 0 0 10px 10px
    }

    .header .accessibility {
        display: block
    }

    .header .accessibility>* {
        border-radius: 4px
    }

    .header .accessibility>*+* {
        margin-left: 0;
        margin-top: 24px
    }

    .header .select-color,
    .header .select-font-size,
    .header .select-language {
        display: flex;
        align-items: center;
        overflow: hidden
    }

    .header .select-language {
        padding: 12px 9px;
        background-color: #fff
    }

    .header .select-color .title,
    .header .select-font-size .title {
        width: 130px;
        min-width: 130px;
        padding: 12px 9px
    }

    .header .select-color .select-list,
    .header .select-font-size .select-list {
        flex-grow: 1
    }

    .header .select-color .select-item,
    .header .select-font-size .select-item {
        padding: 12px 9px;
        display: flex;
        justify-content: center
    }

    .header .select-color .check-box,
    .header .select-font-size .check-box {
        width: 18px;
        min-width: 18px;
        height: 18px;
        margin-right: 6px
    }

    .header .nav {
        margin-top: 24px
    }

    .header .nav .nav-list {
        display: block;
        border: 1px solid #a6adc6;
        border-radius: 4px;
        overflow: hidden
    }

    .header .nav .nav-item {
        font-size: 18px;
        background-color: #fff
    }

    .header .nav .nav-item+.nav-item {
        border-top: 1px solid #a6adc6
    }

    .header .nav .nav-item a {
        padding: 18px 17px;
        display: flex;
        width: 100%;
        line-height: 1;
        align-items: center;
        justify-content: space-between
    }

    .header .nav .nav-item svg {
        display: inline-block;
        color: #0e67e1;
        font-size: 24px
    }
}

@media (max-width: 350px) {
    .header {
        font-size: 14px
    }

    .header .select-color .title,
    .header .select-font-size .title {
        width: 110px;
        min-width: 110px
    }

    .header .select-color .select-item,
    .header .select-font-size .select-item {
        padding: 10px 7px
    }

    .header .nav .nav-item {
        font-size: 14px
    }

    .header .nav .nav-item a {
        padding: 16px 15px
    }
}

.footer {
    width: 100%;
    background-color: #07211a;
    color: #fff;
    margin-top: 100px
}

.footer .footer-wrapper {
    width: 100%;
    max-width: 1024px;
    padding: 46px 32px;
    margin: 0 auto
}

.footer .content-top {
    display: flex;
    justify-content: space-between
}

.footer .content-top>div {
    width: calc(33.3% - 45px)
}

.footer .title {
    font-size: 18px;
    font-weight: 700
}

.footer .content-search,
.footer .content-search-keyword {
    width: 100%
}

.footer .content-search .search-box {
    border-color: #fff;
    margin-top: 10px;
    background-color: #fff
}

.footer .content-search svg {
    color: #fff
}

.footer .content-search .button-search {
    color: #fff;
    background-color: #07211a;
    height: 34px
}

.footer .content-search input {
    color: #07211a
}

.footer .content-search-keyword {
    display: block;
    margin-top: 14px
}

.footer .content-search-keyword .title {
    color: #fff
}

.footer .content-search-keyword .search-keyword-list {
    margin-top: 8px
}

.footer .content-search-keyword .search-keyword-item {
    margin-bottom: 10px
}

.footer .content-search-keyword .search-keyword-item a {
    border-color: #fff;
    color: #fff;
    padding: 5px 10px
}

.footer .content-search-keyword .search-keyword-item a:hover {
    background-color: #fff;
    color: #07211a
}

.footer .content-search-keyword .search-keyword-item.show-all {
    display: none
}

.footer .content-search-keyword .search-keyword-item.show-all~.search-keyword-item {
    height: inherit;
    margin-bottom: 10px;
    margin-right: 4px
}

.footer .content-category .category-list {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between
}

.footer .content-category .category-item {
    width: calc(50% - 20px)
}

.footer .content-category a {
    padding: 7px 0;
    display: block;
    transition: .2s all ease-in-out
}

.footer .content-category a:hover {
    opacity: .8;
    text-decoration: underline
}

.footer .content-category,
.footer .content-search-keyword {
    margin-top: 30px
}

.footer .content-request .phone .label {
    margin-top: 16px
}

.footer .content-request .phone:hover .number {
    opacity: .8;
    text-decoration: underline
}

.footer .content-request .phone svg {
    font-size: 20px;
    margin: 0 8px
}

.footer .content-request .number {
    font-size: 24px;
    font-weight: 700
}

.footer .content-request .title-b {
    margin-top: 23px;
    font-size: 18px
}

.footer .content-request .organizations-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px
}

.footer .content-request .organizations-item {
    width: calc(50% - 20px)
}

.footer .content-request .organizations-item a {
    padding: 5px 0;
    display: block;
    transition: .2s all ease-in-out
}

.footer .content-request .organizations-item a:hover {
    opacity: .8;
    text-decoration: underline
}

.footer .content-map .map {
    display: inline-block;
    margin-top: 20px
}

.footer .content-map img {
    margin-top: 5px;
    width: 100%;
    border-radius: 8px
}

.footer .content-map a {
    margin-top: 10px;
    display: inline-block;
    transition: .2s all ease-in-out
}

.footer .content-map a:hover {
    opacity: .8;
    text-decoration: underline
}

.footer .content-links {
    margin: 60px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.footer .content-links .links-list {
    display: flex;
    justify-content: space-around
}

.footer .content-links a {
    display: block;
    padding: 20px;
    transition: .2s all ease-in-out
}

.footer .content-links a:hover {
    opacity: .8;
    text-decoration: underline
}

.footer .copy-right {
    text-align: center
}

@media all and (-ms-high-contrast:none) {
    .footer .content-search-keyword .search-keyword-item {
        margin-bottom: 15px
    }
}

@media (max-width: 960px) {
    .footer .footer-wrapper {
        width: 100%;
        max-width: 100%;
        padding: 20px
    }

    .footer .content-top {
        display: block
    }

    .footer .content-top>div {
        width: 100%
    }

    .footer .content-top>div+div {
        margin-top: 20px
    }

    .footer .content-search-keyword .search-keyword-item {
        margin-bottom: 8px
    }

    .footer .content-search-keyword .search-keyword-item a {
        padding: 2px 10px
    }

    .footer .content-search-keyword .search-keyword-item.show-all~.search-keyword-item {
        margin-bottom: 8px;
        margin-right: 4px
    }

    .footer .content-category .category-list {
        display: flex;
        flex-flow: wrap;
        justify-content: space-between
    }

    .footer .content-category a {
        padding: 7px 0;
        display: block
    }

    .footer .content-category,
    .footer .content-search-keyword {
        margin-top: 32px
    }

    .footer .content-request .phone {
        display: flex;
        align-items: center;
        font-size: 14px
    }

    .footer .content-request .phone .label {
        margin-top: 4px
    }

    .footer .content-request .phone svg {
        font-size: 20px;
        margin-left: 10px;
        margin-right: 4px
    }

    .footer .content-request .title-b {
        margin-top: 23px;
        font-size: 18px
    }

    .footer .content-request .organizations-list {
        margin-top: 10px
    }

    .footer .content-request .organizations-item a {
        padding: 3px 0
    }

    .footer .content-map .map {
        margin-top: 10px;
        width: 100%
    }

    .footer .content-map .map a {
        width: 100%
    }

    .footer .content-map .map img {
        margin-top: 10px
    }

    .footer .content-links {
        margin: 30px 0
    }

    .footer .content-links .links-list {
        justify-content: space-between;
        flex-wrap: wrap
    }

    .footer .content-links .links-item {
        width: calc(50% - 5px)
    }

    .footer .content-links a {
        padding: 5px 0
    }
}

.section-covid19 {
    margin-top: 48px
}

.section-covid19 .section-content-body {
    border: 1px solid #e60e4f;
    padding: 0 !important;
    display: flex
}

.section-covid19 .content-left {
    width: 416px;
    min-width: 416px;
    height: inherit;
    background: #e60e4f;
    padding: 16px 32px 24px 32px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.section-covid19 .content-left .alert-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px
}

.section-covid19 .content-left .alert-wrapper .alert-icon {
    margin-right: 8px
}

.section-covid19 .content-left .alert-wrapper .alert-title {
    font-weight: 700
}

.section-covid19 .content-left .covid19-status-table {
    border: 1px solid #fff;
    margin: 0 auto
}

.section-covid19 .content-left .covid19-status-table tr {
    height: 32px
}

.section-covid19 .content-left .covid19-status-table .item-title {
    border: 1px solid #fff;
    font-weight: 700;
    padding: 0 16px;
    width: 104px;
    display: table-cell;
    vertical-align: middle
}

.section-covid19 .content-left .covid19-status-table .border-bottom {
    border-bottom: 1px solid #e60e4f
}

.section-covid19 .content-left .covid19-status-table .item-detail {
    background-color: #fff;
    color: #e60e4f;
    font-weight: 700;
    padding: 0 16px;
    width: 260px;
    display: table-cell;
    vertical-align: middle
}

.section-covid19 .content-right {
    /* display: flex; */
    justify-content: center;
    align-items: center
}

.section-covid19 .content-right .covid19-news-list {
    margin: 16px
}

.section-covid19 .content-right .covid19-news-item {
    margin: 24px 0
}

.section-covid19 .content-right .covid19-news-item::before {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    background-color: #3b4040;
    border-radius: 50%;
    margin-right: -16px
}

.section-covid19 .content-right .covid19-news-item a {
    font-size: 18px;
    font-weight: 700;
    width: 100%;
    padding: 12px 16px;
    text-decoration: underline;
    background-color: transparent !important
}

.section-covid19 .content-right .covid19-news-item a:hover {
    opacity: .8
}

@media (max-width: 960px) {
    .section-covid19 {
        max-width: 100%;
        padding: 0
    }

    .section-covid19 .section-content-body {
        padding: 0;
        display: block
    }

    .section-covid19 .content-left {
        width: 100%;
        min-width: 100%;
        padding: 16px
    }

    .section-covid19 .content-left .alert-wrapper {
        font-size: 20px;
        margin-bottom: 8px
    }

    .section-covid19 .content-left .covid19-status {
        margin-top: 10px
    }

    .section-covid19 .content-left .covid19-status-table .item-title {
        font-size: 16px;
        padding: 8px
    }

    .section-covid19 .content-left .covid19-status-table .item-detail {
        font-size: 18px;
        padding: 0 8px
    }

    .section-covid19 .content-right {
        padding: 16px
    }

    .section-covid19 .content-right .covid19-news-list {
        display: block;
        margin: 0 8px
    }

    .section-covid19 .content-right .covid19-news-list .covid19-news-item {
        width: 100%;
        font-size: 14px;
        text-indent: -1.2em;
        padding-left: 1em;
        margin-bottom: -8px
    }

    .section-covid19 .content-right .covid19-news-list .covid19-news-item:first-child {
        margin-top: 0
    }

    .section-covid19 .content-right .covid19-news-list .covid19-news-item:last-child {
        margin-bottom: 0
    }
}

.index-container .section-content .section-content-header-wrapper {
    display: flex;
    align-items: center
}

.index-container .section-content .section-content-header-wrapper .section-icon {
    display: block;
    width: 32px;
    height: auto;
    margin-right: 8px
}

.index-container .section-content .section-content-header {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    justify-content: space-between
}

.index-container .section-content .section-content-header+.section-content-body {
    margin-top: 16px
}

.index-container .section-content .section-content-header a {
    background: #fff;
    padding: 4px 8px;
    line-height: 1;
    border-radius: 4px;
    color: #636b81;
    display: flex;
    align-items: center
}

.index-container .section-content .section-content-header a svg {
    color: #f59432;
    margin-right: 4px
}

.index-container .section-content .section-content-header a:hover {
    text-decoration: underline
}

.index-container .section-content .section-content-body {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 24px;
    overflow: hidden
}

.index-container .section-content .section-content-body .section-content-body-title {
    font-size: 18px;
    font-weight: 700
}

.index-container .section-content-group+.section-content-group {
    margin-top: 50px
}

.index-container .section-content-group-b {
    display: flex;
    justify-content: space-between
}

.index-container .section-content-group-b .section-content:nth-child(1) {
    flex-grow: 1;
    margin-right: 16px
}

.index-container .section-content-group-b .section-content:nth-child(2) {
    width: 334px;
    min-width: 334px
}

.index-container .section-content-group-c {
    display: flex;
    justify-content: space-between
}

.index-container .section-content-group-c .section-content:nth-child(1) {
    width: 334px;
    min-width: 334px;
    margin-right: 16px
}

.index-container .section-content-group-c .section-content:nth-child(2) {
    flex-grow: 1
}

.index-container .section-content-group-d {
    display: flex;
    justify-content: space-between
}



.index-container .section-content-group-d>* {
    display: grid;
    width: calc(50% - 8px);
}

.section-group-governor {
    width: calc(33% - 8px) !important;
}

.section-content-new-info {
    width: calc(66% - 8px) !important;
}

/* ★ */
@media (max-width: 960px) {
    .section-group-governor {
        width: 100% !important;
    }

    .section-content-new-info {
        width: 100% !important;
    }
}


.section-content-new-info .section-content-body {
    padding: 10px !important;
}

.index-container .section-content-group-d .section-content-group-e>.section-content+.section-content {
    margin-top: 16px
}

.index-container .section-content-group-d .section-content:not(.section-content-governor):not(.section-content-council) .section-content-body {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.index-container .section-content-group-d .section-content:not(.section-content-governor):not(.section-content-council) .section-content-body-title {
    padding: 0 17px
}

.index-container .section-content-group-d .section-content-body-title svg {
    display: none
}

.index-container .section-search {
    display: block;
    width: 928px;
    margin: 0 auto
}

.index-container .section-search.hide-animation {
    -webkit-animation: hideAnimation .3s forwards;
    animation: hideAnimation .3s forwards
}

@-webkit-keyframes hideAnimation {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes hideAnimation {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.index-container .section-search.hide {
    display: none
}

.index-container .section-search.is-fixed {
    position: fixed;
    top: 0;
    width: 928px;
    max-width: 928px;
    z-index: 999
}

.index-container .section-search.is-fixed .section-content-body {
    border-radius: 0 0 8px 8px
}

.index-container .section-search .section-content-body .content-search-wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 16px
}

/* @media (max-width: 960px) {
    .index-container .section-search .section-content-body .content-search-wrapper-top-sp {
        display: block !important;
        justify-content: space-between;
        padding-top: 16px !important;
        padding: 16px;
    }

    .fix-search-wrapper-top-sp{
        margin-top: 15px;
    }
} */

.index-container .section-search .section-content-body .nav .nav-list {
    display: flex;
    justify-content: space-between;
    font-weight: 700
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item {
    width: 16%
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item h1 {
    padding-bottom: 8px;
    text-align: center
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item svg {
    display: none
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item a:hover {
    text-decoration: underline;
    opacity: .8;
    transition: .2s all ease-in-out
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.life-environment {
    border-bottom: 2px solid #8ab992
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.medical-welfare {
    border-bottom: 2px solid #7fa6d6
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.job-industry {
    border-bottom: 2px solid #ddd0be
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.tourism-culture {
    border-bottom: 2px solid #c97c8a
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.education-child {
    border-bottom: 2px solid #746fa9
}

.index-container .section-search .section-content-body .nav .nav-list .nav-item.prefectual-gov-info {
    border-bottom: 2px solid #97a8c1
}

.index-container .section-content-purpose {
    width: 100%
}

.index-container .section-content-purpose .section-content-body {
    padding: 0;
    margin-top: 16px
}

.index-container .section-content-purpose .purpose-list {
    display: flex;
    flex-wrap: wrap;
    color: #636b81;
    font-weight: 700
}

.index-container .section-content-purpose .purpose-list .purpose-item {
    width: 25%;
    border-right: 1px solid #eaecf2;
    border-bottom: 1px solid #eaecf2
}

.index-container .section-content-purpose .purpose-list .purpose-item:first-child,
.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(3),
.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(6),
.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(8) {
    background-color: #f9f9fb
}

.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(4n) {
    border-right: 0
}

.index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(1),
.index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(2),
.index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(3),
.index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(4) {
    border-bottom: 0
}

.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(7) {
    letter-spacing: -1px
}

.index-container .section-content-purpose .purpose-list .purpose-item:nth-child(7) a {
    padding-left: 6px;
    padding-right: 6px
}

.index-container .section-content-purpose .purpose-list a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 8px;
    transition: .2s all ease-in-out
}

.index-container .section-content-purpose .purpose-list a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-purpose .purpose-list .purpose-icon {
    width: 32px
}

.index-container .section-content-purpose .purpose-list .text {
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

.index-container .section-content-media .section-content-body,
.index-container .section-cotent-business .section-content-body {
    padding: 0;
    margin-top: 16px
}

.index-container .section-content-media .list,
.index-container .section-cotent-business .list {
    color: #636b81;
    font-weight: 700
}

.index-container .section-content-media .item:nth-child(odd),
.index-container .section-cotent-business .item:nth-child(odd) {
    background-color: #f9f9fb
}

.index-container .section-content-media .item+.item,
.index-container .section-cotent-business .item+.item {
    border-top: 1px solid #eaecf2
}

.index-container .section-content-media a,
.index-container .section-cotent-business a {
    font-size: 18px;
    text-align: center;
    display: block;
    padding: 13px 10px;
    transition: .2s all ease-in-out
}

.index-container .section-content-media a:hover,
.index-container .section-cotent-business a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-related-site .section-content-body {
    margin-top: 16px;
    padding: 0;
    background-color: transparent
}

.index-container .section-content-related-site .related-site-list {
    opacity: 0;
    transition: opacity .3s ease-in-out
}

.index-container .section-content-related-site .related-site-list.slick-initialized {
    opacity: 1
}

.index-container .section-content-related-site .related-site-item {
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    color: #636b81;
    min-width: 192px
}

.index-container .section-content-related-site img {
    width: 100%;
    height: auto
}

.index-container .section-content-related-site a {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: .2s all ease-in-out
}

.index-container .section-content-related-site a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-related-site .text {
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.index-container .section-content-related-site {
    left: 556px
}

.slick-autoplay-toggle-button {
    padding-top: 10px;
    position: static;
}

.index-container .section-content-council a,
.index-container .section-content-governor a {
    display: block
}

.index-container .section-content-council a:hover,
.index-container .section-content-governor a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-council .section-content-body,
.index-container .section-content-governor .section-content-body {
    display: flex
}

.index-container .section-content-council .section-content-body img,
.index-container .section-content-governor .section-content-body img {
    width: 72px;
    min-width: 72px;
    height: 72px;
    margin-right: 16px
}

.index-container .section-content-council .section-content-body .description,
.index-container .section-content-governor .section-content-body .description {
    font-size: 14px
}

.index-container .section-content-council .section-content-body {
    display: block
}

.index-container .section-content-about-fukui .list {
    margin-top: 13px
}

.index-container .section-content-about-fukui .item {
    border-top: 1px solid #eaecf2;
}

.index-container .section-content-about-fukui .item-request a {
    padding-top: 19px;
    padding-bottom: 19px
}

.index-container .section-content-about-fukui a {
    padding: 16px 16px;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: .2s all ease-in-out
}

.index-container .section-content-about-fukui a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .section-content-about-fukui a .text {
    flex: 1
}

.index-container .section-content-about-fukui a svg {
    font-size: 16px;
    color: #0e67e1
}

.index-container .attempt-list {
    margin-top: 13px
}

.index-container .attempt-list .attempt-item {
    border-top: 1px solid #eaecf2
}

.index-container .attempt-list .attempt-item a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    transition: .2s all ease-in-out
}

.index-container .attempt-list .attempt-item a:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .attempt-list .attempt-item img {
    margin-right: 16px;
    width: 3.3rem;
    min-width: 3.3rem
}

.index-container .attempt-list .attempt-item .text {
    font-weight: 700
}

.index-container .attempt-list .attempt-item .descirption {
    display: block;
    font-size: .9rem;
    color: #636b81
}

.index-container .back-to-top {
    font-size: 18px;
    font-weight: 700;
    color: #0e67e1;
    display: flex;
    justify-content: flex-end
}

.index-container .back-to-top .top {
    display: flex
}

.index-container .back-to-top .top:hover {
    opacity: .8;
    text-decoration: underline
}

.index-container .back-to-top svg {
    margin-left: 8px;
    font-size: 28px
}

@media all and (-ms-high-contrast:none) {
    .index-container {
        margin-bottom: 8px
    }

    .index-container .related-site-list a {
        display: block
    }

    .index-container .related-site-list .text {
        display: block
    }
}

@media (max-width: 960px) {

    /* 20250304_空白エリアを非表示 */
    .section-content-group-objective {
        display: none;
    }
    /* 20250304_空白エリアを非表示 */
    .section-content-group-business {
        display: none;
    }
    .index-container .section-content-group .section-content+.section-content,
    .index-container .section-content-group .section-content-group-a,
    .index-container .section-content-group .section-content-group-left+.section-content-group-right,
    .index-container .section-content-group+.section-content-group {
        margin-top: 30px
    }

    .index-container .section-content-group-d .section-content+.section-content {
        margin-top: 16px
    }

    .index-container .section-content-group-e {
        margin-bottom: 16px
    }

    .index-container .section-content-group-a,
    .index-container .section-content-group-b,
    .index-container .section-content-group-c,
    .index-container .section-content-group-d {
        display: block
    }

    .index-container .section-content-group-a .section-content,
    .index-container .section-content-group-b .section-content,
    .index-container .section-content-group-c .section-content,
    .index-container .section-content-group-d .section-content {
        width: 100%
    }

    .index-container .section-content-group-a .section-content:nth-child(1),
    .index-container .section-content-group-a .section-content:nth-child(2),
    .index-container .section-content-group-b .section-content:nth-child(1),
    .index-container .section-content-group-b .section-content:nth-child(2),
    .index-container .section-content-group-c .section-content:nth-child(1),
    .index-container .section-content-group-c .section-content:nth-child(2),
    .index-container .section-content-group-d .section-content:nth-child(1),
    .index-container .section-content-group-d .section-content:nth-child(2) {
        width: 100%;
        min-width: 100%
    }

    .index-container .section-content-group-a .section-content-group-left,
    .index-container .section-content-group-a .section-content-group-right,
    .index-container .section-content-group-b .section-content-group-left,
    .index-container .section-content-group-b .section-content-group-right,
    .index-container .section-content-group-c .section-content-group-left,
    .index-container .section-content-group-c .section-content-group-right,
    .index-container .section-content-group-d .section-content-group-left,
    .index-container .section-content-group-d .section-content-group-right {
        width: 100%
    }

    .index-container .section-content-group-d>* {
        width: 100%
    }

    .index-container .section-content-group-d ul {
        height: 0;
        margin-top: 12px
    }

    .index-container .section-content-group-d ul a {
        padding-top: 0;
        padding-bottom: 0;
        transition: .2s all ease-in-out
    }

    .index-container .section-content-group-d .section-content-body-title {
        display: flex;
        align-items: center
    }

    .index-container .section-content-group-d .section-content-body-title span {
        flex-grow: 1
    }

    .index-container .section-content-group-d .section-content-body-title svg {
        display: inline-block;
        font-size: 20px;
        transform: rotate(45deg);
        transition: .2s all ease-in-out
    }

    .index-container .section-content-group-d .section-content.is-active .section-content-body-title svg {
        transform: rotate(0)
    }

    .index-container .section-content-group-d .section-content.is-active ul {
        height: auto
    }

    .index-container .section-content-group-d .section-content.is-active ul a {
        padding-top: 17px;
        padding-bottom: 17px;
        transition: .2s all ease-in-out
    }

    .index-container .section-content .section-content-body {
        padding: 10px
    }

    .index-container .section-search {
        padding: 0 16px;
        width: auto
    }

    .index-container .section-search .section-content-body {
        padding: 16px
    }

    .index-container .section-search .section-content-body .nav {
        display: none
    }



    /* 20250304_.content-search-wrapperを削除 */
    .index-container .section-search .section-content-body {
        display: block;
        padding: 0
    }

    /* バックアップ */
    /* .index-container .section-search .section-content-body .content-search-wrapper {
        display: block;
        padding: 0
    } */

    .index-container .content-search {
        width: 100%
    }

    .index-container .content-search .search-box input {
        flex-grow: 1
    }

    .index-container .section-content-purpose .section-content-body {
        padding: 0
    }

    .index-container .section-content-purpose .purpose-list .purpose-item {
        width: 50%;
        border-bottom: 1px solid #eaecf2
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(3),
    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(even) {
        background-color: transparent
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(4n),
    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(4n-3) {
        background-color: #f9f9fb !important
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(3n) {
        border-right: 1px solid #eaecf2
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-child(2n) {
        border-right: 0
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(2),
    .index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(3) {
        border-bottom: 1px solid #eaecf2
    }

    .index-container .section-content-purpose .purpose-list .purpose-item:nth-last-child(1) {
        border-bottom: 0
    }

    .index-container .section-content-purpose .purpose-list svg {
        font-size: 26px
    }

    .index-container .section-content-purpose .purpose-list .text {
        display: inline-block;
        font-size: 14px
    }

    .index-container .show-more {
        font-size: 14px
    }

    .index-container .section-content-media .section-content-body,
    .index-container .section-cotent-business .section-content-body {
        padding: 0
    }

    .index-container .section-content-media .purpose-list,
    .index-container .section-cotent-business .purpose-list {
        color: #636b81
    }

    .index-container .section-content-media a,
    .index-container .section-cotent-business a {
        font-size: 18px;
        text-align: center;
        display: block;
        padding: 20px 10px;
        line-height: 1
    }

    .index-container .related-site-list .related-site-item {
        border-radius: 8px;
        overflow: hidden;
        background-color: #fff;
        color: #636b81
    }

    .index-container .related-site-list img {
        width: 100%
    }

    .index-container .related-site-list a {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .index-container .related-site-list .text {
        flex-grow: 1;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        font-size: 14px;
        min-height: 64px
    }

    .index-container .related-site-list .slick-autoplay-toggle-button {
        left: 64vw
    }
}

.index-container .searchbox-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999
}

.index-container .searchbox-fixed .section-content-body {
    border-radius: 0 0 8px 8px
}

/* 全体のスタイル */
body {
    font-family: Arial, sans-serif;
    /* 20250313　清水追記 */
    background-color: #f1f6fa;
    /* 追記終了 */
    margin: 0;
    padding: 0;
}

/* 属性別情報・目的別情報のセクション全体を横並びに */
.info-sections-container {
    display: flex;
    justify-content: space-between;
    max-width: 980px;
    padding: 20px;
    gap: 20px;
    margin: 0 auto;
}

/* 各セクション（属性別情報・目的別情報）のスタイル */
.info-section {
    width: 48%;
    /* PC時は2つ並べるために半分ずつの幅 */
    max-width: 935px;
    margin: 0 auto;
    padding: 20px;
    background-color: #eaf8e4;
    /* 薄い緑の背景 */
    border-radius: 10px;
    text-align: center;
    /* 20250304　清水追記 */
    /* box-shadow: 4px 4px 10px rgba(126, 150, 126, 0.2); */
    /* 追記終了 */
    overflow: hidden;
    /* はみ出し防止 */
}

/* タイトルのスタイル */
.section-title {
    font-size: 24px;
    font-weight: bold;
    color: #636b81
}

/* 各セクション内のカードを縦2列に */
.info-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 2列表示 */
    /* 20250305　清水追記 */
    gap: 15px 3px;
    /* 隙間を狭くする */
    /* 追記終了 */
    justify-content: center;
    width: 100%;
    max-width: 100%;
    padding: 5px;
    box-sizing: border-box;
    /* はみ出し防止 */
    place-items: center;
}

/* 各ボタン（情報カード） */
.info-card {
    background-color: white;
    padding: 16px;
    border-radius: 4px;
    /* 角を丸くする */
    width: 94%;
    max-width: 100%;
    min-width: 140px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    gap: 10px;
    border-bottom: 1px solid #ccc;
    /* カードの区切り */
    border-right: 1px solid #ccc;
    /* 列の区切り */
    position: relative;
    margin: 1px;
    /* 20250304　清水追記 */
    height: 60px;
    /* 追記終了 */
}

/* 最後の列の右ボーダーを削除 */
.info-card:nth-child(2n) {
    border-right: none;
}

/* 最後の行のボーダーを削除 */
.info-card:nth-last-child(1),
.info-card:nth-last-child(2) {
    border-bottom: none;
}

/* ホバー時のエフェクト */
.info-card:hover {
    transform: scale(1.05);
}

/* 画像サイズ調整 */
.info-card img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

/* テキストサイズ調整 */
.info-card p {
    /* 20250313　清水追記 */
    font-size: 16px;
    /* 追記終了 */
    margin: 0;
    /* 20250313　清水追記 */
    font-family: "Meiryo";
    /* 追記終了 */
    font-weight: 600;
    color: #636b81;
}

.content {
    padding-top: 20px !important;
}



/* スマホ表示時の調整 */
@media (max-width: 960px) {
    .info-sections-container {
        flex-direction: column;
        align-items: center;
        max-width: 100%;
        /* 緑枠を画面幅いっぱいに広げる */
    }

    .info-section {
        width: 95%;
        /* スマホ時に緑枠を広げる */
        padding: 20px;
        /* 余白を増やして見やすくする */
    }

    .info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 20250313　清水追記 */
        padding: 10px 10px 0px;
        /* 追記終了 */
        /* 20250305 清水追記 */
        gap: 15px 30px;
        /* 追記終了 */
    }

    .info-card {
        flex-direction: column;
        /* スマホではアイコンを上、テキストを下に配置 */
        align-items: center;
        text-align: center;
        max-width: 90%;
        /* 緑枠内に収める */
        /* 20250313　清水追記 */
        justify-content: center;
        /* 追記終了 */
    }
}

@media (max-width: 600px) {
    .info-section {
        width: 100%;
        padding: 15px;
        /* 小さめの余白 */
    }

    .info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 20250313　清水追記 */
        /* padding: 10px; */
        /* 追記終了 */
    }

    .info-card {
        flex-direction: column;
        /* スマホではアイコンを上、テキストを下に配置 */
        align-items: center;
        text-align: center;
        max-width: 90%;
        /* 緑枠内に収める */
        /* 20250305  清水追記 */
        height: 65px;
        min-width: 112%;
        /* width: 11rem; */
        /* 追記終了 */
    }

    .info-card img {
        width: 35px;
        /* スマホ用に画像サイズを小さく */
        height: 35px;
        margin-bottom: 5px;
    }

    .info-card p {
        /* 20250313　清水追記 */
        font-size: 15px;
        font-family: "Meiryo";
        font-weight: 600;
        /* 追記終了 */
        /* スマホ時に文字サイズを小さく */
    }
}




/* セクション全体 */
.childcare-info-section {
    width: 100%;
    max-width: 950px;
    margin: 40px auto;
    padding: 20px;
    background-color: #FCE8E8;
    /* 淡いピンク */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(255, 0, 0, 0.2);
    /* 赤系の影 */
}

/* タイトルのデザイン */
.childcare-section-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}

.childcare-section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #E57373;
    /* 赤のライン */
    margin: 5px auto 0;
}

/* カードコンテナ */
.childcare-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    /* PCでは横並び（4列以上） */
    gap: 20px;
    justify-content: center;
}

/* 各情報カード */
.childcare-info-card {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.childcare-info-card:hover {
    transform: scale(1.05);
    background-color: #FFE0E0;
}

/* アイコンのサイズ */
.childcare-info-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* テキストスタイル */
.childcare-info-card p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* タブレットとスマホ対応（2列表示） */
@media (max-width: 960px) {
    .childcare-info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2列表示 */
    }
}



/* 相談窓口のデザイン */
.container {
    width: 80%;
    margin: auto;
    padding: 20px;
}

/* .objective_header {
    background-color: #2c6e49;
    color: white;
    padding: 15px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    max-width: 930px;
    margin: 20px auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
} */

.objective_header {
    position: relative;
    /* 20250304_アクセントバー追加のため */
    background-color: #C1E3EF;
    /* 20250304_色変更 */
    color: #636b81;
    padding: 15px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    max-width: 930px;
    margin: 20px auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
}

/* 20250304_アクセントバー追加 */
.objective_header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    width: 6px;
    height: 70%;
    background-color: #477281;
}

/* 画面幅がスマホ程度(例:767px)以下の場合のみ適用 */
@media screen and (max-width: 767px) {
    .objective_header {
        max-width: calc(100% - 40px);
        /* 画面両端に20pxずつ余白を作るイメージ */
        margin: 20px auto;
        /* スマホでも中央寄せを維持 */
        margin-top: 0px;
    }
}

.business_header {
    position: relative;
    /* 20250304_アクセントバー追加のため */
    background-color: #FEDCDA;
    /* 20250304_色変更 */
    color: #636b81;
    padding: 15px;
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    max-width: 930px;
    margin: 20px auto;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .16);
}

/* 20250304_アクセントバー追加 */
.business_header::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15%;
    width: 6px;
    height: 70%;
    background-color: #E0765C;
}

/* 画面幅がスマホ程度(例:767px)以下の場合のみ適用 */
@media screen and (max-width: 767px) {
    .business_header {
        max-width: calc(100% - 40px);
        /* 画面両端に20pxずつ余白を作るイメージ */
        margin: 20px auto 20px;
        /* スマホでも上下余白は維持しつつ、左右に余白 20250304_ボトムマージンを50px→20pxに */
        margin-top: 0px;
    }
}
.category-container {
    display: grid;
    /* グリッドレイアウトを使用 */
    grid-template-columns: repeat(3, 1fr);
    /* PC：3列 */
    gap: 10px 10px;
    /* 要素間の隙間 20250304_水平方向の間隔を削除 */
    max-width: 930px;
    margin: 20px auto;
    margin-bottom: 40px;
}

/* 画面幅がスマホ程度(例:767px)以下の場合のみ適用 */
@media screen and (max-width: 767px) {
    .category-container {
        grid-template-columns: repeat(2, 1fr);
        max-width: calc(100% - 40px);
        /* 画面両端に20pxずつ余白を作るイメージ */
        margin: 20px auto 20px;
        /* スマホでも上下余白は維持しつつ、左右に余白 */
    }
}

.category-container label {
    width: 100%;
    padding: 15px;
    flex: 1 1 30%;
    text-align: left;
    border: 2px solid #00aba3;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: "Arial", sans-serif;
    /* 例: Arialフォント */
    font-size: 16px;
    /* 文字サイズを調整（必要に応じて変更） */
    font-weight: bold;
    /* 太字にする（任意） */
    color: #636b81;
}

/* ▼ チェック時：label 全体 → 水色背景＋白文字 */
.category-container label:has(input[type="checkbox"]:checked) {
    background-color: #00aba3;
    color: #ffffff;
}

.category-container label input {
    width: 16px;
    height: 16px;
    appearance: none;
}

.category-container label label {
    flex-grow: 1;
    cursor: pointer;
    background-color: #ffffff;
}

.category-container label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    appearance: auto;
    /* または -webkit-appearance: checkbox; */
    /* チェック時でもボックス内は白色を維持したい場合 */
    accent-color: #ffffff;
}

@media screen and (max-width: 767px) {
    .category-container label {
        /* スマホ時は左揃えにする */
        text-align: left;
        justify-content: flex-start;
        /* PC時と同じ高さ固定（または別途値を調整） */
        height: 50px;
    }

    .category-container label input[type="checkbox"] {
        min-width: 16px;
    }
}

.under-section-title {
    margin-top: 30px;
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #2c6e49;
    padding-bottom: 5px;
    max-width: 930px;
    margin: 20px auto;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.under-section-title::before {
    content: "";
    width: 5px;
    height: 20px;
    background-color: #2c6e49;
    display: inline-block;
    margin-right: 10px;
}

/* リストデザインを防災・安全と統一 */
.styled-list {
    list-style: none;
    padding: 0;
}

/* 日付のデザイン */
.styled-list .date {
    /* font-weight: bold; */
    margin-right: 10px;
    color: #333;
    /*min-width: 120px;*/
    min-width: 130px;
    /* 日付の幅を固定して揃える */
    display: inline-block;
    text-align: left;
    font-weight: 500;
    font-family: "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

/* リンクスタイル */
.styled-list li {
    margin: 8px 0;
    display: flex;
    /*align-items: center;*/
}

/* 画面幅が767px以下の場合に縦並びにする */
@media screen and (max-width: 767px) {
    .styled-list li {
        flex-direction: column;
        /* 縦並びにする */
        align-items: flex-start;
        /* 左寄せにする(お好みで調整) */
    }

    .styled-list li .date {
        margin-bottom: 4px;
        /* 日付とリンクの間に余白を付ける */
    }
}

.styled-list a {
    text-decoration: none;
    color: #2c6e49;
    font-weight: bold;
    text-align: left;
    display: inline-block;
    flex-grow: 1;
    font-family: "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.styled-list a:hover {
    text-decoration: underline;
}

.link-list {
    list-style: none;
    padding: 0;
    max-width: 930px;
    margin: 20px auto;
}

.link-list li {
    margin: 10px 20px;
}

.link-list a {
    text-decoration: underline;
    color: #0e67e1;
}

.sidebar {
    margin-top: 20px;
    padding: 15px;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

.category:hover {
    background-color: #ddd;
}



/* 子育て世帯向け */
/* セクション全体 */
.childcare-info-section {
    width: 100%;
    max-width: 950px;
    margin: 40px auto;
    padding: 20px;
    background-color: #FCE8E8;
    /* 淡いピンク */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(255, 0, 0, 0.2);
    /* 赤系の影 */
}

/* タイトルのデザイン */
.childcare-section-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}

.childcare-section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #E57373;
    /* 赤のライン */
    margin: 5px auto 0;
}

/* カードコンテナ */
.childcare-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    /* PCでは横並び（4列以上） */
    gap: 20px;
    justify-content: center;
}

/* 各情報カード */
.childcare-info-card {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.childcare-info-card:hover {
    transform: scale(1.05);
    background-color: #FFE0E0;
}

/* アイコンのサイズ */
.childcare-info-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* テキストスタイル */
.childcare-info-card p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* タブレットとスマホ対応（2列表示） */
@media (max-width: 960px) {
    .childcare-info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2列表示 */
    }
}

/* 高齢者向け情報 */
/* セクション全体 */
.eldercare-info-section {
    width: 100%;
    max-width: 950px;
    margin: 40px auto;
    padding: 20px;
    background-color: #fffbf2;
    /* 淡い黄色 */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(255, 255, 0, 0.5);
    /* 黄色系の影 */
}

/* タイトルのデザイン */
.eldercare-section-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}

.eldercare-section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #f0df49;
    /* 黄のライン */
    margin: 5px auto 0;
}

/* カードコンテナ */
.eldercare-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    /* PCでは横並び（4列以上） */
    gap: 20px;
    justify-content: center;
}

/* 各情報カード */
.eldercare-info-card {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.eldercare-info-card:hover {
    transform: scale(1.05);
    background-color: #eee0bf;
}

/* アイコンのサイズ */
.eldercare-info-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* テキストスタイル */
.eldercare-info-card p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* タブレットとスマホ対応（2列表示） */
@media (max-width: 960px) {
    .eldercare-info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2列表示 */
    }
}

/* 外国人向け */
/* セクション全体 */
.foreigner-info-section {
    width: 100%;
    max-width: 950px;
    margin: 40px auto;
    padding: 20px;
    background-color: #E0F7FA;
    /* 淡い水色 */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(25, 25, 112, 0.5);
    /* 青色系の影 */
}

/* タイトルのデザイン */
.foreigner-section-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}

.foreigner-section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background-color: #0000FF;
    /* 青のライン */
    margin: 5px auto 0;
}

/* カードコンテナ */
.foreigner-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    /* PCでは横並び（4列以上） */
    gap: 20px;
    justify-content: center;
}

/* 各情報カード */
.foreigner-info-card {
    background-color: white;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
}

.foreigner-info-card:hover {
    transform: scale(1.05);
    background-color: #bde5eb;
}

/* アイコンのサイズ */
.foreigner-info-card img {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
}

/* テキストスタイル */
.foreigner-info-card p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* タブレットとスマホ対応（2列表示） */
@media (max-width: 960px) {
    .foreigner-info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2列表示 */
    }
}

.foreigner-link-container {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.foreigner-link {
    padding: 10px 15px;
    font-size: 14px;
    color: #000000;
    background-color: #ffffff;
    border: 2px solid #add8e6;
    border-radius: 30px;
    text-align: center;
    font-family: Arial, sans-serif;
    white-space: nowrap;
}

/* 事業者向け */
/* セクション全体 */
.business-info-section {
    width: 100%;
    max-width: 950px;
    margin: 40px auto;
    padding: 20px;
    background-color: #eaf8e4;
    /* 薄い緑の背景 */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px rgba(0, 128, 0, 0.2);
}

/* タイトルのデザイン */
.business-section-title {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
    padding-bottom: 8px;
}

.business-section-title::after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    margin: 5px auto 0;
}

/* カードコンテナ */
.business-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    /* PCでは横並び（4列以上） */
    gap: 20px;
    justify-content: center;
}

/* 各情報カード */
.business-info-card {
    background-color: white;
    padding: 16px;
    border-radius: 10px;
    width: 100%;
    max-width: 95%;
    /* 緑枠内に収めるため調整 */
    min-width: 140px;
    display: flex;
    flex-direction: row;
    /* PCでは横並び */
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    gap: 5px;
}

.business-info-card:hover {
    transform: scale(1.05);
}

/* アイコンのサイズ */
.business-info-card img {
    width: 50px;
    height: 50px;
}

/* テキストスタイル */
.business-info-card p {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

/* タブレットとスマホ対応（2列表示） */
@media (max-width: 960px) {
    .business-info-container {
        grid-template-columns: repeat(2, 1fr);
        /* 2列表示 */
    }
}


/* 緊急情報欄SPデザイン調整 */
@media (max-width: 960px) {
    .coronaicon {
        display: inline-block;
        font-size: 20px;
        transform: rotate(45deg);
        transition: 0.2s ease-in-out;
        /* position: absolute; */
        /* right: 30px; */
        margin-left: auto;
    }

    .corona-detail {
        text-align: right;
    }

    .corona-right {
        display: none;
    }

    .img-none {
        display: none;
    }
}

@media (min-width: 961px) {
    .coronaicon {
        display: none;
    }

    .corona-detail {
        display: none;
    }
}

/* 20250304_メニューを1行6列に変更のためクラス追加 */
.category-container-objective {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px 5px;/*20250326　修正*/
    max-width: 930px;
    margin: 20px auto;
    /* justify-items: center; */
}

/* 20250304_クラス追加 */
.category-container-objective label {
    width: 100%;
    height:100%;/*20250326　修正*/
    background-color: white;
    padding: 15px 10px;
    flex: 1 1 30%;
    text-align: left;
    border: 2px solid #00aba3;
    border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: "Arial", sans-serif;
    /* 例: Arialフォント */
    font-size: 16px;
    /* 文字サイズを調整（必要に応じて変更） */
    font-weight: bold;
    /* 太字にする（任意） */
}

@media screen and (max-width: 767px) {
    .category-container-objective label {
        height: 50px;
    }
}

/* 20250304_クラス追加 */
@media screen and (max-width: 767px) {
    .category-container-objective {
        grid-template-columns: repeat(2, 1fr);
        margin: 20px 20px 20px 20px;
        /* 上、右、下、左の空白 */
        gap: 0px 5px;
    }
}


/* 20250304　清水追記 */
.icon-position {
    width: 32px;
    height: auto;
    margin-right: 8px;
}

.flex-center {
    display: flex;
    justify-content: left;
}

.section-radius {
    background-color: #fff;
    border-radius: 8px;
    padding: 16px 24px;
    overflow: hidden;
}
/* 追記終了 */

/* 属性別セクション */
.attribute-section {
    width: 100%;
    max-width: 935px;
    /* PC時の最大幅 */
    margin: 40px auto;
    /* 上下40pxの余白、中央配置 */
    padding: 20px;
    background-color: #EEFFFF;
    /* 薄い緑の背景 */
    border-radius: 10px;
    text-align: center;
    box-shadow: 4px 4px 10px #c1dddd;
    /* 緑系の影を追加 */
}



/* PC（1024px以上）では4列表示 */
@media (min-width: 960px) {
    .attribute-container {
        display: grid;
        /* display: flex; */
        grid-template-columns: repeat(6, 1fr);
        /* PCでは4つ横並び */
        gap: 20px;
        /* ボタン間のスペースを増やす */
        justify-content: center;
        width: 100%;
        align-items: stretch;
    }
}

/* 各ボタン（情報カード） */
.attribute-card {
    background-color: white;
    padding: 18px;
    /* ボタンの余白を増やす */
    border-radius: 4px;
    width: 100%;
    /* 親要素に収める */
    max-width: 170px;
    /* ボタンの最大幅を適切に設定 */
    min-width: 131px;
    /* 小さくなりすぎないように */
    /* display: flex; */
    flex-direction: row;
    /* PCでは画像と文字を横並び */
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    gap: 10px;
    /* 画像と文字の間隔 */
    height: 100%;
}

/* ホバー時のエフェクト */
.attribute-card:hover {
    transform: scale(1.05);
}

/* 画像サイズ調整 */
.attribute-card img {
    width: 50px;
    /* アイコンを少し大きく */
    height: 50px;
}

/* テキストサイズ調整 */
.attribute-card p {
    font-size: 13px;
    /* テキストを大きめに */
    font-weight: bold;
    margin: 0;
    color: #636b81
}

/* タブレット（960px以下）とスマホ（600px以下）で2列表示＆画像と文字を縦並び */
@media (max-width: 960px) {

    .attribute-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2列レイアウト */
        gap: 10px;
        /* ボタン間のスペース */
    }

    .attribute-section{
        width: 91%;
    }

    .attribute-card {
        max-width: 100%;
        /* ボタンが枠内に収まるように */
        min-width: 140px;
        padding: 16px;
        /* ボタンの内部余白を増やす */
        flex-direction: column;
        /* 画像と文字を縦並びに */
    }

    

    .attribute-card img {
        width: 40px;
        /* タブレットでのアイコンサイズ */
        height: 40px;
        margin-bottom: 8px;
        /* 文字との間隔を追加 */
    }

    .attribute-card p {
        font-size: 18px;
        /* テキストを少し大きく */

    }

    .content-body .search-keyword-list{
        justify-content: left;
    }

    .content-body .search-keyword-list-blue{
        justify-content: left;
    }
}

/* スマホサイズ（600px以下） */
@media (max-width: 600px) {

    .attribute-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2列レイアウトを維持 */
        gap: 10px;
        margin-top: 10px;
        justify-content: center;
        align-items: stretch;
    }

    .attribute-card {
        display: flex;
        align-items: center; /* 縦方向の中央揃え */
        justify-content: center; /* 横方向の中央揃え */
        height: 60px; /* 高さを確保（適宜調整） */
        height: 100%;
    }

    .attribute-card img {
        display: none;
    }

    .attribute-card p {
        text-align: center; /* テキストを中央揃え */
        font-size: 16px; /* スマホ用にフォントサイズを調整 */
    }
}

.mt-1 {
    margin-top: 1rem;
}

/* トピックス */
.mt-2 {
    margin-top: 2rem;
}

.w-100 {
    width: 100%;
    justify-content: center;
}

@media (max-width: 960px) {
    .w-100-s {
        width: 100%;
        justify-content: center;
    }
    .w-100 {
        margin-top: -10px;
    }
    .mt-1 {
        margin-top: 2rem;
    }
}

.content-search-keyword .search-keyword-list .topics-item a {
    border-radius: 20px;
    color: #818899;
    background-color: #fff;
    line-height: 2;
    padding: 4px 10px;
    transition: .2s all ease-in-out;
    font-weight: 400;
    margin-right: 5px;
    border: 1px solid #E0765C;
}

.content-search-keyword .search-keyword-list .topics-item a:hover {
    border: 1px solid #E0765C;
    background-color: #E0765C;
    color: #fff;
}

.content-search-keyword .search-keyword-list-blue .topics-item a {
    border-radius: 20px;
    color: #818899;
    background-color: #fff;
    line-height: 2;
    padding: 4px 10px;
    transition: .2s all ease-in-out;
    font-weight: 400;
    margin-right: 5px;
    border: 1px solid #4497B4;
}

.content-search-keyword .search-keyword-list-blue .topics-item a:hover {
    border: 1px solid #4497B4;
    background-color: #4497B4;
    color: #fff;
}

@media (max-width: 960px) {
    .index-container .section-search .section-content-body .content-search-wrapper-top-sp {
        display: block !important;
        justify-content: space-between;
        padding-top: 16px !important;
        padding: 16px;
    }

    .fix-search-wrapper-top-sp{
        margin-top: 15px;
    }

    .content-search-keyword-top-sp{
        width: 100%;
        margin-top: 9px;
        display: block 
    }
}

    /* PC時 - liタグを横幅で改行して2列目に */
    @media (min-width: 961px) {
        .content-body .search-keyword-list {
          display: flex;
          flex-wrap: wrap;
          gap: 5px;
        }
      }
      
      /* スマホ時 - liタグの改行時の調整 */
      /* スマホ時 - liタグの高さ調整 */
      @media (max-width: 960px) {
        .content-body .search-keyword-list {
          display: flex;
          flex-wrap: wrap;
          gap: 0px; /* liタグ同士の間隔を少し狭く */
          margin-top: 8px;
        }
      
        .content-body .topics-item {
          margin-bottom: 4px; /* liタグ間の余白 */
        }
      
        .content-body .topics-item a {
          display: inline-block;
          padding: 0px 5px; /* 高さを抑えるためにpaddingを縮小 */
          border: 2px solid orange;
          border-radius: 6px;
          word-break: break-word;
          box-sizing: border-box;
          line-height: 1.1; /* 行間を少し詰める */
          background-color: white;
        }
        .content-search-keyword .search-keyword-list .topics-item a {
            line-height: 1.5;
            text-align: left;
        }
        .content-search-keyword .search-keyword-list-blue .topics-item a{
            line-height: 1.5;
            text-align: left;
        }
      }

      @media (min-width: 961px) {
        .w-880 {
            width: 880px;
        }
                    @media (min-width: 961px) {
        .attribute-container {
            width: 880px;
        }
    }
    }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        .info-section p {
            font-family: YuGothic, "Noto Sans JP", sans-serif, sans-serif !important;
        }
    }
/* HTML② 用のチェックボックススタイル */
.category-container .new-info-filter {
    display: none; /* チェックボックス自体を隠す */
}

/* チェックボックスがチェックされたときに表示されるチェックマーク */
.category-container .new-info-filter:checked + .check-label::after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 16px;
    border-right: 3px solid #256c69;
    border-bottom: 3px solid #256c69;
    transform: rotate(45deg);
    margin-left: 7px;
    left: 16px;
    width: 7px;
    height: 12px;
}

/* チェックボックスの背景ボックス */
.category-container .check-label::before {
    content: "";
    display: block;
    border: 1px solid #a6adc6;
    border-radius: 4px;
    background-color: #fff;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    box-sizing: border-box;
    transform: translateY(-50%); /* チェックボックスを垂直中央に配置 */
    position: absolute;
    left: 15px;
    top: 50%;
}

.category-container .category-item{
    position: relative;
    /* padding-left: 32px; チェックボックスのスペースを確保 */
    border-radius: 5px;
}

.category-container .category-item label{
    color: white;
}

/* チェックされているとき (背景が #00aba3) */
.category-item input[type="checkbox"]:checked + .check-label {
    background-color: #00aba3;
    color: white;
}

/* チェックされていないとき (外枠が #00aba3、背景が白) */
.category-item input[type="checkbox"] + .check-label {
    background-color: white;
    border: 2px solid #00aba3;
    color: #636b81;
    padding-left: 40px;
}

.category-container-objective .category-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.category-container-objective .new-info-filter {
    margin-right: 10px;
}