@charset "UTF-8";

/*!
* Created based on Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2016-2017 CRESEED Corp. (http://www.creseed.jp)
*/
html {
    word-wrap: break-word;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.5;
    color: #1a1a1a;
}

@media (max-width: 767px) {
    body {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

h1 {
    font-size: 20px;
    font-size: 2rem;
}

@media (max-width: 767px) {
    h1 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

h2 {
    font-size: 20px;
    font-size: 2rem;
}

@media (max-width: 767px) {
    h2 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

@media (max-width: 767px) {
    h3 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

h4,
h5,
h6 {
    font-size: 16px;
    font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.5;
    color: inherit;
    margin: 0 0 1.5rem 0;
    clear: both;
}

h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small {
    color: #1a1a1a !important;
    font-weight: inherit !important;
}

p {
    font-weight: 500;
    line-height: 1.75;
    margin: 0 0 1.0rem;
}

p.indent {
    text-indent: 1.0rem;
}

em {
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 2px;
    letter-spacing: 0.2rem;
}

small {
    font-size: 12px;
    font-size: 1.2rem;
}

.small,
small {
    font-weight: 500;
}

address {
    font-size: 14px;
    font-size: 1.4rem;
}

em,
small,
address {
    font-weight: 500;
}

ul,
ol {
    margin: 0;
}

ul>li,
ol>li {
    font-size: inherit;
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: .5rem;
}

ul {
    list-style: none;
    padding-left: 0;
}

ol {
    padding-left: 20px;
}

dl {
    margin: 0;
}

dl>dt,
dl>dd {
    font-weight: 500;
    letter-spacing: 1px;
    letter-spacing: 0.1rem;
    line-height: 1.75;
}

tr>th,
tr>td {
    letter-spacing: 2px;
    letter-spacing: 0.2rem;
}

.endLine {
    margin-bottom: 40px;
}

.endLine .table {
    margin-bottom: 50px;
}

h1 .capitalize,
h2 .capitalize,
h3 .capitalize,
h4 .capitalize,
h5 .capitalize,
h6 .capitalize,
p .capitalize,
i .capitalize,
strong .capitalize,
em .capitalize,
small .capitalize,
span .capitalize,
address .capitalize {
    text-transform: capitalize;
}

h1 .upper,
h2 .upper,
h3 .upper,
h4 .upper,
h5 .upper,
h6 .upper,
p .upper,
i .upper,
strong .upper,
em .upper,
small .upper,
span .upper,
address .upper {
    text-transform: uppercase;
}

h1 .lower,
h2 .lower,
h3 .lower,
h4 .lower,
h5 .lower,
h6 .lower,
p .lower,
i .lower,
strong .lower,
em .lower,
small .lower,
span .lower,
address .lower {
    text-transform: lowercase;
}

h1 .bold,
h2 .bold,
h3 .bold,
h4 .bold,
h5 .bold,
h6 .bold,
p .bold,
i .bold,
strong .bold,
em .bold,
small .bold,
span .bold,
address .bold {
    font-weight: 700;
}

.vw {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    white-space: nowrap;
    text-orientation: upright;
}

.inline-block {
    display: inline-block !important;
}

*:focus {
    outline: none;
}

/* UI thema commons
-------------------------------------------------- */
body {
    background-color: #f0f0f0;
    padding-top: 0;
}

@media (max-width: 767px) {
    body {
        padding-top: 72px !important;
    }
}

@media (max-width: 575px) {
    body {
        padding-top: 70px !important;
    }
}

body #wrapper {
    min-height: 100vh;
    position: relative;
    padding-bottom: 130px;
    box-sizing: border-box;
}

.table-sm.small {
    font-size: 70% !important;
}

@media (max-width: 767px) {
    .table-sm.small {
        font-size: 80% !important;
    }
}

.chart-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.page-header {
    background-color: #ffffff;
}

.page-header .btn-secondary {
    color: #1a1a1a;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.page-header .btn-secondary:hover,
.page-header .btn-secondary:active,
.page-header .btn-secondary:focus {
    color: #1a1a1a;
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.page-header .btn-secondary:not(:disabled):not(.disabled):active {
    color: #1a1a1a;
    background-color: #bfbfbf;
    border-color: #bfbfbf;
}

.page-header .nav-global {
    border-top: 1px solid #e6e6e6;
}

.page-header .nav-global .nav-pills .nav-link {
    border-radius: 0px;
    border-radius: 0rem;
    color: #0089cb;
    font-weight: 700;
    border-left: 1px solid #e6e6e6;
    padding: 1.0rem 1.0rem;
}

.page-header .nav-global .nav-pills .nav-link.active {
    color: #ffffff;
    background-color: #0089cb;
}

.page-header .nav-global .nav-pills .nav-link.disabled {
    color: #ffffff;
    background-color: #bfbfbf;
}

.page-header .nav-global .nav-pills .nav-link:hover {
    color: #ffffff;
    background-color: #0089cb;
}

.page-header .nav-global .nav-pills .nav-link:last-child {
    border-right: 1px solid #e6e6e6;
}

.page-header-sp .header-inner .row {
    background-color: #ffffff;
}

.page-header-sp .header-inner .nav .nav-item {
    color: #ffffff;
    background-color: #0089cb;
    font-weight: 700;
    margin-bottom: 0;
    padding: .5rem 1.0rem;
}

.page-header-sp .nav-global {
    background-color: #fafafa;
}

.page-header-sp .nav-global .nav {
    height: 100vh;
    overflow-x: scroll;
}

.page-header-sp .nav-global .nav .nav-link {
    color: #0089cb;
    font-weight: 700;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.0rem 1.0rem;
}

.page-header-sp .nav-global .nav .nav-link.active {
    color: #ffffff;
    background-color: #0089cb;
}

.page-header-sp .nav-global .nav .nav-link.disabled {
    color: #ffffff;
    background-color: #bfbfbf;
}

.page-header-sp .nav-global .nav .nav-link:first-child {
    border-top: 1px solid #e6e6e6;
}

.page-footer {
    background-color: #0089cb;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: absolute;
    bottom: 0;
}

.notice-top {
    background-color: #f0f0f0;
}

.content-notice {
    border-radius: 4px;
    border-radius: 0.4rem;
    border: 1px solid #ea3538;
    background-color: #ffffff;
    padding: 1.5rem;
}

.content-notice .notice-header {
    color: #ea3538;
}

.content-notice .notice-header p {
    font-weight: 700;
}

.content-notice .notice-body {
    border: 1px solid #e6e6e6;
    border-left: 0;
    border-right: 0;
    height: 15vh;
    padding-top: .5rem;
}

.content-notice .notice-body p {
    margin-bottom: .5rem;
}

@media (max-width: 767px) {
    .content-notice .notice-body {
        height: 40vh;
    }

    .content-notice .notice-body dl>dt,
    .content-notice .notice-body dl>dd {
        font-size: 90%;
        line-height: 1.5;
        padding-left: 0;
        padding-right: 1.0rem;
    }
}

.content-main,
.content-side {
    background-color: #ffffff;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 767px) {

    .content-main,
    .content-side {
        padding: 1.5rem 1.0rem;
    }
}

.content-main h2.h3,
.content-side h2.h3 {
    font-weight: 700;
    border-left: 6px solid #0089cb;
    padding-left: .7rem;
    margin-bottom: 1.0rem;
}

.content-footer {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.content-main .table th {
    background-color: #e5f6ff;
}

.content-main .form-group label.small {
    font-weight: 700;
}

.content-side .amount {
    color: #bf1416;
    font-weight: 700;
    text-align: right;
    margin-bottom: 1.5rem;
}

.page-header-sp .btn-primary,
.content-main .btn-primary,
.content-side .btn-primary {
    background-color: #0089cb;
    border-color: #0089cb;
}

.page-header-sp .btn-primary:hover,
.page-header-sp .btn-primary:active,
.page-header-sp .btn-primary:focus,
.content-main .btn-primary:hover,
.content-main .btn-primary:active,
.content-main .btn-primary:focus,
.content-side .btn-primary:hover,
.content-side .btn-primary:active,
.content-side .btn-primary:focus {
    background-color: #006798;
    border-color: #006798;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.page-header-sp .btn-primary:not(:disabled):not(.disabled):active,
.content-main .btn-primary:not(:disabled):not(.disabled):active,
.content-side .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #006798;
    border-color: #006798;
}

.page-header-sp .btn-secondary,
.content-main .btn-secondary,
.content-side .btn-secondary {
    background-color: #999999;
    border-color: #999999;
}

.page-header-sp .btn-secondary:hover,
.page-header-sp .btn-secondary:active,
.page-header-sp .btn-secondary:focus,
.content-main .btn-secondary:hover,
.content-main .btn-secondary:active,
.content-main .btn-secondary:focus,
.content-side .btn-secondary:hover,
.content-side .btn-secondary:active,
.content-side .btn-secondary:focus {
    background-color: gray;
    border-color: gray;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.page-header-sp .btn-secondary:not(:disabled):not(.disabled):active,
.content-main .btn-secondary:not(:disabled):not(.disabled):active,
.content-side .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: gray;
    border-color: gray;
}

.content-header {
    margin-top: .5rem;
    margin-bottom: 1.0rem;
}

.content-inner {
    margin-top: .5rem;
    margin-bottom: 2.0rem;
}

.content-inner .card {
    margin-bottom: 1.5rem;
}

.content-inner .card.border-primary {
    border-radius: 4px;
    border-radius: 0.4rem;
    border-color: #0089cb !important;
}

.content-inner .card-header.bg-primary {
    background-color: #0089cb !important;
}

.content-inner h3.h4 {
    font-weight: 700;
    border-bottom: 2px solid #0089cb;
    margin-top: 1.0rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.0rem;
}

.content-alerts {
    margin-top: .5rem;
    margin-bottom: 2.0rem;
}

.content-alerts .table th {
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    width: 180px;
    white-space: nowrap;
}

.content-alerts .table th,
.content-alerts .table td {
    vertical-align: middle;
}

@media (max-width: 767px) {

    .content-alerts .table th,
    .content-alerts .table td {
        width: 100%;
        display: block;
    }
}

.content-alerts.info .table th,
.content-alerts.info .table td {
    border: 1px solid #999999;
}

.content-alerts.info .table th {
    background-color: #999999;
}

.content-alerts.info .table td {
    color: #1a1a1a;
}

.content-alerts.success .table th,
.content-alerts.success .table td {
    border: 1px solid #40a948;
}

.content-alerts.success .table th {
    background-color: #40a948;
}

.content-alerts.success .table td {
    color: #1a1a1a;
}

.content-alerts.warning .table th,
.content-alerts.warning .table td {
    border: 1px solid #ffcc12;
}

.content-alerts.warning .table th {
    background-color: #ffcc12;
    color: #1a1a1a;
}

.content-alerts.warning .table td {
    color: #1a1a1a;
}

.content-alerts.danger .table th,
.content-alerts.danger .table td {
    border: 1px solid #ea3538;
}

.content-alerts.danger .table th {
    background-color: #ea3538;
}

.content-alerts.danger .table td {
    color: #ea3538;
}

.content-alerts p {
    margin-bottom: 0 !important;
}

.foot-navigation .btn-primary {
    background-color: #005891;
    border-color: #005891;
}

.foot-navigation .btn-primary:hover,
.foot-navigation .btn-primary:active,
.foot-navigation .btn-primary:focus {
    background-color: #00395e;
    border-color: #00395e;
    -webkit-box-shadow: 0 0 0 0;
    -moz-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.foot-navigation .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #00395e;
    border-color: #00395e;
}

.nav-tab-main .nav-item {
    margin-bottom: 0;
}

.nav-tab-main .nav-item .nav-link {
    border-radius: 0px;
    border-radius: 0rem;
    color: #ffffff;
    font-weight: 700;
    background-color: #0089cb;
    border-right: 1px solid #ffffff;
    margin-bottom: 0;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.nav-tab-main .nav-item .nav-link .icon-faucet {
    display: inline-block;
    background: url(/webroot/common/img/layout/icon-faucet-white.png) center left no-repeat;
    background-size: contain;
    padding: 0 2.4rem;
}

@media (max-width: 767px) {
    .nav-tab-main .nav-item .nav-link .icon-faucet {
        padding: 0 2.0rem;
    }
}

.nav-tab-main .nav-item .nav-link.active {
    color: #0089cb;
    background-color: #ffffff;
}

.nav-tab-main .nav-item .nav-link.disabled {
    color: #ffffff;
    background-color: #bfbfbf;
}

.nav-tab-main .nav-item .nav-link:hover {
    color: #0089cb;
    background-color: #ffffff;
}

.nav-tab-main .nav-item .nav-link.active .icon-faucet,
.nav-tab-main .nav-item .nav-link:hover .icon-faucet {
    background-image: url(/common/img/layout/icon-faucet-blue.png);
}

.nav-tab-main .nav-item:last-child .nav-link {
    border-right: 0;
}

.nav-tab-inner {
    margin-top: .5rem;
    margin-bottom: 1.0rem;
    padding-bottom: 1.0rem;
}

.nav-tab-inner .nav-item .nav-link {
    border-radius: 0px;
    border-radius: 0rem;
    color: #005891;
    font-weight: 700;
    background-color: #ffffff;
    border: 1px solid #005891;
    border-right: 0;
    padding: .5rem .5rem;
}

.nav-tab-inner .nav-item .nav-link.active {
    color: #ffffff;
    background-color: #005891;
}

.nav-tab-inner .nav-item .nav-link.disabled {
    color: #ffffff;
    background-color: #cccccc;
}

.nav-tab-inner .nav-item .nav-link:hover {
    color: #ffffff;
    background-color: #005891;
}

@media (max-width: 767px) {
    .nav-tab-inner .nav-item .nav-link {
        padding: 1.0rem .5rem;
    }
}

.nav-tab-inner .nav-item:first-child .nav-link {
    border-top-left-radius: 4px;
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.4rem;
}

.nav-tab-inner .nav-item:last-child .nav-link {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.4rem;
    border-right: 1px solid #005891;
}

.form-control {
    color: #1a1a1a !important;
}

.form-control.form-control-lg {
    font-size: 1.35rem !important;
    font-weight: 500 !important;
}

/* core row
-------------------------------------------------- */
.row-60 {
    margin-left: -30px;
    margin-right: -30px;
}

.row-60>div {
    padding-right: 30px;
    padding-left: 30px;
}

.row-50 {
    margin-left: -25px;
    margin-right: -25px;
}

.row-50>div {
    padding-right: 25px;
    padding-left: 25px;
}

.row-40 {
    margin-left: -20px;
    margin-right: -20px;
}

.row-40>div {
    padding-right: 20px;
    padding-left: 20px;
}

.row-30 {
    margin-left: -15px;
    margin-right: -15px;
}

.row-30>div {
    padding-right: 15px;
    padding-left: 15px;
}

.row-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.row-20>div {
    padding-right: 10px;
    padding-left: 10px;
}

.row-10 {
    margin-left: -5px;
    margin-right: -5px;
}

.row-10>div {
    padding-right: 5px;
    padding-left: 5px;
}

.row-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.row-0>div {
    padding-right: 0px;
    padding-left: 0px;
}

/* core adjustment
-------------------------------------------------- */
/* adjustment padding */
.pd60 {
    padding: 60px !important;
}

.pd55 {
    padding: 55px !important;
}

.pd50 {
    padding: 50px !important;
}

.pd45 {
    padding: 45px !important;
}

.pd40 {
    padding: 40px !important;
}

.pd35 {
    padding: 35px !important;
}

.pd30 {
    padding: 30px !important;
}

.pd25 {
    padding: 25px !important;
}

.pd20 {
    padding: 20px !important;
}

.pd15 {
    padding: 15px !important;
}

.pd10 {
    padding: 10px !important;
}

.pd05 {
    padding: 5px !important;
}

.pd00 {
    padding: 0px !important;
}

.pdt60 {
    padding-top: 60px !important;
}

.pdt55 {
    padding-top: 55px !important;
}

.pdt50 {
    padding-top: 50px !important;
}

.pdt45 {
    padding-top: 45px !important;
}

.pdt40 {
    padding-top: 40px !important;
}

.pdt35 {
    padding-top: 35px !important;
}

.pdt30 {
    padding-top: 30px !important;
}

.pdt25 {
    padding-top: 25px !important;
}

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

.pdt15 {
    padding-top: 15px !important;
}

.pdt10 {
    padding-top: 10px !important;
}

.pdt05 {
    padding-top: 5px !important;
}

.pdt00 {
    padding-top: 0px !important;
}

.pdr60 {
    padding-right: 60px !important;
}

.pdr55 {
    padding-right: 55px !important;
}

.pdr50 {
    padding-right: 50px !important;
}

.pdr45 {
    padding-right: 45px !important;
}

.pdr40 {
    padding-right: 40px !important;
}

.pdr35 {
    padding-right: 35px !important;
}

.pdr30 {
    padding-right: 30px !important;
}

.pdr25 {
    padding-right: 25px !important;
}

.pdr20 {
    padding-right: 20px !important;
}

.pdr15 {
    padding-right: 15px !important;
}

.pdr10 {
    padding-right: 10px !important;
}

.pdr05 {
    padding-right: 5px !important;
}

.pdr00 {
    padding-right: 0px !important;
}

.pdb60 {
    padding-bottom: 60px !important;
}

.pdb55 {
    padding-bottom: 55px !important;
}

.pdb50 {
    padding-bottom: 50px !important;
}

.pdb45 {
    padding-bottom: 45px !important;
}

.pdb40 {
    padding-bottom: 40px !important;
}

.pdb35 {
    padding-bottom: 35px !important;
}

.pdb30 {
    padding-bottom: 30px !important;
}

.pdb25 {
    padding-bottom: 25px !important;
}

.pdb20 {
    padding-bottom: 20px !important;
}

.pdb15 {
    padding-bottom: 15px !important;
}

.pdb10 {
    padding-bottom: 10px !important;
}

.pdb05 {
    padding-bottom: 5px !important;
}

.pdb00 {
    padding-bottom: 0px !important;
}

.pdl60 {
    padding-left: 60px !important;
}

.pdl55 {
    padding-left: 55px !important;
}

.pdl50 {
    padding-left: 50px !important;
}

.pdl45 {
    padding-left: 45px !important;
}

.pdl40 {
    padding-left: 40px !important;
}

.pdl35 {
    padding-left: 35px !important;
}

.pdl30 {
    padding-left: 30px !important;
}

.pdl25 {
    padding-left: 25px !important;
}

.pdl20 {
    padding-left: 20px !important;
}

.pdl15 {
    padding-left: 15px !important;
}

.pdl10 {
    padding-left: 10px !important;
}

.pdl05 {
    padding-left: 5px !important;
}

.pdl00 {
    padding-left: 0px !important;
}

/* adjustment margin */
.mg60 {
    margin: 60px !important;
}

.mg55 {
    margin: 55px !important;
}

.mg50 {
    margin: 50px !important;
}

.mg45 {
    margin: 45px !important;
}

.mg40 {
    margin: 40px !important;
}

.mg35 {
    margin: 35px !important;
}

.mg30 {
    margin: 30px !important;
}

.mg25 {
    margin: 25px !important;
}

.mg20 {
    margin: 20px !important;
}

.mg15 {
    margin: 15px !important;
}

.mg10 {
    margin: 10px !important;
}

.mg05 {
    margin: 5px !important;
}

.mg00 {
    margin: 0px !important;
}

.mgt60 {
    margin-top: 60px !important;
}

.mgt55 {
    margin-top: 55px !important;
}

.mgt50 {
    margin-top: 50px !important;
}

.mgt45 {
    margin-top: 45px !important;
}

.mgt40 {
    margin-top: 40px !important;
}

.mgt35 {
    margin-top: 35px !important;
}

.mgt30 {
    margin-top: 30px !important;
}

.mgt25 {
    margin-top: 25px !important;
}

.mgt20 {
    margin-top: 20px !important;
}

.mgt15 {
    margin-top: 15px !important;
}

.mgt10 {
    margin-top: 10px !important;
}

.mgt05 {
    margin-top: 5px !important;
}

.mgt00 {
    margin-top: 0px !important;
}

.mgr60 {
    margin-right: 60px !important;
}

.mgr55 {
    margin-right: 55px !important;
}

.mgr50 {
    margin-right: 50px !important;
}

.mgr45 {
    margin-right: 45px !important;
}

.mgr40 {
    margin-right: 40px !important;
}

.mgr35 {
    margin-right: 35px !important;
}

.mgr30 {
    margin-right: 30px !important;
}

.mgr25 {
    margin-right: 25px !important;
}

.mgr20 {
    margin-right: 20px !important;
}

.mgr15 {
    margin-right: 15px !important;
}

.mgr10 {
    margin-right: 10px !important;
}

.mgr05 {
    margin-right: 5px !important;
}

.mgr00 {
    margin-right: 0px !important;
}

.mgb60 {
    margin-bottom: 60px !important;
}

.mgb55 {
    margin-bottom: 55px !important;
}

.mgb50 {
    margin-bottom: 50px !important;
}

.mgb45 {
    margin-bottom: 45px !important;
}

.mgb40 {
    margin-bottom: 40px !important;
}

.mgb35 {
    margin-bottom: 35px !important;
}

.mgb30 {
    margin-bottom: 30px !important;
}

.mgb25 {
    margin-bottom: 25px !important;
}

.mgb20 {
    margin-bottom: 20px !important;
}

.mgb15 {
    margin-bottom: 15px !important;
}

.mgb10 {
    margin-bottom: 10px !important;
}

.mgb05 {
    margin-bottom: 5px !important;
}

.mgb00 {
    margin-bottom: 0px !important;
}

.mgl60 {
    margin-left: 60px !important;
}

.mgl55 {
    margin-left: 55px !important;
}

.mgl50 {
    margin-left: 50px !important;
}

.mgl45 {
    margin-left: 45px !important;
}

.mgl40 {
    margin-left: 40px !important;
}

.mgl35 {
    margin-left: 35px !important;
}

.mgl30 {
    margin-left: 30px !important;
}

.mgl25 {
    margin-left: 25px !important;
}

.mgl20 {
    margin-left: 20px !important;
}

.mgl15 {
    margin-left: 15px !important;
}

.mgl10 {
    margin-left: 10px !important;
}

.mgl05 {
    margin-left: 5px !important;
}

.mgl00 {
    margin-left: 0px !important;
}

/* adjustment border-radius */
.brs12 {
    border-radius: 12px;
    border-radius: 1.2rem;
}

.brs10 {
    border-radius: 10px;
    border-radius: 1rem;
}

.brs08 {
    border-radius: 8px;
    border-radius: 0.8rem;
}

.brs06 {
    border-radius: 6px;
    border-radius: 0.6rem;
}

.brs04 {
    border-radius: 4px;
    border-radius: 0.4rem;
}

.brs02 {
    border-radius: 2px;
    border-radius: 0.2rem;
}

.brs00 {
    border-radius: 0px;
    border-radius: 0rem;
}

.brst12 {
    border-top-right-radius: 12px;
    border-top-right-radius: 1.2rem;
    border-top-left-radius: 12px;
    border-top-left-radius: 1.2rem;
}

.brst10 {
    border-top-right-radius: 10px;
    border-top-right-radius: 1rem;
    border-top-left-radius: 10px;
    border-top-left-radius: 1rem;
}

.brst08 {
    border-top-right-radius: 8px;
    border-top-right-radius: 0.8rem;
    border-top-left-radius: 8px;
    border-top-left-radius: 0.8rem;
}

.brst06 {
    border-top-right-radius: 6px;
    border-top-right-radius: 0.6rem;
    border-top-left-radius: 6px;
    border-top-left-radius: 0.6rem;
}

.brst04 {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.4rem;
    border-top-left-radius: 4px;
    border-top-left-radius: 0.4rem;
}

.brst02 {
    border-top-right-radius: 2px;
    border-top-right-radius: 0.2rem;
    border-top-left-radius: 2px;
    border-top-left-radius: 0.2rem;
}

.brst00 {
    border-top-right-radius: 0px;
    border-top-right-radius: 0rem;
    border-top-left-radius: 0px;
    border-top-left-radius: 0rem;
}

.brsr12 {
    border-top-right-radius: 12px;
    border-top-right-radius: 1.2rem;
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: 1.2rem;
}

.brsr10 {
    border-top-right-radius: 10px;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 1rem;
}

.brsr08 {
    border-top-right-radius: 8px;
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 8px;
    border-bottom-right-radius: 0.8rem;
}

.brsr06 {
    border-top-right-radius: 6px;
    border-top-right-radius: 0.6rem;
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: 0.6rem;
}

.brsr04 {
    border-top-right-radius: 4px;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.4rem;
}

.brsr02 {
    border-top-right-radius: 2px;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: 0.2rem;
}

.brsr00 {
    border-top-right-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0rem;
}

.brsb12 {
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: 1.2rem;
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: 1.2rem;
}

.brsb10 {
    border-bottom-right-radius: 10px;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 10px;
    border-bottom-left-radius: 1rem;
}

.brsb08 {
    border-bottom-right-radius: 8px;
    border-bottom-right-radius: 0.8rem;
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: 0.8rem;
}

.brsb06 {
    border-bottom-right-radius: 6px;
    border-bottom-right-radius: 0.6rem;
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: 0.6rem;
}

.brsb04 {
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: 0.4rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.4rem;
}

.brsb02 {
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: 0.2rem;
}

.brsb00 {
    border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0rem;
    border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0rem;
}

.brsl12 {
    border-top-left-radius: 12px;
    border-top-left-radius: 1.2rem;
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: 1.2rem;
}

.brsl10 {
    border-top-left-radius: 10px;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 10px;
    border-bottom-left-radius: 1rem;
}

.brsl08 {
    border-top-left-radius: 8px;
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 8px;
    border-bottom-left-radius: 0.8rem;
}

.brsl06 {
    border-top-left-radius: 6px;
    border-top-left-radius: 0.6rem;
    border-bottom-left-radius: 6px;
    border-bottom-left-radius: 0.6rem;
}

.brsl04 {
    border-top-left-radius: 4px;
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: 0.4rem;
}

.brsl02 {
    border-top-left-radius: 2px;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: 0.2rem;
}

.brsl00 {
    border-top-left-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0rem;
}

@media print {
    @page {
        margin: 8mm;
        margin: 10mm 8mm 10mm 8mm;
    }

    * {
        -webkit-print-color-adjust: exact !important;
        background-attachment: initial !important;
        overflow-y: visible !important;
    }

    html {
        overflow: visible !important;
        zoom: 0.7 !important;
    }

    body {
        min-width: 1240px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .container-fluid,
    .container {
        min-width: 1170px !important;
    }

    .row {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }

    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto;
    }

    .form-inline .input-group>.form-control {
        width: 100%;
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .form-horizontal .control-label {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right;
    }

    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px;
    }

    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px;
    }

    .navbar-header {
        float: left;
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }

    .navbar {
        border-radius: 4px;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block;
        height: auto;
        padding-bottom: 0;
        overflow: visible;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .nav-justified {
        width: 100%;
    }

    .nav-justified>li {
        float: none;
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: auto;
        left: auto;
    }

    .nav-justified>li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified>li>a {
        margin-bottom: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: static;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .container>.navbar-header,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0;
    }

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav>li {
        float: left;
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .form-control-static {
        display: inline-block;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto;
    }

    .navbar-form .input-group>.form-control {
        width: 100%;
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0;
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        position: relative;
        margin-left: 0;
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }

    .navbar-text {
        float: left;
        margin-right: 15px;
        margin-left: 15px;
    }

    .navbar-left {
        float: left;
    }

    .navbar-right {
        float: right;
        margin-right: -15px;
    }

    .navbar-right~.navbar-right {
        margin-right: 0;
    }

    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-right: 60px;
        padding-left: 60px;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px;
    }

    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }

    .modal-lg {
        width: 900px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        width: 30px;
        height: 30px;
        margin-top: -10px;
        font-size: 30px;
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -10px;
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -10px;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px;
    }

    .carousel-indicators {
        bottom: 20px;
    }
}

@media print {

    .col-xs-1,
    .col-sm-1,
    .col-md-1,
    .col-lg-1,
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        float: left;
    }

    .col-lg-12,
    .col-md-12,
    .col-sm-12,
    .col-xs-12 {
        width: 100%;
    }

    .col-lg-11,
    .col-md-11,
    .col-sm-11,
    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-lg-10,
    .col-md-10,
    .col-sm-10,
    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-lg-9,
    .col-md-9,
    .col-sm-9,
    .col-xs-9 {
        width: 75%;
    }

    .col-lg-8,
    .col-md-8,
    .col-sm-8,
    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-lg-7,
    .col-md-7,
    .col-sm-7,
    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-lg-6,
    .col-md-6,
    .col-sm-6,
    .col-xs-6 {
        width: 50%;
    }

    .col-lg-5,
    .col-md-5,
    .col-sm-5,
    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-lg-4,
    .col-md-4,
    .col-sm-4,
    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-lg-3,
    .col-md-3,
    .col-sm-3,
    .col-xs-3 {
        width: 25%;
    }

    .col-lg-2,
    .col-md-2,
    .col-sm-2,
    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-lg-1,
    .col-md-1,
    .col-sm-1,
    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12,
    .col-md-pull-12,
    .col-sm-pull-12,
    .col-xs-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11,
    .col-md-pull-11,
    .col-sm-pull-11,
    .col-xs-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10,
    .col-md-pull-10,
    .col-sm-pull-10,
    .col-xs-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9,
    .col-md-pull-9,
    .col-sm-pull-9,
    .col-xs-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8,
    .col-md-pull-8,
    .col-sm-pull-8,
    .col-xs-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7,
    .col-md-pull-7,
    .col-sm-pull-7,
    .col-xs-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6,
    .col-md-pull-6,
    .col-sm-pull-6,
    .col-xs-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5,
    .col-md-pull-5,
    .col-sm-pull-5,
    .col-xs-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4,
    .col-md-pull-4,
    .col-sm-pull-4,
    .col-xs-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3,
    .col-md-pull-3,
    .col-sm-pull-3,
    .col-xs-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2,
    .col-md-pull-2,
    .col-sm-pull-2,
    .col-xs-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1,
    .col-md-pull-1,
    .col-sm-pull-1,
    .col-xs-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0,
    .col-md-pull-0,
    .col-sm-pull-0,
    .col-xs-pull-0 {
        right: auto;
    }

    .col-lg-push-12,
    .col-md-push-12,
    .col-sm-push-12,
    .col-xs-push-12 {
        left: 100%;
    }

    .col-lg-push-11,
    .col-md-push-11,
    .col-sm-push-11,
    .col-xs-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10,
    .col-md-push-10,
    .col-sm-push-10,
    .col-xs-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9,
    .col-md-push-9,
    .col-sm-push-9,
    .col-xs-push-9 {
        left: 75%;
    }

    .col-lg-push-8,
    .col-md-push-8,
    .col-sm-push-8,
    .col-xs-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7,
    .col-md-push-7,
    .col-sm-push-7,
    .col-xs-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6,
    .col-md-push-6,
    .col-sm-push-6,
    .col-xs-push-6 {
        left: 50%;
    }

    .col-lg-push-5,
    .col-md-push-5,
    .col-sm-push-5,
    .col-xs-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4,
    .col-md-push-4,
    .col-sm-push-4,
    .col-xs-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3,
    .col-md-push-3,
    .col-sm-push-3,
    .col-xs-push-3 {
        left: 25%;
    }

    .col-lg-push-2,
    .col-md-push-2,
    .col-sm-push-2,
    .col-xs-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1,
    .col-md-push-1,
    .col-sm-push-1,
    .col-xs-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0,
    .col-md-push-0,
    .col-sm-push-0,
    .col-xs-push-0 {
        left: auto;
    }

    .col-lg-offset-12,
    .col-md-offset-12,
    .col-sm-offset-12,
    .col-xs-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11,
    .col-md-offset-11,
    .col-sm-offset-11,
    .col-xs-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10,
    .col-md-offset-10,
    .col-sm-offset-10,
    .col-xs-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9,
    .col-md-offset-9,
    .col-sm-offset-9,
    .col-xs-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8,
    .col-md-offset-8,
    .col-sm-offset-8,
    .col-xs-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7,
    .col-md-offset-7,
    .col-sm-offset-7,
    .col-xs-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6,
    .col-md-offset-6,
    .col-sm-offset-6,
    .col-xs-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5,
    .col-md-offset-5,
    .col-sm-offset-5,
    .col-xs-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4,
    .col-md-offset-4,
    .col-sm-offset-4,
    .col-xs-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3,
    .col-md-offset-3,
    .col-sm-offset-3,
    .col-xs-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2,
    .col-md-offset-2,
    .col-sm-offset-2,
    .col-xs-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1,
    .col-md-offset-1,
    .col-sm-offset-1,
    .col-xs-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0,
    .col-md-offset-0,
    .col-sm-offset-0,
    .col-xs-offset-0 {
        margin-left: 0%;
    }
}

@media print {

    .visible-xs,
    .visible-sm,
    .visible-md {
        display: none !important;
    }

    .visible-lg {
        display: block !important;
    }

    .visible-xs-block,
    .visible-xs-inline,
    .visible-xs-inline-block,
    .visible-sm-block,
    .visible-sm-inline,
    .visible-sm-inline-block,
    .visible-md-block,
    .visible-md-inline,
    .visible-md-inline-block {
        display: none !important;
    }

    .visible-lg-block,
    .visible-lg-inline,
    .visible-lg-inline-block {
        display: block !important;
    }

    .hidden-xs,
    .hidden-sm,
    .hidden-md {
        display: block !important;
    }

    .hidden-lg {
        display: none !important;
    }
}

.m-center-s-start {
    display: flex;
    justify-content: flex-start;
    /* Default for mobile */
}

@media (min-width: 768px) {

    /* Adjust breakpoint as needed */
    .m-center-s-start {
        justify-content: center;
        display: flex;
    }
}

/* ToDoパスワード表示非表示用（このファイルに追加でいいのか？）*/
.password-toggle {
    position: absolute;
    top: 35px;
    right: 16px; 
}

.password-toggle i {
    cursor: pointer; /* アイコンをクリック可能にする */
}