.navigation-clean-button .navbar-nav > li > .dropdown-menu {
    margin-top: -5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 2px
}
.navigation-clean-button .dropdown-menu .dropdown-item,
.navigation-clean-button .dropdown-menu .dropdown-item:focus {
    line-height: 2;
    font-size: 14px;
    color: #37434d
}
.navigation-clean-button .dropdown-menu .dropdown-item:focus,
.navigation-clean-button .dropdown-menu .dropdown-item:hover {
    background: #eee;
    color: inherit
}
.navigation-clean-button .actions .login {
    margin-right: 1rem;
    text-decoration: none;
    color: #465765
}
.navigation-clean-button .navbar-text .action-button,
.navigation-clean-button .navbar-text .action-button:active,
.navigation-clean-button .navbar-text .action-button:hover {
    background: #56c6c6;
    border-radius: 20px;
    font-size: inherit;
    color: #fff;
    box-shadow: none;
    border: none;
    text-shadow: none;
    padding: 0.5rem 1rem;
    transition: background-color 0.25s;
    font-size: inherit
}
.navigation-clean-button .navbar-text .action-button:hover,
.navigation-clean-search .action-button:focus,
.navigation-clean-search .action-button:hover {
    background: #66d7d7
}
.navigation-clean-button,
.navigation-clean-search {
    background: #fff;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #333;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin-bottom: 0
}
.navigation-clean-button .navbar-brand,
.navigation-clean-search .navbar-brand {
    font-weight: 700;
    color: inherit
}
.navigation-clean-button .navbar-brand:hover,
.navigation-clean-search .navbar-brand:hover {
    color: #222
}
.navigation-clean-button .navbar-toggler,
.navigation-clean-search .navbar-toggler {
    border-color: #ddd;
    color: #888
}
.navigation-clean-button .navbar-toggler:focus,
.navigation-clean-button .navbar-toggler:hover,
.navigation-clean-search .navbar-toggler:focus,
.navigation-clean-search .navbar-toggler:hover {
    background: 0 0
}
.navigation-clean-button .form-inline,
.navigation-clean-button .navbar-collapse,
.navigation-clean-search .form-inline,
.navigation-clean-search .navbar-collapse {
    border-top-color: #ddd
}
.navigation-clean-button .navbar-nav a.active,
.navigation-clean-button .navbar-nav>.show>a,
.navigation-clean-search .navbar-nav a.active,
.navigation-clean-search .navbar-nav > .show > a {
    background: 0 0;
    box-shadow: none
}
.navigation-clean-button.navbar-light .navbar-nav a.active,
.navigation-clean-button.navbar-light .navbar-nav a.active:focus,
.navigation-clean-button.navbar-light .navbar-nav a.active:hover,
.navigation-clean-search.navbar-light .navbar-nav a.active,
.navigation-clean-search.navbar-light .navbar-nav a.active:focus,
.navigation-clean-search.navbar-light .navbar-nav a.active:hover {
    color: #8f8f8f;
    box-shadow: none;
    background: 0 0;
    pointer-events: none
}
.navigation-clean-button.navbar .navbar-nav .nav-link,
.navigation-clean-search.navbar .navbar-nav .nav-link {
    padding-left: 18px;
    padding-right: 18px
}
.navigation-clean-button.navbar-light .navbar-nav .nav-link,
.navigation-clean-search.navbar-light .navbar-nav .nav-link {
    color: #465765
}
.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus,
.navigation-clean-button.navbar-light .navbar-nav .nav-link:hover,
.navigation-clean-search.navbar-light .navbar-nav .nav-link:focus,
.navigation-clean-search.navbar-light .navbar-nav .nav-link:hover {
    color: #37434d !important;
    background-color: transparent
}
.navigation-clean-button .action-button:active,
.navigation-clean-search .action-button {
    background: #56c6c6;
    border-radius: 20px;
    font-size: inherit;
    color: #fff !important;
    box-shadow: none;
    border: none;
    text-shadow: none;
    padding: 8px 20px;
    transition: background-color 0.25s
}
.navigation-clean-search .form-inline label {
    color: #ccc
}
.navigation-clean-search .form-inline .search-field {
    background: 0 0;
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: #ccc;
    box-shadow: none;
    color: inherit;
    transition: border-bottom-color 0.3s
}
@media(max-width:767px) {
    .navigation-clean-search .form-inline .search-field {
        display: inline-block;
        width: 80%
    }
}
.navigation-clean-search .form-inline .search-field:focus {
    border-bottom: 1px solid #ccc
}
@media(min-width:768px) {
    .navigation-clean-button,
    .navigation-clean-search {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
}
.table.table-sm.little-table {
    width: auto;
    border: 0
}
@media(max-width:991px) {
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px
    }
    .collapse.in {
        display: block !important
    }
    .navbar-header,
    .navbar-nav > li {
        float: none
    }
    .navbar-left,
    .navbar-right {
        float: none !important
    }
    .navbar-toggle {
        display: block
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
    }
    .navbar-collapse.collapse {
        display: none !important
    }
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px
    }
}
body {
    font-family: "Noto Sans JP";
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "M PLUS Rounded 1c"
}
.name {
    display: inline;
    width: auto;
}


/*------------------------------------
- COLOR shinseikai
------------------------------------*/
.alert-shinseikai {
    color: #002037;
    background-color: #7fc9ff;
    border-color: #6ac0ff;
}

.alert-shinseikai hr {
    border-top-color: #51b5ff;
}

.alert-shinseikai .alert-link {
    color: #000204;
}

.badge-shinseikai {
    color: #fff;
    background-color: #0067B2;
}

.badge-shinseikai[href]:hover, .badge-shinseikai[href]:focus {
    color: #fff;
    background-color: #ffffffffffffffff497f;
}

.bg-shinseikai {
    background-color: #0067B2 !important;
}

a.bg-shinseikai:hover, a.bg-shinseikai:focus,
button.bg-shinseikai:hover,
button.bg-shinseikai:focus {
    background-color: #ffffffffffffffff497f !important;
}

.border-shinseikai {
    border-color: #0067B2 !important;
}

.btn-shinseikai {
    color: #fff;
    background-color: #0067B2;
    border-color: #0067B2;
}

.btn-shinseikai:hover {
    color: #fff;
    background-color: #00528e;
    border-color: #ffffffffffffffff497f;
}

.btn-shinseikai:focus, .btn-shinseikai.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 178, 0.5);
}

.btn-shinseikai.disabled, .btn-shinseikai:disabled {
    color: #fff;
    background-color: #0067B2;
    border-color: #0067B2;
}

.btn-shinseikai:not(:disabled):not(.disabled):active, .btn-shinseikai:not(:disabled):not(.disabled).active, .show > .btn-shinseikai.dropdown-toggle {
    color: #fff;
    background-color: #ffffffffffffffff497f;
    border-color: #00406f;
}

.btn-shinseikai:not(:disabled):not(.disabled):active:focus, .btn-shinseikai:not(:disabled):not(.disabled).active:focus, .show > .btn-shinseikai.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 178, 0.5);
}

.btn-outline-shinseikai {
    color: #0067B2;
    background-color: transparent;
    border-color: #0067B2;
}

.btn-outline-shinseikai:hover {
    color: #fff;
    background-color: #0067B2;
    border-color: #0067B2;
}

.btn-outline-shinseikai:focus, .btn-outline-shinseikai.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 178, 0.5);
}

.btn-outline-shinseikai.disabled, .btn-outline-shinseikai:disabled {
    color: #0067B2;
    background-color: transparent;
}

.btn-outline-shinseikai:not(:disabled):not(.disabled):active, .btn-outline-shinseikai:not(:disabled):not(.disabled).active, .show > .btn-outline-shinseikai.dropdown-toggle {
    color: #fff;
    background-color: #0067B2;
    border-color: #0067B2;
}

.btn-outline-shinseikai:not(:disabled):not(.disabled):active:focus, .btn-outline-shinseikai:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-shinseikai.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 178, 0.5);
}

.list-group-item-shinseikai {
    color: #002037;
    background-color: #6ac0ff;
}

.list-group-item-shinseikai.list-group-item-action:hover, .list-group-item-shinseikai.list-group-item-action:focus {
    color: #002037;
    background-color: #51b5ff;
}

.list-group-item-shinseikai.list-group-item-action.active {
    color: #fff;
    background-color: #002037;
    border-color: #002037;
}

.table-shinseikai,
.table-shinseikai > th,
.table-shinseikai > td {
    background-color: #6ac0ff;
}

.table-hover .table-shinseikai:hover {
    background-color: #51b5ff;
}

.table-hover .table-shinseikai:hover > td,
.table-hover .table-shinseikai:hover > th {
    background-color: #51b5ff;
}

.text-shinseikai {
    color: #0067B2 !important;
}

a.text-shinseikai:hover, a.text-shinseikai:focus {
    color: #ffffffffffffffff497f !important;
}


/*------------------------------------
- COLOR gold
------------------------------------*/
.alert-gold {
    color: #846f00;
    background-color: #fff7cc;
    border-color: #fff3b7;
}

.alert-gold hr {
    border-top-color: #ffef9e;
}

.alert-gold .alert-link {
    color: #514400;
}

.badge-gold {
    color: #212529;
    background-color: #FFD700;
}

.badge-gold[href]:hover, .badge-gold[href]:focus {
    color: #212529;
    background-color: #ccac00;
}

.bg-gold {
    background-color: #FFD700 !important;
}

a.bg-gold:hover, a.bg-gold:focus,
button.bg-gold:hover,
button.bg-gold:focus {
    background-color: #ccac00 !important;
}

.border-gold {
    border-color: #FFD700 !important;
}

.btn-gold {
    color: #212529;
    background-color: #FFD700;
    border-color: #FFD700;
}

.btn-gold:hover {
    color: #212529;
    background-color: #dbb800;
    border-color: #ccac00;
}

.btn-gold:focus, .btn-gold.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}

.btn-gold.disabled, .btn-gold:disabled {
    color: #212529;
    background-color: #FFD700;
    border-color: #FFD700;
}

.btn-gold:not(:disabled):not(.disabled):active, .btn-gold:not(:disabled):not(.disabled).active, .show > .btn-gold.dropdown-toggle {
    color: #212529;
    background-color: #ccac00;
    border-color: #bc9f00;
}

.btn-gold:not(:disabled):not(.disabled):active:focus, .btn-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-gold.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}

.btn-outline-gold {
    color: #FFD700;
    background-color: transparent;
    border-color: #FFD700;
}

.btn-outline-gold:hover {
    color: #212529;
    background-color: #FFD700;
    border-color: #FFD700;
}

.btn-outline-gold:focus, .btn-outline-gold.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}

.btn-outline-gold.disabled, .btn-outline-gold:disabled {
    color: #FFD700;
    background-color: transparent;
}

.btn-outline-gold:not(:disabled):not(.disabled):active, .btn-outline-gold:not(:disabled):not(.disabled).active, .show > .btn-outline-gold.dropdown-toggle {
    color: #212529;
    background-color: #FFD700;
    border-color: #FFD700;
}

.btn-outline-gold:not(:disabled):not(.disabled):active:focus, .btn-outline-gold:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-gold.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}

.list-group-item-gold {
    color: #846f00;
    background-color: #fff3b7;
}

.list-group-item-gold.list-group-item-action:hover, .list-group-item-gold.list-group-item-action:focus {
    color: #846f00;
    background-color: #ffef9e;
}

.list-group-item-gold.list-group-item-action.active {
    color: #212529;
    background-color: #846f00;
    border-color: #846f00;
}

.table-gold,
.table-gold > th,
.table-gold > td {
    background-color: #fff3b7;
}

.table-hover .table-gold:hover {
    background-color: #ffef9e;
}

.table-hover .table-gold:hover > td,
.table-hover .table-gold:hover > th {
    background-color: #ffef9e;
}

.text-gold {
    color: #FFD700 !important;
}

a.text-gold:hover, a.text-gold:focus {
    color: #ccac00 !important;
}


/*------------------------------------
- COLOR silver
------------------------------------*/
.alert-silver {
    color: #828282;
    background-color: #126126126;
    border-color: #11b11b11b;
}

.alert-silver hr {
    border-top-color: #10f10f10f;
}

.alert-silver .alert-link {
    color: #696969;
}

.badge-silver {
    color: #212529;
    background-color: #C0C0C0;
}

.badge-silver[href]:hover, .badge-silver[href]:focus {
    color: #212529;
    background-color: #a6a6a6;
}

.bg-silver {
    background-color: #C0C0C0 !important;
}

a.bg-silver:hover, a.bg-silver:focus,
button.bg-silver:hover,
button.bg-silver:focus {
    background-color: #a6a6a6 !important;
}

.border-silver {
    border-color: #C0C0C0 !important;
}

.btn-silver {
    color: #212529;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
}

.btn-silver:hover {
    color: #212529;
    background-color: #aeaeae;
    border-color: #a6a6a6;
}

.btn-silver:focus, .btn-silver.focus {
    box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.5);
}

.btn-silver.disabled, .btn-silver:disabled {
    color: #212529;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
}

.btn-silver:not(:disabled):not(.disabled):active, .btn-silver:not(:disabled):not(.disabled).active, .show > .btn-silver.dropdown-toggle {
    color: #212529;
    background-color: #a6a6a6;
    border-color: #9e9e9e;
}

.btn-silver:not(:disabled):not(.disabled):active:focus, .btn-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-silver.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.5);
}

.btn-outline-silver {
    color: #C0C0C0;
    background-color: transparent;
    border-color: #C0C0C0;
}

.btn-outline-silver:hover {
    color: #212529;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
}

.btn-outline-silver:focus, .btn-outline-silver.focus {
    box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.5);
}

.btn-outline-silver.disabled, .btn-outline-silver:disabled {
    color: #C0C0C0;
    background-color: transparent;
}

.btn-outline-silver:not(:disabled):not(.disabled):active, .btn-outline-silver:not(:disabled):not(.disabled).active, .show > .btn-outline-silver.dropdown-toggle {
    color: #212529;
    background-color: #C0C0C0;
    border-color: #C0C0C0;
}

.btn-outline-silver:not(:disabled):not(.disabled):active:focus, .btn-outline-silver:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-silver.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(192, 192, 192, 0.5);
}

.list-group-item-silver {
    color: #828282;
    background-color: #11b11b11b;
}

.list-group-item-silver.list-group-item-action:hover, .list-group-item-silver.list-group-item-action:focus {
    color: #828282;
    background-color: #10f10f10f;
}

.list-group-item-silver.list-group-item-action.active {
    color: #212529;
    background-color: #828282;
    border-color: #828282;
}

.table-silver,
.table-silver > th,
.table-silver > td {
    background-color: #11b11b11b;
}

.table-hover .table-silver:hover {
    background-color: #10f10f10f;
}

.table-hover .table-silver:hover > td,
.table-hover .table-silver:hover > th {
    background-color: #10f10f10f;
}

.text-silver {
    color: #C0C0C0 !important;
}

a.text-silver:hover, a.text-silver:focus {
    color: #a6a6a6 !important;
}


/*------------------------------------
- COLOR yellow
------------------------------------*/
.alert-yellow {
    color: #848400;
    background-color: #ffffcc;
    border-color: #ffffb7;
}

.alert-yellow hr {
    border-top-color: #ffff9e;
}

.alert-yellow .alert-link {
    color: #515100;
}

.badge-yellow {
    color: #212529;
    background-color: #FFFF00;
}

.badge-yellow[href]:hover, .badge-yellow[href]:focus {
    color: #212529;
    background-color: #cccc00;
}

.bg-yellow {
    background-color: #FFFF00 !important;
}

a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
    background-color: #cccc00 !important;
}

.border-yellow {
    border-color: #FFFF00 !important;
}

.btn-yellow {
    color: #212529;
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.btn-yellow:hover {
    color: #212529;
    background-color: #dbdb00;
    border-color: #cccc00;
}

.btn-yellow:focus, .btn-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 0, 0.5);
}

.btn-yellow.disabled, .btn-yellow:disabled {
    color: #212529;
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.btn-yellow:not(:disabled):not(.disabled):active, .btn-yellow:not(:disabled):not(.disabled).active, .show > .btn-yellow.dropdown-toggle {
    color: #212529;
    background-color: #cccc00;
    border-color: #bcbc00;
}

.btn-yellow:not(:disabled):not(.disabled):active:focus, .btn-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 0, 0.5);
}

.btn-outline-yellow {
    color: #FFFF00;
    background-color: transparent;
    border-color: #FFFF00;
}

.btn-outline-yellow:hover {
    color: #212529;
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.btn-outline-yellow:focus, .btn-outline-yellow.focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 0, 0.5);
}

.btn-outline-yellow.disabled, .btn-outline-yellow:disabled {
    color: #FFFF00;
    background-color: transparent;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active, .btn-outline-yellow:not(:disabled):not(.disabled).active, .show > .btn-outline-yellow.dropdown-toggle {
    color: #212529;
    background-color: #FFFF00;
    border-color: #FFFF00;
}

.btn-outline-yellow:not(:disabled):not(.disabled):active:focus, .btn-outline-yellow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-yellow.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 0, 0.5);
}

.list-group-item-yellow {
    color: #848400;
    background-color: #ffffb7;
}

.list-group-item-yellow.list-group-item-action:hover, .list-group-item-yellow.list-group-item-action:focus {
    color: #848400;
    background-color: #ffff9e;
}

.list-group-item-yellow.list-group-item-action.active {
    color: #212529;
    background-color: #848400;
    border-color: #848400;
}

.table-yellow,
.table-yellow > th,
.table-yellow > td {
    background-color: #ffffb7;
}

.table-hover .table-yellow:hover {
    background-color: #ffff9e;
}

.table-hover .table-yellow:hover > td,
.table-hover .table-yellow:hover > th {
    background-color: #ffff9e;
}

.text-yellow {
    color: #FFFF00 !important;
}

a.text-yellow:hover, a.text-yellow:focus {
    color: #cccc00 !important;
}

.block {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
/*スクロールバー全体*/
.block::-webkit-scrollbar {
    height: 10px;
}
/*スクロールバーの軌道*/
.block::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
/*スクロールバーの動く部分*/
.block::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 50, 0.5);
    border-radius: 10px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}

.scroll-attention {
    display:none;
}

@media screen and (max-width:670px) {
    .scroll-attention {
        display:inline;
    }
}

h4.mypage_heading{
    position: relative;
    padding: 1rem 1rem;
    border-bottom: 6px solid #0067B2;
  }

  h4.mypage_heading:before {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 20%;
    height: 6px;
    content: '';
    background: #93D2FF;
  }

  .nav-tabs .nav-link{
    background-color: grey;
    color: white;
  }

  /********************************************
* Now Loading
********************************************/
#overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
}
.cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.spinner {
    width: 80px;
    height: 80px;
    border: 4px #ddd solid;
    border-top: 4px #999 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(359deg); }
}
.is-hide{
    display:none;
}