@charset "utf-8";

body {
    font-family: 'Rounded Mplus 1c' !important;
}

.btn-warning {
    /*color: #272B30;*/
    background-color: #f89406;
    border-color: #f89406;
}

.btn-warning:hover {
    color: #fff;
    background-color: #d37e05;
    border-color: #c67605;
}

.btn-warning:focus,
.btn-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
    /*color: #272B30;*/
    background-color: #f89406;
    border-color: #f89406;
}

.btn-warning:not(:disabled):not(.disabled):active,
/*.btn-warning:not(:disabled):not(.disabled).active,*/
.show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #c67605;
    border-color: #ba6f04;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
/*.btn-warning:not(:disabled):not(.disabled).active:focus,*/
.show > .btn-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
}

.btn-warning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#faa123), color-stop(60%, #f89406), to(#e48806));
    background-image: linear-gradient(#faa123, #f89406 60%, #e48806);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
    color: #fff;
}

.btn-warning:not([disabled]):not(.disabled):hover,
.btn-warning:not([disabled]):not(.disabled):focus,
.btn-warning:not([disabled]):not(.disabled):active/*,
.btn-warning:not([disabled]):not(.disabled).active*/ {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9e5f04), color-stop(40%, #ad6704), to(#b76d04));
    background-image: linear-gradient(#9e5f04, #ad6704 40%, #b76d04);
    background-repeat: no-repeat;
    -webkit-filter: none;
    filter: none;
}

    .btn-outline-warning,
    .btn-warning:not(:disabled):not(.disabled).active {
        color: #f89406;
        background-color: transparent;
        background-image: none;
        border-color: #f89406;
    }

.btn-outline-warning:hover {
    color: #272B30;
    background-color: #f89406;
    border-color: #f89406;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: #f89406;
    background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #272B30;
    background-color: #f89406;
    border-color: #f89406;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(248, 148, 6, 0.5);
}





.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.bg-lightgreen {
    background-color: #e6ede9;
}

.jumbotron {
    background-image: url('../img/top-image.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 600px;
}

.heading {
    border-left: 6px solid #aaa;
    padding: 0 0 0 10px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: ">"
}

.footer-copyright {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background-color: #f5f5f5;
}

.map iframe {
    width: 100%;
    height: 450px;
}

/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
    .footer-logo {
        width: 100%;
    }
}
/* END */

/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
    .gnav-item {
        display: block;
        width: 100%;
        border: none;
    }

        .gnav-item + .gnav-item {
            border: none;
        }

    table th, table td {
        padding: .25rem !important;
    }

        table th:first-child {
            width: 25%;
        }
}
/* END */

/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
@media screen and (min-width: 576px) and (max-width: 991.98px) {
    #sec2 {
        height: 500px;
    }
}
/* END */

/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
    #sec2 .message {
        position: absolute;
        left: 0;
    }
}
/* END */


/* サイドメニュー
-------------------------------------*/
/*.side-nav-title {
  background-image: -webkit-linear-gradient(#484e55, #3a3f44 60%, #313539);
  background-image: -o-linear-gradient(#484e55, #3a3f44 60%, #313539);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#484e55), color-stop(60%, #3a3f44), to(#313539));
  background-image: linear-gradient(#484e55, #3a3f44 60%, #313539);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484e55', endColorstr='#ff313539', GradientType=0);
  -webkit-filter: none;
          filter: none;
  border: 1px solid rgba(0, 0, 0, 0.6);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}*/

.side_category_title {
    text-align: center;
    padding: 10px 20px;
    border: solid 1px #ccc;
    border-bottom: none;
    background: -webkit-linear-gradient(top, #6c757d 0%, #343a40 100%);
    background: linear-gradient(to bottom, #6c757d 0%, #343a40 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    /*font-size: 0.85rem;*/
    line-height: 1.6;
    color: #fff;
}

.aside-nav li a:hover {
    background: rgba(153, 153, 153, 0.25);
}

.aside-nav > ul > li.active-item > a:link,
.aside-nav > ul > li.active-item > a:visited {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
    color: #fff;
}

@media screen and (min-width:769px) {
    .aside-nav .count-number {
        margin-left: -1.25rem;
        float: right;
    }
}

.nav-text, .aside-nav-text {
    display: none;
}

/*.aside-nav a,
.aside-nav a:link,
.aside-nav a:visited,
.aside-nav li > ul {
    transition: background 0.20s linear 0s;
    -o-transition: background 0.20s linear 0s;
    -ms-transition: background 0.20s linear 0s;
    -moz-transition: background 0.20s linear 0s;
    -webkit-transition: background 0.20s linear 0s;
}

.aside-nav ul {
    padding: 0;
}

.aside-nav li {
    list-style: none outside none;
    cursor: pointer;
}

.aside-nav a:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-weight: 900;
    content: "\f0da";
    margin-right: 0.5em;
}

.aside-nav li a,
.aside-nav li a:link,
.aside-nav li a:visited,
.aside-nav a,
.aside-nav a:link,
.aside-nav a:visited {
    color: #2196f3 !important;
    display: block;
    padding: 0.8em 1em;
    border-bottom: 1px solid #d2d2d2;
}

.aside-nav > ul > li:last-child a {
    border-bottom: 0 none;
}

.aside-nav li > ul {
    height: 0;
    display: block;
    position: relative;
    background: #f4f4f4;
    border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;
    overflow: hidden;
}

.aside-nav li ul ul {
    border: 0;
    background: #fff;
}

.aside-nav ul ul a {
    padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
    color: #333;
}

.aside-nav li li a:hover,
.aside-nav li li.active-item > a,
.aside-nav li li.aside-sub-submenu li a:hover {
    color: #999;
    background: none;
}

.aside-nav > ul > li > a:hover {
    color: #fff;
}

.aside-nav li li a:hover:before,
.aside-nav li li.active-item a:before,
.aside-nav a.active-item a:before {
    content: "\f006";
    display: inline-block;
    font-family: "mfg";
    margin: 0 0.625rem 0 -1.25rem;
    width: 0.625rem;
}

.aside-nav li li a:link,
.aside-nav li li a:visited {
    background: none;
}

.aside-nav .show-aside-ul,
.aside-nav .active-aside-item {
    height: auto;
}

.padding {
    display: list-item;
    list-style: none outside none;
    padding: 10px;
}

@media screen and (max-width:768px) {
    .top-nav > ul.show-menu,
    .aside-nav.minimize-on-small > ul.show-menu {
        height: auto;
    }
}

@media screen and (max-width:480px) {
    .aside-nav li a {
        text-align: center;
    }

    .aside-nav-text:after {
        content: "\f008";
        font-family: "mfg";
        font-size: 1.1rem;
        margin-left: 0.5rem;
        text-align: right;
    }
}*/

/* サイドメニュー
-------------------------------------*/

.aside-nav li a:hover {
    background: rgba(153, 153, 153, 0.25);
}

.aside-nav > ul > li.active-item > a:link,
.aside-nav > ul > li.active-item > a:visited {
    background: none repeat scroll 0 0 rgba(153, 153, 153, 0.25);
    color: #fff;
}

@media screen and (min-width:769px) {
    .aside-nav .count-number {
        margin-left: -1.25rem;
        float: right;
    }
}

.nav-text, .aside-nav-text {
    display: none;
}

.aside-nav a,
.aside-nav a:link,
.aside-nav a:visited,
.aside-nav li > ul {
    transition: background 0.20s linear 0s;
    -o-transition: background 0.20s linear 0s;
    -ms-transition: background 0.20s linear 0s;
    -moz-transition: background 0.20s linear 0s;
    -webkit-transition: background 0.20s linear 0s;
}

.aside-nav ul {
    background: #e8e8e8;
    padding: 0;
}

.aside-nav li {
    list-style: none outside none;
    cursor: pointer;
}

    .aside-nav li a,
    .aside-nav li a:link,
    .aside-nav li a:visited {
        color: #444;
        display: block;
        /*font-size:1rem;*/
        /*padding: 1.25rem;*/
        padding: 1rem .5rem 1rem 1.25rem;
        border-bottom: 1px solid #d2d2d2;
    }

    .aside-nav li > ul > li a,
    .aside-nav li > ul > li a:link,
    .aside-nav li > ul > li a:visited {
        padding: 1rem .5rem 1rem 1.75rem;
    }

.aside-nav > ul > li:last-child a {
    border-bottom: 0 none;
}

.aside-nav li > ul {
    /*height: 0;*/
    display: block;
    position: relative;
    background: #f4f4f4;
    /*border-left: solid 1px #f2f2f2;
    border-right: solid 1px #f2f2f2;*/
    border-bottom: solid 1px #f2f2f2;
    overflow: hidden;
}

.aside-nav li ul ul {
    border: 0;
    background: #fff;
}

.aside-nav ul ul a {
    padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
    color: #333;
}

.aside-nav li li a:hover,
.aside-nav li li.active-item > a,
.aside-nav li li.aside-sub-submenu li a:hover {
    color: #999;
    background: none;
}

.aside-nav > ul > li > a:hover {
    color: #fff;
}

.aside-nav li li a:hover:before,
.aside-nav li li.active-item a:before {
    /*content: "\f0da";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    margin: 0 0.625rem 0 -1.25rem;
    width: 0.625rem;*/
}

.aside-nav li li a:link,
.aside-nav li li a:visited {
    background: none;
}

.aside-nav .show-aside-ul,
.aside-nav .active-aside-item {
    height: auto;
}

.padding {
    display: list-item;
    list-style: none outside none;
    padding: 10px;
}

@media screen and (max-width:768px) {
    .top-nav > ul.show-menu,
    .aside-nav.minimize-on-small > ul.show-menu {
        height: auto;
    }
}

@media screen and (max-width:480px) {
    .aside-nav li a {
        text-align: center;
    }

    .aside-nav-text:after {
        content: "\f008";
        font-family: "mfg";
        font-size: 1.1rem;
        margin-left: 0.5rem;
        text-align: right;
    }
}

.side_menu {
    background: #fff !important;
    border: solid 1px #ccc;
}

    .side_menu li a {
        padding: 10px 20px;
    }

        .side_menu li a:hover {
            color: #e48806 !important;
            background: #fff !important;
            border-left: 2px solid #e48806;
            text-decoration: none;
        }

        .side_menu li a.active {
            color: #e48806 !important;
            background: #fff !important;
            border-left: 2px solid #e48806;
            cursor: default;
        }

        .side_menu li a.side_menu_toggle_active {
            color: #e48806 !important;
            /*border-left: 2px solid #2661c7;*/
            cursor: default;
        }

        .side_menu li a.toggle_active {
            color: #e48806 !important;
            border-left: 2px solid #e48806;
            cursor: default;
        }

.side_menu_title {
    text-align: center;
    padding: 10px 20px;
    border: solid 1px #ccc;
    border-bottom: none;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
    line-height: 1.6;
}

.side_menu_toggle {
    padding: 1rem .5rem 1rem 1.25rem !important;
}

    .side_menu_toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

.link_disabled {
    cursor: default !important;
    pointer-events: none;
}


/*----------------------------------------------------
 お知らせ
----------------------------------------------------*/
.whats_new {
    /*    border: 2px solid #cccccc;*/
    /*border-top: 1px solid #ccc;*/
}

    .whats_new dl,
    .info_list dl,
    .member_data dl {
        margin: 0px;
        clear: both;
        /*overflow: auto;
	height: 300px;*/
        padding: 5px 10px;
        background-color: #fff;
        /*border: 1px solid #7b2077;
	height: 380px;*/
    }

.member_data dl {
    border-bottom: 1px dashed #a9d362;
    margin-bottom: 10px;
}

.whats_new dl dt,
.info_list dl dt,
.member_data dl dt {
    clear: left;
    float: left;
    /*font-weight: bold;*/
    margin-right: 10px;
    color: #444;
    margin-top: 2px;
    padding: 3px;
}

.info_list dl dt {
    font-size: 0.8em !important;
}

.member_data dl dt {
    width: 120px;
}

.whats_new dl dd,
.info_list dl dd,
.member_data dl dd {
    color: #444;
    padding: 3px;
    overflow: hidden;
    /*display: block;*/
}

.whats_new dl dd,
.info_list dl dd {
    border-bottom: 1px dashed #a9d362;
    margin-bottom: 10px;
}

.whats_new dl .icon,
.info_list dl .icon {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*--- font-size: 1.1em; ---*/
    /*color: #fff;*/
    /*width: 6em;*/
    text-align: center;
    border: none;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 2px;
    float: left;
    width: 8em;
    font-weight: normal;
}

.info_list dl .icon {
    font-size: 0.7em;
    width: 6em;
}

/*-------
.whats_new dl .newsdate {
	width: 8em;
	font-weight: normal;
	margin-right: 10px;
}
-------*/

/*.news .whats_new dl .info_news,
.panel .info_news {
	background-color: #2ab6e6;
}
.news .whats_new dl .consultation,
.panel .consultation {
	background-color: #85bf59;
}*/
.whats_new dl dd a:hover,
.info_list dl dd a:hover {
    text-decoration: underline;
}

.whats_new dl dd a:before,
.info_list dl dd a:before {
    content: "▶ ";
}

.whats_new dl dd .pdf:after,
.info_list dl dd .pdf:after {
    content: url("../images/pdficon_small.png");
}

.whats_new dl dd span,
.info_list dl dd span {
    /*font-weight: bold;*/
    color: #d30505;
    padding-left: 5px;
}

@media (max-width: 480px) {
    .whats_new dl dd,
    .info_list dl dd,
    .member_data dl dd {
        float: left;
    }
}

/*前矢印のアイコンフォント*/
/*---
.sp-next-arrow:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105" !important;
}
---*/
/*前矢印のアイコンフォント*/
/*---
.sp-previous-arrow:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f104" !important;
}
---*/

.info1 {
    color: #155724 !important;
    background-color: #d4edda;
    border-color: #c3e6cb;
    border: solid 1px #155724 !important;
}

.info2 {
    color: #004085 !important;
    background-color: #cce5ff;
    border-color: #b8daff;
    border: solid 1px #004085 !important;
}

.info3 {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #831816 !important;
    border: solid 1px #b94a48 !important;
}

/* Pagination
-------------------------------------------*/
.page-item.active .page-link {
    pointer-events: none;
    cursor: auto;
    /*background-color: #D6DBE0;
    border-color: #718393;*/
    color: #fff;
    background-color: rgba(0, 123, 255, 0.4);
    border-color: rgba(0, 123, 255, 0.4);
}

.pagination_b {
    margin-bottom: 0.5em !important;
}

.disp_page_count {
    line-height: 1.25;
    color: #007bff;
}

/* Form Error
--------------------------------------------*/
.help-block.has-error {
    margin-top: 0;
    margin-bottom: 0;
}

.has-error {
    color: #c21235 !important;
}

.form-control.has-error {
    border-color: #c21235;
}

    .form-control.has-error:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.help-block.form {
    padding-left: 0;
}

/* Form
-------------------------------------------*/
.form-control.required {
    /*background-color: rgba(255, 221, 221, 0.8);*/
    background-color: #ffe7e7 !important;
}

.label.label-must {
    font-weight: normal;
    padding: .2em .6em;
}

.label-must {
    background-color: #d81139 !important;
    margin-left: 0.8em;
    font-size: 0.6em !important;
    color: #fff !important;
    border-radius: 5px;
}

.col-form-label {
    font-weight: bold;
}

.input-group-addon {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    /*padding-right:0.5em;*/
    width: 40px;
}

/* Waiting
--------------------------------------------*/
/* ↓↓↓ローディングのスタイル↓↓↓ */
/*モーダルダイアログ背景*/
.waiting {
    z-index: 2000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.65);
}

.loader {
    z-index: 2100;
    position: absolute;
    width: 30px; /*ローディングアイコンの横サイズ*/
    height: 30px; /*ローディングアイコンの縦サイズ*/
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 30px; /*CSS3で円を書く*/
    border: 8px solid #17cddd; /*円に枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    -webkit-animation: spin 1s infinite linear; /*回転のアニメーションをつける*/
    -moz-animation: spin 1s infinite linear;
}
/*キーフレームのアニメーションをつける*/
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        opacity: 0.4;
    }

    50% {
        -webkit-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(360deg);
        opacity: 0.4;
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        opacity: 0.4;
    }

    50% {
        -moz-transform: rotate(180deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(360deg);
        opacity: 0.4;
    }
}
/* ↑↑↑ローディングのスタイル↑↑↑ */