@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 .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: none
    }

    .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
}

.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) {
    .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
    }

    .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
}