.float-right {
    display: flex;
    background: none !important;
    font-size: 1rem;
}

/* 共通 */
body {
    margin: 0;
    padding: 0;
    background-color: #dbead9;
}

p {
    margin-top: 0;
    margin-bottom: 0;
}

a {
    margin: 0;
    padding: 0;
}

a:link,
a:visited,
a:active {
    color: #0000cc;
    cursor: pointer;
    text-decoration: underline;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.card {
    background: none;
}

.card-body {
    flex: 0;
    padding: 0;
}

.breadcrumb {
    margin: 0;
    padding: 8px;
    box-sizing: border-box;
    font-size: .8rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.5rem;
    display: flex;
}

.color-change>p {
    margin-bottom: 4px;
}

.color-change ul {
    display: flex;
}

.color-change ul li {
    margin-right: 4px;
}

.color-change ul li:last-child {
    margin-right: 0;
}

.color-change ul li a {
    padding: 4px 12px;
    border: 2px solid #257a15;
}

.font-resize-button-wrapper button {
    margin-right: 4px;
    padding: 4px 12px;
    border: 2px solid #257a15;
    background: none;
}

.font-resize-button-wrapper button:last-child {
    margin-right: 0;
}

.badge-success {
    color: #fff !important;
    background-color: #28a745 !important;
}


/* 表示色変更 黒色 */

body.kuro .header {
    background-color: #000;
}

body.kuro .content-inner {
    background-color: #000;
}

body.kuro .breadcrumb {
    background-color: #000;
}

body.kuro .breadcrumb-item.active {
    color: #fff;
}

body.kuro .service h3 {
    color: #fff;
}

body.kuro h1 {
    background-color: #000 !important;
    color: #fff !important;
}

body.kuro .about h2 {
    background-color: #000;
}

body.kuro .about-inner {
    background-color: #000;
}

body.kuro .service-group {
    background-color: #000;
}

body.kuro .faq-list-title {
    background-color: #000;
}

body.kuro .nav-link.active {
    background-color: #000;
}

body.kuro .page-link {
    background-color: #000;
}

body.kuro .page-item.disabled .page-link {
    background-color: #000;
}

body.kuro .card-body {
    background-color: #000;
    color: #fff;
}

body.kuro .database-search .col-sm.pb-4 {
    border: 1px solid #fff;
    background-color: #000;
}

body.kuro .title h1 {
    border: 1px solid #fff;
}

body.kuro a {
    color: #ffff00 !important;
}

body.kuro button {
    color: #ffff00 !important;
}

body.kuro .color-gray {
    background-color: #000;
    color: #ffff00;
}

body.kuro .database-search .col b {
    border-bottom: 1px solid #fff;
    background: #333;
}

.color-kuro {
    background-color: #000;
    color: #ffff00 !important;
}

/* 表示色変更 灰色 */

body.gray .header {
    background-color: #ccc;
}

body.gray .content-inner {
    background-color: #ccc;
}

body.gray .breadcrumb {
    background-color: #ccc;
}

body.gray h1 {
    background: #ccc !important;
}

body.gray .about h2 {
    background-color: #ccc;
}

body.gray .about-inner {
    background-color: #ccc;
}

body.gray .service-group {
    background-color: #ccc;
}

body.gray .faq-list-title {
    background-color: #ccc;
}

body.gray .nav-link.active {
    background-color: #ccc;
}

body.gray .card-body {
    background-color: #ccc;
}

body.gray .database-search .col-sm.pb-4 {
    border: 1px solid #fff;
    background-color: #ccc;
}

body.gray .title h1 {
    border: 1px solid #fff;
}

body.gray .color-kuro {
    background-color: #ccc;
    color: inherit !important;
}

.color-gray {
    background-color: #ccc;
}

/* ナビゲーション */
.nav.nav-tabs.nav-justified.d-none.d-md-flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0;
}

.nav-justified .nav-item {
    width: 20%;
    border-right: 1px solid #fff;
    list-style: none;
}

.nav-justified .nav-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px;
    background: #257a15;
    font-size: 14px;
    border-radius: 0;
    text-decoration: none !important;
    color: #fff;
}

@media (max-width: 1000px) {
    .nav-justified .nav-item a {
        font-size: 1.4vw;
    }
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: transparent !important;
}

/* ヘッダー */
.header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
}

.header h1 img {
    max-width: 640px;
    width: 100%;
}

.header .logo01 {
    display: inline-block;
    padding: 8px 16px;
    background: #fff;
}

.title {
    width: calc(100% - 256px);
    padding: 16px;
    border-right: 1px dotted #ccc;
    box-sizing: border-box;
}

.title h1 {
    margin: 0;
    font-size: 2.5rem;
    background-color: #fff4d4;
    margin-bottom: 16px;
    padding: 32px;
    color: #257a15;
}

.title h1 span {
    margin-left: 8px;
    font-size: 1rem;
}

.tool {
    width: 256px;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tool-inner>* {
    margin-bottom: 16px;
}

.tool-inner>*:last-child {
    margin-bottom: 0;
}

.tool button {
    cursor: pointer;
}

.tool a {
    cursor: pointer;
}

@media (max-width: 768px) {
    .header {
        display: block;
    }

    .title {
        width: 100%;
        padding: 0;
        border-right: 0;
    }

    .title h1 {
        margin-bottom: 0;
        font-size: 1.9rem;
    }

    .title h1 span {
        display: block;
        margin-left: 0;
        font-size: 10px;
    }

    .header .logo01 {
        justify-content: center;
    }

    .tool {
        display: none;
    }
}

/* フッター */

.ccFooterArea .card-body {
    display: block;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    background: #fff;
    font-size: 0.9rem;
}

.footer-inner {
    display: flex;
    padding: 16px;
    justify-content: space-between;
}

.footer-inner ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-inner li {
    margin-right: 16px;
    list-style: none;
}

.footer-inner li:last-child {
    margin-right: 0;
}

.footer-inner p {
    margin: 0;
    color: #a3a3a3;
    font-weight: bold;
}

.footer-inner a {
    color: #257a15;
}

@media (max-width: 768px) {
    .footer-inner {
        display: block;
        text-align: center;
    }

    .footer-inner p {
        margin-bottom: 8px;
    }

    .footer-inner ul {
        display: block;
    }

    .footer-inner li {
        margin-right: 16px;
        list-style: none;
        margin: 0 auto 8px;
    }

    .footer-inner li:last-child {
        margin: 0 auto 0;
    }
}

/* トップページ */

.about {
    display: block;
    margin-bottom: 32px;
}

.about .index_txt {
    padding: 16px;
    background: #fff;
}

.about h2 {
    margin-bottom: 0;
    padding: 16px;
    background: #fff4d4;
}

.about-inner {
    display: flex;
    padding: 16px;
    background: #fff;
    background-image: url(/themes/Users/inclusive/images/img01.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 16%;
}

.kuro .about-inner {
    background-image: url(/themes/Users/inclusive/images/img01_k.jpg);
}

.gray .about-inner {
    background-image: url(/themes/Users/inclusive/images/img01_g.jpg);
}

.about-text {
width: 60%
}

.about-image {
    width: 40%;
    display: block;
}

.service-wrapper {
    display: flex;
    justify-content: space-between;
}

.service-group {
    width: 60%;
    background: #fff;
    margin-right: 16px;
    margin-bottom: 32px;
    padding: 32px;
}

.service-group:first-child {
    background-image: url(/themes/Users/inclusive/images/bg_index02.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 50%;
}

.kuro .service-group:first-child {
    background-image: url(/themes/Users/inclusive/images/bg_index02_k.gif);
}

.gray .service-group:first-child {
    background-image: url(/themes/Users/inclusive/images/bg_index02_g.gif);
}

.service-group:last-child {
    width: 40%;
    margin-right: 0;
}

.service h3 {
    display: block;
    margin-bottom: 16px;
    padding-bottom: 16px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #003399;
    border-bottom: 2px dotted #ccc;
}

.service li {
    margin-bottom: 16px;
    list-style: none;
}

.service-link-button {
    display: inline-block;
    margin-bottom: 8px;
    padding: 16px 32px;
    background: #003399 !important;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
}

.counters-default .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    padding: 16px;
    text-align: center;
}

.counters-default .card-body>* {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 8px;
}

.counters-default .card-body>*:last-child {
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .about {
        margin-bottom: 16px;
    }

    .about-inner {
        padding-bottom: 64px;
    }

    .about h2 {
        font-size: 1.5em;
    }

    .about-text {
        width: 100%;
    }

    .service-wrapper {
        flex-wrap: wrap;
    }

    .service-group {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        padding: 16px;
    }

    .service-group:last-child {
        width: 100%;
    }

    .service-group:first-child {
        margin-bottom: 16px;
    }
}

/* 共通ページ */
h1.card-header {
    display: block;
    padding: 32px;
    font-size: 1.9rem;
    font-weight: bold;
    color: #003399;
    background: #fff !important;
}

.content-wrapper h3 {
    display: block;
    margin-bottom: 32px;
    font-size: 1.5rem;
    font-weight: bold;
}

.content-item p {
    margin-bottom: 16px;
}

.content-item *:last-child {
    margin-bottom: 0;
}

.content-wrapper .strong-red {
    color: rgb(255, 0, 0);
}

.content-inner {
    padding: 32px;
    background: #fff;
}

.content-item {
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #ccc;
}

.content-item:last-child {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.content-item>*:last-child {
    margin-bottom: 0;
}

.content-item li {
    margin-bottom: 8px;
}

.content-link-button {
    display: inline-block !important;
    margin-bottom: 16px;
    padding: 16px 32px;
    background: #003399 !important;
    border-radius: 4px;
    color: #fff !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    h1.card-header {
        padding: 16px;
        font-size: 1.5rem;
    }

    .content-inner {
        padding: 16px;
    }
}

/* Q&A */
.faq-list-body {
    padding: 0.75rem 1.25rem;
    background: #fff;
}

.accordion .card {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0 !important;
}

.accordion>.card:first-child {
    border-top: 0;
}

.faq-list-title:first-child {
    border-top: none;
    border-radius: 0 !important;
}

.faq-list-title {
    border-bottom: 0;
}

.frame-15-show .container .card {
    background: #fff;
}

.frame-18-show .container .card {
    background: #fff;
}

.frame-20-show .container .card {
    background: #fff;
}

.frame-22-show .container .card {
    background: #fff;
}

.frame-15-show .container .card-body {
    padding: 32px;
}

.frame-18-show .container .card-body {
    padding: 32px;
}

.frame-20-show .container .card-body {
    padding: 32px;
}

.frame-22-show .container .card-body {
    padding: 32px;
}

.frame-15-show .container .card-body h2 {
    font-size: 1.5rem;
}

.frame-18-show .container .card-body h2 {
    font-size: 1.5rem;
}

.frame-20-show .container .card-body h2 {
    font-size: 1.5rem;
}

.frame-22-show .container .card-body h2 {
    font-size: 1.5rem;
}

.frame-15-show .container .card-body .d-flex {
    align-items: baseline;
}

.frame-18-show .container .card-body .d-flex {
    align-items: baseline;
}

.frame-20-show .container .card-body .d-flex {
    align-items: baseline;
}

.frame-22-show .container .card-body .d-flex {
    align-items: baseline;
}

@media (max-width: 768px) {
    .faq-list-body .d-flex div:nth-child(2) {
        width: calc(100% - 32px);
    }

    .faq-list-body .pt-1 {
        padding-left: 32px;
        box-sizing: border-box;
    }

    .frame-15-show .container .card-body {
        padding: 16px;
    }
    
    .frame-18-show .container .card-body {
        padding: 16px;
    }
    
    .frame-20-show .container .card-body {
        padding: 16px;
    }
    
    .frame-22-show .container .card-body {
        padding: 16px;
    }
}

/* 研究成果 */
.reaserch-result strong,
.support-information strong {
    margin-bottom: 0;
}

/* データベース */
.database-search .card-body {
    padding: 32px !important;
    background: #fff;
}

.database-search h5,
.database-search label {
    font-size: .9em;
}

.database-search .col-sm.pb-4 {
    margin-right: 16px;
    padding: 16px;
    box-sizing: border-box;
    background: #f3f3f3;
}

.database-search .col-sm.pb-4:last-child {
    margin-right: 0;
}

/* データベース検索結果 */

.database-search .row.pt-2.pb-2 {
    padding: 0 !important;
}

.database-search .col {
    padding: 0;
}

.database-search .col b {
    display: inline-block;
    width: 100%;
    padding: 8px 16px;
    background: #f3f3f3;
}

.database-search .col small+br+* {
    padding: 16px;
    box-sizing: border-box;
}

.database-search .row.mt-2 {
    margin: 0;
}

.database-search .btn.btn-success.btn-sm {
    margin-top: 8px;
}

@media (max-width: 768px) {
    .database-search .card-body {
        padding: 16px !important;
    }

    .form-row {
        display: block;
    }
}
/* データベース横断検索 */

.plugin-multidbsearches .multidbsearches {
    background-color: #fff;
    padding: 1.25rem;
}
.plugin-multidbsearches .multidbsearches__title {
    background-color: #fff;
    /*padding: 1.25rem;*/
}
.plugin-multidbsearches .multidbsearches__form-card {
    border: 0;
}
.plugin-multidbsearches .multidbsearches__form-body {
    background-color: #fff;
    /*padding: 1.25rem;*/
}
.plugin-multidbsearches article {
    padding: .75rem;
}

/* トップページのカラム幅調整用 */
.home .ccMainArea {
  max-width:60% !important;
  @media (max-width: 768px) {
    max-width:100% !important;
  }
}

.home .ccRightArea {
  max-width:40% !important;
  flex:0 0 40% !important;
  @media (max-width: 768px) {
    max-width:100% !important;
    flex:0 0 100% !important;
  }
}

.home .no-margin-bottom * {
  margin-bottom: 0px !important;
}

.home .backgroundLoupe {
    background-image:  url(/themes/Users/inclusive/images/bg_index02.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
}