@import url(https://fonts.googleapis.com/css?family=Rubik:300,300i,400,400i,500,500i,700,700i,900,900i);
body {
    font-style: normal;
    line-height: 1.5;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
a:hover img {
    opacity: 0.8;
}

@media (max-width:768px) {
.pc {
    display: none;
}
.sp {
    display: inline;
}
}

@media (min-width:769px) {
.pc {
    display: inline;
}
.sp {
    display: none;
}
}
.dib {
    display: inline-block;
}
.mbr-section-title {
    font-style: normal;
    line-height: 1.2;
}
.mbr-section-subtitle {
    line-height: 1.3;
}
.mbr-text {
    font-style: normal;
    line-height: 1.6;
}
.display-1 {
    font-family: 'Rubik', sans-serif;
    font-size: 4.25rem;
}
.display-1 > .mbr-iconfont {
    font-size: 6.8rem;
}
.display-2 {
    font-family: 'Rubik', sans-serif;
    font-size: 2.6rem;
}
.display-2 > .mbr-iconfont {
    font-size: 4.16rem;
}
.display-4 {
    font-family: 'Rubik', sans-serif;
    font-size: 0.95rem;
}
.display-4 > .mbr-iconfont {
    font-size: 1.52rem;
}
.display-5 {
    font-family: 'Rubik', sans-serif;
    font-size: 1.5rem;
}
.display-5 > .mbr-iconfont {
    font-size: 2.4rem;
}
.display-7 {
    font-family: 'Rubik', sans-serif;
    font-size: 0.7rem;
}
.display-7 > .mbr-iconfont {
    font-size: 1.12rem;
}

/* ---- Fluid typography for mobile devices ---- */
/* 1.4 - font scale ratio ( bootstrap == 1.42857 ) */
/* 100vw - current viewport width */
/* (48 - 20)  48 == 48rem == 768px, 20 == 20rem == 320px(minimal supported viewport) */
/* 0.65 - min scale variable, may vary */
@media (max-width: 768px) {
.display-1 {
    font-size: 3.4rem;
 font-size: calc( 2.1374999999999997rem + (4.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20)));
 line-height: calc( 1.4 * (2.1374999999999997rem + (4.25 - 2.1374999999999997) * ((100vw - 20rem) / (48 - 20))));
}
.display-2 {
    font-size: 2.08rem;
 font-size: calc( 1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20)));
 line-height: calc( 1.4 * (1.56rem + (2.6 - 1.56) * ((100vw - 20rem) / (48 - 20))));
}
.display-4 {
    font-size: 0.76rem;
 font-size: calc( 0.9824999999999999rem + (0.95 - 0.9824999999999999) * ((100vw - 20rem) / (48 - 20)));
 line-height: calc( 1.4 * (0.9824999999999999rem + (0.95 - 0.9824999999999999) * ((100vw - 20rem) / (48 - 20))));
}
.display-5 {
    font-size: 1.2rem;
 font-size: calc( 1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20)));
 line-height: calc( 1.4 * (1.175rem + (1.5 - 1.175) * ((100vw - 20rem) / (48 - 20))));
}
}
/* Buttons */
.btn {
    font-weight: 500;
    border-width: 2px;
    font-style: normal;
    letter-spacing: 1px;
    margin: .4rem .8rem;
    white-space: normal;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1rem 3rem;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-break: break-word;
}
.btn-sm {
    font-weight: 500;
    letter-spacing: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0.6rem 1.5rem;
    border-radius: 3px;
}
.btn-md {
    font-weight: 500;
    letter-spacing: 1px;
    margin: .4rem .8rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1rem 3rem;
    border-radius: 3px;
}
.btn-lg {
    font-weight: 500;
    letter-spacing: 1px;
    margin: .4rem .8rem !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 1.2rem 3.2rem;
    border-radius: 3px;
}
.bg-primary {
    background-color: #0071bc !important;
}
.bg-success {
    background-color: #f7ed4a !important;
}
.bg-info {
    background-color: #82786e !important;
}
.bg-warning {
    background-color: #879a9f !important;
}
.bg-danger {
    background-color: #b1a374 !important;
}
.btn-primary, .btn-primary:active {
    background-color: #0071bc !important;
    border-color: #0071bc !important;
    color: #ffffff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary.active {
    color: #ffffff !important;
    background-color: #004370 !important;
    border-color: #004370 !important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffff !important;
    background-color: #004370 !important;
    border-color: #004370 !important;
}
.btn-secondary, .btn-secondary:active {
    background-color: #0071bc !important;
    border-color: #0071bc !important;
    color: #ffffff !important;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary.active {
    color: #ffffff !important;
    background-color: #004370 !important;
    border-color: #004370 !important;
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #ffffff !important;
    background-color: #004370 !important;
    border-color: #004370 !important;
}
.btn-info, .btn-info:active {
    background-color: #82786e !important;
    border-color: #82786e !important;
    color: #ffffff !important;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info.active {
    color: #ffffff !important;
    background-color: #59524b !important;
    border-color: #59524b !important;
}
.btn-info.disabled, .btn-info:disabled {
    color: #ffffff !important;
    background-color: #59524b !important;
    border-color: #59524b !important;
}
.btn-success, .btn-success:active {
    background-color: #f7ed4a !important;
    border-color: #f7ed4a !important;
    color: #3f3c03 !important;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success.active {
    color: #3f3c03 !important;
    background-color: #eadd0a !important;
    border-color: #eadd0a !important;
}
.btn-success.disabled, .btn-success:disabled {
    color: #3f3c03 !important;
    background-color: #eadd0a !important;
    border-color: #eadd0a !important;
}
.btn-warning, .btn-warning:active {
    background-color: #879a9f !important;
    border-color: #879a9f !important;
    color: #ffffff !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning.active {
    color: #ffffff !important;
    background-color: #617479 !important;
    border-color: #617479 !important;
}
.btn-warning.disabled, .btn-warning:disabled {
    color: #ffffff !important;
    background-color: #617479 !important;
    border-color: #617479 !important;
}
.btn-danger, .btn-danger:active {
    background-color: #b1a374 !important;
    border-color: #b1a374 !important;
    color: #ffffff !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger.active {
    color: #ffffff !important;
    background-color: #8b7d4e !important;
    border-color: #8b7d4e !important;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #ffffff !important;
    background-color: #8b7d4e !important;
    border-color: #8b7d4e !important;
}
.btn-white {
    color: #333333 !important;
}
.btn-white, .btn-white:active {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
    color: #808080 !important;
}
.btn-white:hover, .btn-white:focus, .btn-white.focus, .btn-white.active {
    color: #808080 !important;
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}
.btn-white.disabled, .btn-white:disabled {
    color: #808080 !important;
    background-color: #d9d9d9 !important;
    border-color: #d9d9d9 !important;
}
.btn-black, .btn-black:active {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black.active {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    border-color: #0d0d0d !important;
}
.btn-black.disabled, .btn-black:disabled {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    border-color: #0d0d0d !important;
}
.btn-primary-outline, .btn-primary-outline:active {
    background: none;
    border-color: #003456;
    color: #003456;
}
.btn-primary-outline:hover, .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline.active {
    color: #ffffff;
    background-color: #0071bc;
    border-color: #0071bc;
}
.btn-primary-outline.disabled, .btn-primary-outline:disabled {
    color: #ffffff !important;
    background-color: #0071bc !important;
    border-color: #0071bc !important;
}
.btn-secondary-outline, .btn-secondary-outline:active {
    background: none;
    border-color: #003456;
    color: #003456;
}
.btn-secondary-outline:hover, .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline.active {
    color: #ffffff;
    background-color: #0071bc;
    border-color: #0071bc;
}
.btn-secondary-outline.disabled, .btn-secondary-outline:disabled {
    color: #ffffff !important;
    background-color: #0071bc !important;
    border-color: #0071bc !important;
}
.btn-info-outline, .btn-info-outline:active {
    background: none;
    border-color: #4b453f;
    color: #4b453f;
}
.btn-info-outline:hover, .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline.active {
    color: #ffffff;
    background-color: #82786e;
    border-color: #82786e;
}
.btn-info-outline.disabled, .btn-info-outline:disabled {
    color: #ffffff !important;
    background-color: #82786e !important;
    border-color: #82786e !important;
}
.btn-success-outline, .btn-success-outline:active {
    background: none;
    border-color: #d2c609;
    color: #d2c609;
}
.btn-success-outline:hover, .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline.active {
    color: #3f3c03;
    background-color: #f7ed4a;
    border-color: #f7ed4a;
}
.btn-success-outline.disabled, .btn-success-outline:disabled {
    color: #3f3c03 !important;
    background-color: #f7ed4a !important;
    border-color: #f7ed4a !important;
}
.btn-warning-outline, .btn-warning-outline:active {
    background: none;
    border-color: #55666b;
    color: #55666b;
}
.btn-warning-outline:hover, .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline.active {
    color: #ffffff;
    background-color: #879a9f;
    border-color: #879a9f;
}
.btn-warning-outline.disabled, .btn-warning-outline:disabled {
    color: #ffffff !important;
    background-color: #879a9f !important;
    border-color: #879a9f !important;
}
.btn-danger-outline, .btn-danger-outline:active {
    background: none;
    border-color: #7a6e45;
    color: #7a6e45;
}
.btn-danger-outline:hover, .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline.active {
    color: #ffffff;
    background-color: #b1a374;
    border-color: #b1a374;
}
.btn-danger-outline.disabled, .btn-danger-outline:disabled {
    color: #ffffff !important;
    background-color: #b1a374 !important;
    border-color: #b1a374 !important;
}
.btn-black-outline, .btn-black-outline:active {
    background: none;
    border-color: #000000;
    color: #000000;
}
.btn-black-outline:hover, .btn-black-outline:focus, .btn-black-outline.focus, .btn-black-outline.active {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
}
.btn-black-outline.disabled, .btn-black-outline:disabled {
    color: #ffffff !important;
    background-color: #333333 !important;
    border-color: #333333 !important;
}
.btn-white-outline, .btn-white-outline:active, .btn-white-outline.active {
    background: none;
    border-color: #ffffff;
    color: #ffffff;
}
.btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline.focus {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}
.text-primary {
    color: #0071bc !important;
}
.text-secondary {
    color: #0071bc !important;
}
.text-success {
    color: #f7ed4a !important;
}
.text-info {
    color: #82786e !important;
}
.text-warning {
    color: #879a9f !important;
}
.text-danger {
    color: #b1a374 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-black {
    color: #000000 !important;
}
a.text-primary:hover, a.text-primary:focus {
    color: #003456 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
    color: #003456 !important;
}
a.text-success:hover, a.text-success:focus {
    color: #d2c609 !important;
}
a.text-info:hover, a.text-info:focus {
    color: #4b453f !important;
}
a.text-warning:hover, a.text-warning:focus {
    color: #55666b !important;
}
a.text-danger:hover, a.text-danger:focus {
    color: #7a6e45 !important;
}
a.text-white:hover, a.text-white:focus {
    color: #b3b3b3 !important;
}
a.text-black:hover, a.text-black:focus {
    color: #4d4d4d !important;
}
.alert-success {
    background-color: #70c770;
}
.alert-info {
    background-color: #82786e;
}
.alert-warning {
    background-color: #879a9f;
}
.alert-danger {
    background-color: #b1a374;
}
.mbr-section-btn a.btn:not(.btn-form) {
    border-radius: 100px;
}
.mbr-section-btn a.btn:not(.btn-form):hover, .mbr-section-btn a.btn:not(.btn-form):focus {
    box-shadow: none !important;
}
.mbr-section-btn a.btn:not(.btn-form):hover, .mbr-section-btn a.btn:not(.btn-form):focus {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
}
.mbr-gallery-filter li a {
    border-radius: 100px !important;
}
.mbr-gallery-filter li.active .btn {
    background-color: #0071bc;
    border-color: #0071bc;
    color: #ffffff;
}
.mbr-gallery-filter li.active .btn:focus {
    box-shadow: none;
}
.nav-tabs .nav-link {
    border-radius: 100px !important;
}
.btn-form {
    border-radius: 0;
}
.btn-form:hover {
    cursor: pointer;
}
a, a:hover {
    color: #0071bc;
}
.mbr-plan-header.bg-primary .mbr-plan-subtitle, .mbr-plan-header.bg-primary .mbr-plan-price-desc {
    color: #3db1ff;
}
.mbr-plan-header.bg-success .mbr-plan-subtitle, .mbr-plan-header.bg-success .mbr-plan-price-desc {
    color: #ffffff;
}
.mbr-plan-header.bg-info .mbr-plan-subtitle, .mbr-plan-header.bg-info .mbr-plan-price-desc {
    color: #beb8b2;
}
.mbr-plan-header.bg-warning .mbr-plan-subtitle, .mbr-plan-header.bg-warning .mbr-plan-price-desc {
    color: #ced6d8;
}
.mbr-plan-header.bg-danger .mbr-plan-subtitle, .mbr-plan-header.bg-danger .mbr-plan-price-desc {
    color: #dfd9c6;
}
/* Scroll to top button*/
.scrollToTop_wraper {
    display: none;
}
#scrollToTop a i:before {
    content: '';
    position: absolute;
    height: 40%;
    top: 25%;
    background: #fff;
    width: 2px;
    left: calc(50% - 1px);
}
#scrollToTop a i:after {
    content: '';
    position: absolute;
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 40%;
    height: 40%;
    left: 30%;
    bottom: 30%;
    transform: rotate(135deg);
}
/* Others*/
.note-check a[data-value=Rubik] {
    font-style: normal;
}
.mbr-arrow a {
    color: #ffffff;
}

@media (max-width: 767px) {
.mbr-arrow {
    display: none;
}
}
.form-control-label {
    position: relative;
    cursor: pointer;
    margin-bottom: .357em;
    padding: 0;
}
.alert {
    color: #ffffff;
    border-radius: 0;
    border: 0;
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 1.875rem;
    padding: 1.25rem;
    position: relative;
}
.alert.alert-form::after {
    background-color: inherit;
    bottom: -7px;
    content: "";
    display: block;
    height: 14px;
    left: 50%;
    margin-left: -7px;
    position: absolute;
    transform: rotate(45deg);
    width: 14px;
}
.form-control {
    background-color: #f5f5f5;
    box-shadow: none;
    color: #565656;
    font-family: 'Rubik', sans-serif;
    font-size: 0.7rem;
    line-height: 1.43;
    min-height: 3.5em;
    padding: 1.07em .5em;
}
.form-control > .mbr-iconfont {
    font-size: 1.12rem;
}
.form-control, .form-control:focus {
    border: 1px solid #e8e8e8;
}
.form-active .form-control:invalid {
 border-color: red;
}
.mbr-overlay {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}
blockquote {
    font-style: italic;
    padding: 10px 0 10px 20px;
    font-size: 1.09rem;
    position: relative;
    border-color: #0071bc;
    border-width: 3px;
}
ul, ol, pre, blockquote {
    margin-bottom: 2.3125rem;
}
pre {
    background: #f4f4f4;
    padding: 10px 24px;
    white-space: pre-wrap;
}
.inactive {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;
}
.mbr-section__comments .row {
    justify-content: center;
}
/* Forms */
.mbr-form .btn {
    margin: .4rem 0;
}
.mbr-form .input-group-btn a.btn {
    border-radius: 100px !important;
}
.mbr-form .input-group-btn a.btn:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.mbr-form .input-group-btn button[type="submit"] {
    border-radius: 100px !important;
    padding: 1rem 3rem;
}
.mbr-form .input-group-btn button[type="submit"]:hover {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.form2 .form-control {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
}
.form2 .input-group-btn a.btn {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form2 .input-group-btn button[type="submit"] {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.form3 input[type="email"] {
    border-radius: 100px !important;
}

@media (max-width: 349px) {
.form2 input[type="email"] {
    border-radius: 100px !important;
}
.form2 .input-group-btn a.btn {
    border-radius: 100px !important;
}
.form2 .input-group-btn button[type="submit"] {
    border-radius: 100px !important;
}
}

@media (max-width: 767px) {
.btn {
    font-size: .75rem !important;
}
.btn .mbr-iconfont {
    font-size: 1rem !important;
}
}
/* Social block */
.btn-social {
    font-size: 20px;
    border-radius: 50%;
    padding: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    position: relative;
    border: 2px solid #c0a375;
    border-color: #0071bc;
    color: #232323;
    cursor: pointer;
}
.btn-social i {
    top: 0;
    line-height: 44px;
    width: 44px;
}
.btn-social:hover {
    color: #fff;
    background: #0071bc;
}
.btn-social + .btn {
    margin-left: .1rem;
}
/* Footer */
.mbr-footer-content li::before, .mbr-footer .mbr-contacts li::before {
    background: #0071bc;
}
.mbr-footer-content li a:hover, .mbr-footer .mbr-contacts li a:hover {
    color: #0071bc;
}
.footer3 input[type="email"], .footer4 input[type="email"] {
    border-radius: 100px !important;
}
.footer3 .input-group-btn a.btn, .footer4 .input-group-btn a.btn {
    border-radius: 100px !important;
}
.footer3 .input-group-btn button[type="submit"], .footer4 .input-group-btn button[type="submit"] {
    border-radius: 100px !important;
}
/* Headers*/
.header13 .form-inline input[type="email"], .header14 .form-inline input[type="email"] {
    border-radius: 100px;
}
.header13 .form-inline input[type="text"], .header14 .form-inline input[type="text"] {
    border-radius: 100px;
}
.header13 .form-inline input[type="tel"], .header14 .form-inline input[type="tel"] {
    border-radius: 100px;
}
.header13 .form-inline a.btn, .header14 .form-inline a.btn {
    border-radius: 100px;
}
.header13 .form-inline button, .header14 .form-inline button {
    border-radius: 100px !important;
}
.offset-1 {
    margin-left: 8.33333%;
}
.offset-2 {
    margin-left: 16.66667%;
}
.offset-3 {
    margin-left: 25%;
}
.offset-4 {
    margin-left: 33.33333%;
}
.offset-5 {
    margin-left: 41.66667%;
}
.offset-6 {
    margin-left: 50%;
}
.offset-7 {
    margin-left: 58.33333%;
}
.offset-8 {
    margin-left: 66.66667%;
}
.offset-9 {
    margin-left: 75%;
}
.offset-10 {
    margin-left: 83.33333%;
}
.offset-11 {
    margin-left: 91.66667%;
}

@media (min-width: 576px) {
.offset-sm-0 {
    margin-left: 0%;
}
.offset-sm-1 {
    margin-left: 8.33333%;
}
.offset-sm-2 {
    margin-left: 16.66667%;
}
.offset-sm-3 {
    margin-left: 25%;
}
.offset-sm-4 {
    margin-left: 33.33333%;
}
.offset-sm-5 {
    margin-left: 41.66667%;
}
.offset-sm-6 {
    margin-left: 50%;
}
.offset-sm-7 {
    margin-left: 58.33333%;
}
.offset-sm-8 {
    margin-left: 66.66667%;
}
.offset-sm-9 {
    margin-left: 75%;
}
.offset-sm-10 {
    margin-left: 83.33333%;
}
.offset-sm-11 {
    margin-left: 91.66667%;
}
}

@media (min-width: 768px) {
.offset-md-0 {
    margin-left: 0%;
}
.offset-md-1 {
    margin-left: 8.33333%;
}
.offset-md-2 {
    margin-left: 16.66667%;
}
.offset-md-3 {
    margin-left: 25%;
}
.offset-md-4 {
    margin-left: 33.33333%;
}
.offset-md-5 {
    margin-left: 41.66667%;
}
.offset-md-6 {
    margin-left: 50%;
}
.offset-md-7 {
    margin-left: 58.33333%;
}
.offset-md-8 {
    margin-left: 66.66667%;
}
.offset-md-9 {
    margin-left: 75%;
}
.offset-md-10 {
    margin-left: 83.33333%;
}
.offset-md-11 {
    margin-left: 91.66667%;
}
}

@media (min-width: 992px) {
.offset-lg-0 {
    margin-left: 0%;
}
.offset-lg-1 {
    margin-left: 8.33333%;
}
.offset-lg-2 {
    margin-left: 16.66667%;
}
.offset-lg-3 {
    margin-left: 25%;
}
.offset-lg-4 {
    margin-left: 33.33333%;
}
.offset-lg-5 {
    margin-left: 41.66667%;
}
.offset-lg-6 {
    margin-left: 50%;
}
.offset-lg-7 {
    margin-left: 58.33333%;
}
.offset-lg-8 {
    margin-left: 66.66667%;
}
.offset-lg-9 {
    margin-left: 75%;
}
.offset-lg-10 {
    margin-left: 83.33333%;
}
.offset-lg-11 {
    margin-left: 91.66667%;
}
}

@media (min-width: 1200px) {
.offset-xl-0 {
    margin-left: 0%;
}
.offset-xl-1 {
    margin-left: 8.33333%;
}
.offset-xl-2 {
    margin-left: 16.66667%;
}
.offset-xl-3 {
    margin-left: 25%;
}
.offset-xl-4 {
    margin-left: 33.33333%;
}
.offset-xl-5 {
    margin-left: 41.66667%;
}
.offset-xl-6 {
    margin-left: 50%;
}
.offset-xl-7 {
    margin-left: 58.33333%;
}
.offset-xl-8 {
    margin-left: 66.66667%;
}
.offset-xl-9 {
    margin-left: 75%;
}
.offset-xl-10 {
    margin-left: 83.33333%;
}
.offset-xl-11 {
    margin-left: 91.66667%;
}
}
.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0.25rem;
    border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none;
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.navbar-toggler-left {
    position: absolute;
    left: 1rem;
}
.navbar-toggler-right {
    position: absolute;
    right: 1rem;
}

@media (max-width: 575px) {
.navbar-toggleable .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-toggleable > .container {
    padding-right: 0;
    padding-left: 0;
}
}

@media (min-width: 576px) {
.navbar-toggleable {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggleable .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-toggleable > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}
.navbar-toggleable .navbar-toggler {
    display: none;
}
}

@media (max-width: 767px) {
.navbar-toggleable-sm .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-toggleable-sm > .container {
    padding-right: 0;
    padding-left: 0;
}
}

@media (min-width: 768px) {
.navbar-toggleable-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggleable-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-toggleable-sm > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}
.navbar-toggleable-sm .navbar-toggler {
    display: none;
}
}

@media (max-width: 991px) {
.navbar-toggleable-md .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-toggleable-md > .container {
    padding-right: 0;
    padding-left: 0;
}
}

@media (min-width: 992px) {
.navbar-toggleable-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggleable-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-toggleable-md > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-md .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}
.navbar-toggleable-md .navbar-toggler {
    display: none;
}
}

@media (max-width: 1199px) {
.navbar-toggleable-lg .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-toggleable-lg > .container {
    padding-right: 0;
    padding-left: 0;
}
}

@media (min-width: 1200px) {
.navbar-toggleable-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggleable-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-toggleable-lg > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}
.navbar-toggleable-lg .navbar-toggler {
    display: none;
}
}
.navbar-toggleable-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-xl .navbar-nav .dropdown-menu {
    position: static;
    float: none;
}
.navbar-toggleable-xl > .container {
    padding-right: 0;
    padding-left: 0;
}
.navbar-toggleable-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar-toggleable-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
}
.navbar-toggleable-xl > .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-toggleable-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
}
.navbar-toggleable-xl .navbar-toggler {
    display: none;
}
.card-img {
    width: auto;
}
.card-img h3 {
    margin-bottom: 0;
}
.menu .navbar.collapsed:not(.beta-menu) {
    flex-direction: column;
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.note-air-layout .dropup .dropdown-menu, .note-air-layout .navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: initial !important;
}
html, body {
    height: auto;
    min-height: 100vh;
}
.dropup .dropdown-toggle::after {
    display: none;
}
.catch {
    padding-top: 45px;
    padding-bottom: 45px;
    background: linear-gradient(45deg, #d5e6ff, #ffeef2);
}

@media (min-width: 992px) {
.catch .mbr-figure {
    padding-left: 4rem;
}
}

@media (max-width: 991px) {
.catch .mbr-figure {
    padding-top: 2rem;
}
}
.catch .mbr-section-title {
    color: #0071bc;
    text-align: left;
}
.catch .mbr-text, .catch .mbr-section-btn {
    color: #4f4943;
    text-align: left;
}
.catch .dib {
    display: inline-block;
}
.catch h1 {
    font-size: 34px;
}

@media (max-width: 700px) {
.catch h1 {
    font-size: 24px;
    line-height: 1.4em;
}
}
.catch .mbr-section-title B {
    color: #ff3366;
}
.gnavi .navbar {
    padding: .5rem 0;
    background: #0071bc;
    transition: none;
    min-height: 77px;
}
.gnavi .navbar-dropdown.bg-color.transparent.opened {
    background: #0071bc;
}
.gnavi a {
    navbar-caption-wrapfont-style: normal;
}
.gnavi .nav-item span {
    padding-right: 0.4em;
    line-height: 0.5em;
    vertical-align: text-bottom;
    position: relative;
    text-decoration: none;
}
.gnavi .nav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.7rem 0 !important;
    margin: 0rem .65rem !important;
}
.gnavi .nav-item:focus, .gnavi .nav-link:focus {
    outline: none;
}
.gnavi .btn {
    padding: 0.4rem 1.5rem;
    display: inline-flex;
    align-items: center;
}
.gnavi .btn .mbr-iconfont {
    font-size: 1.6rem;
}
.gnavi .menu-logo {
    margin-right: auto;
}
.gnavi .menu-logo .navbar-brand {
    display: flex;
    margin-left: 5rem;
    padding: 0;
    transition: padding .2s;
    min-height: 3.5rem;
    align-items: center;
}
.gnavi .menu-logo .navbar-brand .navbar-caption-wrap {
    display: -webkit-flex;
    -webkit-align-items: center;
    align-items: center;
    word-break: break-word;
    min-width: 5rem;
    margin: .3rem 0;
}
.gnavi .menu-logo .navbar-brand .navbar-caption-wrap .navbar-caption {
    line-height: 1.2rem !important;
    padding-right: 2rem;
    padding-left: 2rem;
    font-weight: normal;
}
.gnavi .menu-logo .navbar-brand .navbar-logo {
    font-size: 4rem;
    transition: font-size 0.25s;
}
.gnavi .menu-logo .navbar-brand .navbar-logo img {
    display: flex;
}
.gnavi .menu-logo .navbar-brand .navbar-logo .mbr-iconfont {
    transition: font-size 0.25s;
}
.gnavi .navbar-toggleable-sm .navbar-collapse {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    padding-right: 5rem;
    width: auto;
}
.gnavi .navbar-toggleable-sm .navbar-collapse .navbar-nav {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding-left: 0;
}
.gnavi .navbar-toggleable-sm .navbar-collapse .navbar-nav .nav-item {
    -webkit-align-self: center;
    align-self: center;
}
.gnavi .navbar-toggleable-sm .navbar-collapse .navbar-buttons {
    padding-left: 0;
    padding-bottom: 0;
}
.gnavi .dropdown .dropdown-menu {
    background: #0071bc;
    display: none;
    position: absolute;
    min-width: 5rem;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    text-align: left;
}
.gnavi .dropdown .dropdown-menu .dropdown-item {
    width: auto;
    padding: 0.235em 1.5385em 0.235em 1.5385em !important;
}
.gnavi .dropdown .dropdown-menu .dropdown-item::after {
    right: 0.5rem;
}
.gnavi .dropdown .dropdown-menu .dropdown-submenu {
    margin: 0;
}
.gnavi .dropdown.open > .dropdown-menu {
    display: block;
}
.gnavi .navbar-toggleable-sm.opened:after {
    position: absolute;
    width: 100vw;
    height: 100vh;
    content: '';
    background-color: rgba(0, 0, 0, 0.1);
    left: 0;
    bottom: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    z-index: 1000;
}
.gnavi .navbar.navbar-short {
    min-height: 50px;
    padding: .3rem 0;
    transition: all .2s;
}
.gnavi .navbar.navbar-short .navbar-toggler-right {
    top: 20px;
}
.gnavi .navbar.navbar-short .navbar-logo a {
    font-size: 2rem !important;
    line-height: 2.5rem;
    transition: font-size 0.25s;
}
.gnavi .navbar.navbar-short .navbar-logo a .mbr-iconfont {
    font-size: 2.5rem !important;
}
.gnavi .navbar.navbar-short .navbar-logo a img {
    height: 3rem !important;
}
.gnavi .navbar.navbar-short .navbar-brand {
    min-height: 2rem;
}
.gnavi button.navbar-toggler {
    width: 31px;
    height: 18px;
    cursor: pointer;
    transition: all .2s;
    top: 1.5rem;
    right: 1rem;
}
.gnavi button.navbar-toggler:focus {
    outline: none;
}
.gnavi button.navbar-toggler .hamburger span {
    position: absolute;
    right: 0;
    width: 30px;
    height: 2px;
    border-right: 5px;
    background-color: #ffffff;
}
.gnavi button.navbar-toggler .hamburger span:nth-child(1) {
    top: 0;
    transition: all .2s;
}
.gnavi button.navbar-toggler .hamburger span:nth-child(2) {
    top: 8px;
    transition: all .15s;
}
.gnavi button.navbar-toggler .hamburger span:nth-child(3) {
    top: 8px;
    transition: all .15s;
}
.gnavi button.navbar-toggler .hamburger span:nth-child(4) {
    top: 16px;
    transition: all .2s;
}
.gnavi nav.opened .hamburger span:nth-child(1) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}
.gnavi nav.opened .hamburger span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .25s;
}
.gnavi nav.opened .hamburger span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all .25s;
}
.gnavi nav.opened .hamburger span:nth-child(4) {
    top: 8px;
    width: 0;
    opacity: 0;
    right: 50%;
    transition: all .2s;
}
.gnavi .collapsed.navbar-expand {
    flex-direction: column;
}
.gnavi .collapsed .btn {
    display: flex;
}
.gnavi .collapsed .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
}
.gnavi .collapsed .navbar-collapse.collapsing, .gnavi .collapsed .navbar-collapse.show {
    display: block !important;
}
.gnavi .collapsed .navbar-collapse.collapsing .navbar-nav, .gnavi .collapsed .navbar-collapse.show .navbar-nav {
    display: block;
    text-align: center;
}
.gnavi .collapsed .navbar-collapse.collapsing .navbar-nav .nav-item, .gnavi .collapsed .navbar-collapse.show .navbar-nav .nav-item {
    clear: both;
}
.gnavi .collapsed .navbar-collapse.collapsing .navbar-buttons, .gnavi .collapsed .navbar-collapse.show .navbar-buttons {
    text-align: center;
}
.gnavi .collapsed .navbar-collapse.collapsing .navbar-buttons:last-child, .gnavi .collapsed .navbar-collapse.show .navbar-buttons:last-child {
    margin-bottom: 1rem;
}
.gnavi .collapsed button.navbar-toggler {
    display: block;
}
.gnavi .collapsed .navbar-brand {
    margin-left: 1rem !important;
}
.gnavi .collapsed .navbar-toggleable-sm {
    flex-direction: column;
    -webkit-flex-direction: column;
}
.gnavi .collapsed .dropdown .dropdown-menu {
    width: 100%;
    text-align: center;
    position: relative;
    opacity: 0;
    display: block;
    height: 0;
    visibility: hidden;
    padding: 0;
    transition-duration: .5s;
    transition-property: opacity, padding, height;
}
.gnavi .collapsed .dropdown.open > .dropdown-menu {
    position: relative;
    opacity: 1;
    height: auto;
    padding: 1.4rem 0;
    visibility: visible;
}
.gnavi .collapsed .dropdown .dropdown-submenu {
    left: 0;
    text-align: center;
    width: 100%;
}
.gnavi .collapsed .dropdown .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
    margin-top: 0;
    position: inherit;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .30em solid;
    border-right: .30em solid transparent;
    border-left: .30em solid transparent;
}

@media (max-width: 1340px) {
.gnavi .visible-lg {
    display: none;
}
}

@media (max-width: 991px) {
.gnavi .navbar-expand {
    flex-direction: column;
}
.gnavi img {
    height: 3rem !important;
}
.gnavi .btn {
    display: flex;
}
.gnavi button.navbar-toggler {
    display: block;
}
.gnavi .navbar-brand {
    margin-left: 1rem !important;
}
.gnavi .navbar-toggleable-sm {
    flex-direction: column;
    -webkit-flex-direction: column;
}
.gnavi .navbar-collapse {
    display: none !important;
    padding-right: 0 !important;
}
.gnavi .navbar-collapse.collapsing,  .gnavi .navbar-collapse.show {
    display: block !important;
}
.gnavi .navbar-collapse.collapsing .navbar-nav,  .gnavi .navbar-collapse.show .navbar-nav {
    display: block;
    text-align: center;
}
.gnavi .navbar-collapse.collapsing .navbar-nav .nav-item,  .gnavi .navbar-collapse.show .navbar-nav .nav-item {
    clear: both;
}
.gnavi .navbar-collapse.collapsing .navbar-buttons,  .gnavi .navbar-collapse.show .navbar-buttons {
    text-align: center;
}
.gnavi .navbar-collapse.collapsing .navbar-buttons:last-child,  .gnavi .navbar-collapse.show .navbar-buttons:last-child {
    margin-bottom: 1rem;
}
.gnavi .dropdown .dropdown-menu {
    width: 100%;
    text-align: center;
    position: relative;
    opacity: 0;
    display: block;
    height: 0;
    visibility: hidden;
    padding: 0;
    transition-duration: .5s;
    transition-property: opacity, padding, height;
}
.gnavi .dropdown.open > .dropdown-menu {
    position: relative;
    opacity: 1;
    height: auto;
    padding: 1.4rem 0;
    visibility: visible;
}
.gnavi .dropdown .dropdown-submenu {
    left: 0;
    text-align: center;
    width: 100%;
}
.gnavi .dropdown .dropdown-toggle[data-toggle="dropdown-submenu"]::after {
    margin-top: 0;
    position: inherit;
    right: 0;
    top: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .30em solid;
    border-right: .30em solid transparent;
    border-left: .30em solid transparent;
}
.gnavi .hidden-md {
    display: none;
}
}

@media (min-width: 767px) {
.gnavi .menu-logo {
    flex-shrink: 0;
}
.gnavi .visible-sm {
    display: none;
}
}
.gnavi .navbar-collapse {
    flex-basis: auto;
}
.gnavi .nav-link:hover, .gnavi .dropdown-item:hover {
    color: #c1c1c1 !important;
}

@media (max-width: 520px) {
.gnavi .hidden-xs {
    display: none;
}
}

@media (min-width: 521px) {
.gnavi .visible-xs {
    display: none;
}
}
.gnavi #header-minibar {
    color: #fff;
    margin: 0 0 0 1em;
    font-size: 10px;
}
.gnavi #header-minibar a {
    color: #fff;
    border-bottom: dotted #fff 1px;
}
.top-kiso {
    padding-top: 60px;
    padding-bottom: 30px;
    background-image: url("image/top/bg.jpg");
}
.top-kiso .mbr-section-subtitle {
    color: #767676;
}
.top-kiso .mbr-text {
    color: #000000;
    text-align: left;
}
.top-kiso .card {
    display: flex;
    position: relative;
    justify-content: center;
}
.top-kiso .card-wrapper {
    height: 100%;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s;
}
.top-kiso .card-wrapper .card-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.top-kiso .card-wrapper .card-img .mbr-overlay {
    background-color: #efefef;
    display: none;
    transition: opacity .3s;
}
.top-kiso .card-wrapper .card-img .mbr-section-btn {
    display: flex;
    position: absolute;
    transition: opacity .3s;
    width: 100%;
    margin: auto;
    left: 0;
    justify-content: center;
    align-items: center;
}
.top-kiso .card-wrapper .card-img img {
    width: 100%;
    height: 100%;
}
.top-kiso .card-wrapper .card-box {
    padding: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgba(255, 255, 255, 0.7);
}
.card-wrapper .card-box h3 {
    font-weight: 500;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 1rem;
}
.top-kiso .card-wrapper .card-box p {
    margin-bottom: 0;
    padding-top: 0.8rem;
}
.top-kiso .popup-btn .mbr-overlay {
    display: block !important;
    opacity: 0;
}
.top-kiso .popup-btn .mbr-section-btn {
    height: 100%;
    display: flex !important;
    opacity: 0;
}
.top-kiso .popup-btn:hover .mbr-overlay {
    opacity: .5;
}
.top-kiso .popup-btn:hover .mbr-section-btn {
    opacity: 1;
}
.top-kiso .card-title {
    text-align: left;
}
.top-kiso .mbr-section-title {
    color: #0071bc;
    border: 2px solid #0071bc;
}
.top-kiso .dib {
    diplay: inline-block;
}
.top-kiso .card-title B {
    color: #014aa4;
}
.top-shiage {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #efefef;
}
.top-shiage .mbr-section-subtitle {
    color: #767676;
}
.top-shiage .mbr-text {
    color: #232323;
    text-align: left;
}
.top-shiage .card {
    display: flex;
    position: relative;
    justify-content: center;
}
.top-shiage .card-wrapper {
    height: 100%;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    transition: box-shadow 0.3s;
}
.top-shiage .card-wrapper .card-img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.top-shiage .card-wrapper .card-img .mbr-overlay {
    background-color: #efefef;
    display: none;
    transition: opacity .3s;
}
.top-shiage .card-wrapper .card-img .mbr-section-btn {
    display: flex;
    position: absolute;
    transition: opacity .3s;
    width: 100%;
    margin: auto;
    left: 0;
    justify-content: center;
    align-items: center;
}
.top-shiage .card-wrapper .card-img img {
    width: 100%;
    height: 100%;
}
.top-shiage .card-wrapper .card-box {
    padding: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: rgba(255, 255, 255, 0.5);
}
.top-shiage .card-wrapper .card-box h4 {
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 1rem;
}
.top-shiage .card-wrapper .card-box p {
    margin-bottom: 0;
    padding-top: 0.8rem;
}
.top-shiage .popup-btn .mbr-overlay {
    display: block !important;
    opacity: 0;
}
.top-shiage .popup-btn .mbr-section-btn {
    height: 100%;
    display: flex !important;
    opacity: 0;
}
.top-shiage .popup-btn:hover .mbr-overlay {
    opacity: .5;
}
.top-shiage .popup-btn:hover .mbr-section-btn {
    opacity: 1;
}
.top-shiage .mbr-section-title {
    color: #0071bc;
    border: 2px solid #0071bc;
}
.top-shiage .card-title B {
    color: #014aa4;
}
.footer-recruit {
    padding-top: 30px;
    padding-bottom: 30px;
    background-image: url("image/common/bg_recruit.jpg");
}
.footer-recruit .mbr-section-subtitle {
    color: #073b4c;
}
.footer-recruit .btn {
    margin: 0 0 .5rem 0;
}
.footer-recruit H2 {
    color: #ffffff;
}
.footer-contact {
    padding-top: 60px;
    padding-bottom: 0px;
    background-color: #2e2e2e;
}

@media (max-width: 767px) {
.footer-contact .content {
    text-align: center;
}
.footer-contact .content > div:not(:last-child) {
    margin-bottom: 2rem;
}
}
.footer-contact .map {
    height: 18.75rem;
}

@media (max-width: 767px) {
.footer-contact .footer-lower .copyright {
    margin-bottom: 1rem;
    text-align: center;
}
}
.footer-contact .footer-lower hr {
    margin: 1rem 0;
    border-color: #fff;
    opacity: .05;
}
.footer-contact .footer-lower .social-list {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}
.footer-contact .footer-lower .social-list .mbr-iconfont-social {
    font-size: 1.3rem;
    color: #fff;
}
.footer-contact .footer-lower .social-list .soc-item {
    margin: 0 .5rem;
}
.footer-contact .footer-lower .social-list a {
    margin: 0;
    opacity: .5;
    -webkit-transition: .2s linear;
    transition: .2s linear;
}
.footer-contact .footer-lower .social-list a:hover {
    opacity: 1;
}

@media (max-width: 767px) {
.footer-contact .footer-lower .social-list {
    justify-content: center;
    -webkit-justify-content: center;
}
}
.footer-contact .google-map {
    height: 10rem;
    position: relative;
}
.footer-contact .google-map iframe {
    height: 100%;
    width: 100%;
}
.footer-contact .google-map [data-state-details] {
    color: #6b6763;
    font-family: Montserrat;
    height: 1.5em;
    margin-top: -0.75em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
}
.footer-contact .google-map[data-state] {
    background: #e9e5dc;
}
.footer-contact .google-map[data-state="loading"] [data-state-details] {
    display: none;
}
/***************************
/*基礎関連
/***************************/
.kiso section {
    background: #fff;
}
section.ttl-kiso {
    padding-top: 120px;
    padding-bottom: 30px;
    background-image: url("image/kiso/ttl_bg.jpg") !important;
}
h1.ttl {
    margin: 30px 0 !important;
}

@media (min-width:769px) {
.kiso h1 {
    margin: 50px 0 30px 0;
}
}

@media (max-width:768px) {
.kiso h1 {
    margin: 30px 0 0px 0;
}
.kiso h2 {
    margin: 20px 0 15px 0;
}
}
.kiso h1 img, .kiso h2 img {
    width: 100%;
}
.color-box {
    position: relative;
}
.color-popup {
    position: absolute;
    bottom: 5%;
    right: 0;
    z-index: 2;
}
/***************************
/*仕上げ関連
/***************************/

.shiage section {
    background: #fff;
}
.ttl-shiage {
    padding-top: 120px;
    padding-bottom: 30px;
    background-image: url("image/shiage/ttl_bg.jpg") !important;
}

@media (min-width:769px) {
.shiage h1 {
    margin: 50px 0 30px 0;
}
}

@media (max-width:768px) {
.shiage h1 {
    margin: 30px 0 0px 0;
}
.shiage h2 {
    margin: 20px 0 15px 0;
}
}
.shiage h1 img, .shiage h2 img {
    width: 100%;
}
/***************************
/*会社概要
/***************************/
.ttl-about {
    padding-top: 120px;
    padding-bottom: 30px;
    background-image: url("image/about/ttl_bg.jpg");
}
.aisatsu {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #efefef;
}
.aisatsu h2 {
    text-align: left;
}
.aisatsu h2 span {
    font-size: 60%;
}
.aisatsu h4 {
    text-align: left;
    font-weight: 500;
}
.aisatsu p {
    color: #767676;
    text-align: left;
}
.aisatsu ul.list li {
    text-align: left;
    list-style-type: circle;
    margin-left: -20px;
}
.aisatsu .dib {
    display: inline-block;
}
.aisatsu .aside-content {
    flex-basis: 100%;
}
.aisatsu .block-content {
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    word-break: break-word;
}
.aisatsu .media {
    margin: initial;
    align-items: center;
}
.aisatsu .mbr-figure {
    align-self: flex-start;
    -webkit-align-self: flex-start;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.aisatsu .card-title {
    font-size: 30px;
}
.aisatsu .card-img {
    padding-right: 0.5rem;
    width: auto;
}
.aisatsu .card-img span {
    font-size: 72px;
    color: #707070;
}

@media (min-width: 992px) {
.aisatsu .mbr-figure {
    padding-right: 4rem;
}
}

@media (max-width: 991px) {
.aisatsu .mbr-figure {
    padding-right: 0;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}
}

@media (max-width: 480px) {
.aisatsu .card-title {
    font-size: 20px;
}
.aisatsu ul.list li {
    font-size: 11px;
}
.aisatsu .block-content {
    background: #fff;
}
}

@media (max-width: 300px) {
.aisatsu .card-img span {
    font-size: 40px !important;
}
}
.aisatsu H2 {
    color: #0071bc;
    font-weight: bold;
    text-align: center;
}
.aisatsu B {
    color: #0071bc;
}
.gaiyou {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #ffffff;
}
.gaiyou .mbr-text {
    color: #767676;
}
.gaiyou .mbr-text H2 {
    color: #0071bc;
}
.gaiyou table tr th {font-size:14px;}
@media (max-width: 480px) {
.gaiyou table tr th {font-size:11px;}
}

.saiyou h2 {font-size:2em;}
@media (max-width: 480px) {
.saiyou h2 {font-size:1.6em;}
}

/*form*/

label {
    display: inline;
}
.required {
    background: #81d4cb;
    color: #fff;
    border-radius: 3px;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 4px;
}
.err {
    color: red;
    background: #ffe4e1;
}
td.submit, td.submit:hover {
    background: #fff;
}
.formtable tbody tr {
    margin : 5px 0;
}
.formtable tbody th {
    background: #f1f1f1;
    vertical-align: middle;
    font-size: 11px;
	border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
}
.formtable tbody tr:hover th {
    background: #ddd;
    vertical-align: middle;
}

.formtable tbody td {
    border-right: 1px solid #dee2e6;
}
.formtable tbody tr:last-child th {
    border-left: none;
	border-right: 1px solid #dee2e6;
}
.formtable tbody tr:last-child td {
    border-right: none;
}
.formtable {
    max-width: 640px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 5px;
}

@media screen and (max-width: 640px) {
.formtable tbody tr th, .formtable tr td {
    display: block;
}
.formtable tbody tr th {
    border-bottom: none;
    font-size: 11px;
    padding: 5px;
	 vertical-align: middle !important;
}

.formtable tbody tr td {
	border-top: none;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.formtable tbody tr:last-child td {
    border-left: none;
    border-bottom: none;
}
}

.yokotable tbody tr {
    margin : 5px 0;
}
.yokotable tbody th {
    background: #f1f1f1;
    vertical-align: middle;
    font-size: 11px;
	 border-right: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
}

.yokotable tbody td {
    border-right: 1px solid #dee2e6;
}
.yokotable tbody tr:last-child th {
    border-left: none;
}
.yokotable tbody tr:last-child td {
    border-right: none;
}
.yokotable {
    max-width: 640px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 5px;
}

@media screen and (max-width: 640px) {

.yokotable tbody tr th, .yokotable tr td {
    display: block;
}
.yokotable tbody tr th {
	vertical-align: middle !important;
    border-bottom: none;
    font-size: 11px;
    padding: 5px;
}
.yokotable tbody tr td {
	border-top: none;
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.yokotable tbody tr:last-child td {
    border-left: none;
    border-bottom: none;
}
}