@charset "UTF-8";

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.alert {
    padding-left: 30px
}

.alert .close {
    line-height: 1.5
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-top: .5rem
}

.btn-xs {
    border-radius: .2rem;
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 2;
    padding: 0 .75rem
}

.btn-xlg {
    border-radius: .3rem;
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.33333;
    padding: .75rem 1.25rem
}

.btn-xxlg {
    padding: .8em 2em
}

.container {
    padding: 0
}

@media (max-width: 991px) {
    .container {
        padding: 0 10px
    }
}

.container-fluid {
    padding: 0 20px
}

@media (max-width: 767px) {
    .container-fluid {
        padding: 0 10px
    }
}

@media (min-width: 1200px) {
    .navbar-toggleable-lg {
        display: block !important
    }
}

.table-responsive {
    -webkit-overflow-scrolling: touch
}

.list-group .list-group-item .label-pill {
    margin-top: .5rem
}

.inlink {
    margin: 0 .2em;
    text-decoration: underline
}

.inlink:hover {
    text-decoration: none
}

.asterisk-list>li {
    list-style-type: none;
    text-indent: -1em
}

.asterisk-list>li:before {
    content: "※"
}

.check-list {
    padding-left: 0
}

.check-list>li {
    font-size: 13px;
    font-size: .9285714286rem;
    list-style: none;
    margin: 0 0 5px;
    padding-left: calc(.5em + 15px);
    text-indent: -.75em
}

.check-list>li:before {
    list-color: #0068b7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 13px/1 FontAwesome;
    margin-right: .5em;
    text-rendering: auto;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.check-list>li:last-child {
    margin-bottom: 0
}

.mt-form-list {
    margin: 0;
    padding: 0 0 0 1.5em
}

.mt-form-list li {
    margin: 0;
    padding: 0
}

.mt-form-list.list-col-3,
.mt-form-list.list-col-4,
.mt-form-list.list-col-5 {
    font-size: 0
}

.mt-form-list.list-col-3 li,
.mt-form-list.list-col-4 li,
.mt-form-list.list-col-5 li {
    display: inline-block;
    font-size: 1rem;
    padding-left: 1.5em;
    vertical-align: top
}

.mt-form-list.list-col-3 li .list-item,
.mt-form-list.list-col-4 li .list-item,
.mt-form-list.list-col-5 li .list-item {
    display: list-item
}

.mt-form-list.list-col-3 li {
    width: 33.3%
}

.mt-form-list.list-col-4 li {
    width: 24.975%
}

.mt-form-list.list-col-5 li {
    width: 19.98%
}

@media (max-width: 991px) {
    .mt-form-list.list-col-md-2 li {
        width: 49.95%
    }

    .mt-form-list.list-col-md-3 li {
        width: 33.3%
    }

    .mt-form-list.list-col-md-4 li {
        width: 24.975%
    }

    .mt-form-list.list-col-md-5 li {
        width: 19.98%
    }
}

@media (max-width: 767px) {
    .mt-form-list.list-col-sm-2 li {
        width: 49.95%
    }

    .mt-form-list.list-col-sm-3 li {
        width: 33.3%
    }

    .mt-form-list.list-col-sm-4 li {
        width: 24.975%
    }
}

@media (max-width: 543px) {
    .mt-form-list.list-col-xs-1 li {
        width: 100%
    }

    .mt-form-list.list-col-xs-2 li {
        width: 49.95%
    }

    .mt-form-list.list-col-xs-3 li {
        width: 33.3%
    }
}

[class*=ico-] {
    margin-right: 0 !important;
    width: 1.5em !important
}

.ico-area {
    background: url(/assets/img/common/ico_area.svg) no-repeat left .2em top 0;
    background-size: auto 1em
}

.ico-area,
.ico-area-red {
    height: 1em;
    position: relative
}

.ico-area-red {
    background: url(/assets/img/common/ico_area_red.svg) no-repeat left .2em top 0;
    background-size: auto 1em
}

.ico-area-gray {
    background: url(/assets/img/common/ico_area_gray.svg) no-repeat left .2em top 0;
    background-size: auto 1em
}

.ico-area-gray,
.ico-area-lg {
    height: 1em;
    position: relative
}

.ico-area-lg {
    background: url(/assets/img/common/ico_area_lg.svg) no-repeat left .2em top 0;
    background-size: auto 1em
}

.ico-baby {
    background: url(/assets/img/common/ico_baby.svg) no-repeat 0 0;
    background-size: auto 1em;
    top: .1em
}

.ico-baby,
.ico-box {
    height: 1em;
    position: relative
}

.ico-box {
    background: url(/assets/img/common/ico_box.svg) no-repeat 0 0;
    background-size: 1em auto
}

.ico-box-gray {
    background: url(/assets/img/common/ico_box_gray.svg) no-repeat 0 0;
    background-size: 1em auto
}

.ico-box-gray,
.ico-box-lg {
    height: 1em;
    position: relative
}

.ico-box-lg {
    background: url(/assets/img/common/ico_box_lg.svg) no-repeat 0 0;
    background-size: 1em auto
}

.ico-calendar {
    background: url(/assets/img/common/ico_calendar.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-calendar,
.ico-calendar-lg {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-calendar-lg {
    background: url(/assets/img/common/ico_calendar_lg.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-dayofweek {
    background: url(/assets/img/common/ico_dayofweek.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-dayofweek,
.ico-dayofweek-gray {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-gray {
    background: url(/assets/img/common/ico_dayofweek_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-dayofweek-lg {
    background: url(/assets/img/common/ico_dayofweek_lg.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-dayofweek-4,
.ico-dayofweek-lg {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-4 {
    background: url(/assets/img/common/ico_dayofweek_4.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-dayofweek-4-gray {
    background: url(/assets/img/common/ico_dayofweek_4_gray.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-sat {
    background: url(/assets/img/common/ico_dayofweek_sat.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-sat-gray {
    background: url(/assets/img/common/ico_dayofweek_sat_gray.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-check {
    background: url(/assets/img/common/ico_dayofweek_check.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative;
    top: .1em
}

.ico-dayofweek-check-gray {
    background: url(/assets/img/common/ico_dayofweek_check_gray.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative;
    top: .1em
}

.ico-carrier {
    background: url(/assets/img/common/ico_carrier.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-carrier,
.ico-carrier-gray {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-carrier-gray {
    background: url(/assets/img/common/ico_carrier_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-hospital {
    background: url(/assets/img/common/ico_hospital.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-hospital,
.ico-hospital-gray {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-hospital-gray {
    background: url(/assets/img/common/ico_hospital_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-house {
    background: url(/assets/img/common/ico_house.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-house,
.ico-station {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-station {
    background: url(/assets/img/common/ico_station.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-station-gray {
    background: url(/assets/img/common/ico_station_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-station-gray,
.ico-station-lg {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-station-lg {
    background: url(/assets/img/common/ico_station_lg.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-time {
    background: url(/assets/img/common/ico_time.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-time,
.ico-time-gray {
    height: 1em;
    position: relative;
    top: .1em
}

.ico-time-gray {
    background: url(/assets/img/common/ico_time_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-yen {
    background: url(/assets/img/common/ico_yen.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-yen,
.ico-yen-gray {
    height: 1em;
    position: relative
}

.ico-yen-gray {
    background: url(/assets/img/common/ico_yen_gray.svg) no-repeat 0 0;
    background-size: auto 1em
}

.ico-yen-lg {
    background: url(/assets/img/common/ico_yen_lg.svg) no-repeat 0 0;
    background-size: auto 1em;
    height: 1em;
    position: relative
}

header.navbar {
    border-radius: 0;
    margin-bottom: 20px;
    padding: 0;
    position: relative
}

header.navbar:before {
    background-color: #ccc;
    bottom: -5px;
    height: 5px
}

header.navbar:after,
header.navbar:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

header.navbar:after {
    background-color: #ebebeb;
    bottom: -9px;
    height: 2px
}

header .navbar-header {
    position: relative
}

header .navbar-toggle {
    background-color: #0068b7 !important;
    border-color: #0068b7 !important;
    padding: 2px 10px;
    position: absolute;
    right: 0;
    top: 12px
}

header .navbar-toggle .fa {
    margin-right: 0
}

header h1 {
    float: left;
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 700;
    margin: 0 30px 0 0;
    padding: 15px 0 10px
}

header h1 a,
header h1 a:hover {
    color: #f19317;
    text-decoration: none
}

header h1 a:hover {
    opacity: .6
}

header #header-nav ul {
    font-size: 0
}

header #header-nav ul:after {
    clear: both;
    content: "";
    display: table
}

header #header-nav ul li {
    display: inline-block;
    font-size: 16px;
    font-size: 1.1428571429rem;
    height: 4.3em;
    position: relative;
    width: 6em
}

header #header-nav ul li:after {
    right: 0
}

header #header-nav ul li:after,
header #header-nav ul li:first-child:before {
    background: -webkit-gradient(linear, left top, left bottom, from(#ccc), color-stop(33%, hsla(0, 0%, 80%, 0)));
    background: linear-gradient(180deg, #ccc 0, hsla(0, 0%, 80%, 0) 33%);
    content: "";
    display: block;
    height: 4.3em;
    position: absolute;
    top: 0;
    width: 1px
}

header #header-nav ul li:first-child:before {
    left: 0
}

header #header-nav ul li a {
    color: #4c4c4c;
    display: block;
    left: 0;
    padding: 1.3em 0 .5em;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 0;
    width: 6em
}

header #header-nav ul li a:hover {
    opacity: .6;
    text-decoration: none
}

header #header-nav ul li a.active {
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 2px 2px rgba(0, 0, 0, .1);
    min-height: 5em;
    z-index: 10
}

header #header-nav ul li a.active:after {
    color: #0068b7;
    content: "\f13a";
    display: block;
    font: normal normal normal 14px/1 FontAwesome
}

/* Keep the contact header stable on pages that also load mt.css. */
.global-nav-contact .navbar-header {
    padding: 0
}

.global-nav-contact .navbar-toggle {
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 12px
}

.global-nav-contact h1 {
    float: left;
    margin: 0 30px 0 0;
    padding: 15px 0 10px
}

@media (min-width: 992px) {
    .global-nav-contact .navbar-header {
        float: left
    }
}

@media (max-width: 991px) {
    header.navbar {
        margin-bottom: 30px
    }

    header h1 {
        float: none;
        padding-top: 10px
    }

    .global-nav-contact h1 {
        float: none;
        padding-top: 10px
    }

    header #header-nav .navbar-nav {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb
    }

    header #header-nav .navbar-nav li {
        border-top: 1px solid #ebebeb;
        display: block;
        float: none;
        height: auto;
        width: 100%
    }

    header #header-nav .navbar-nav li:after,
    header #header-nav .navbar-nav li:first-child:before {
        display: none
    }

    header #header-nav .navbar-nav li a {
        display: block;
        padding: .8em 10px .5em;
        position: relative;
        text-align: left;
        width: 100%
    }

    header #header-nav .navbar-nav li a:before {
        color: #0068b7;
        content: "\f138";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        margin-right: .3em
    }

    header #header-nav .navbar-nav li a.active {
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: 0;
        z-index: 1
    }

    header #header-nav .navbar-nav li a.active:after {
        display: none
    }
}

.footer {
    background-color: #f5f5f5;
    display: block;
    margin-top: 60px;
    padding: 20px 0;
    position: relative
}

.footer:before {
    background-color: #ccc;
    height: 5px;
    top: -5px
}

.footer:after,
.footer:before {
    content: "";
    display: block;
    left: 0;
    position: absolute;
    width: 100%
}

.footer:after {
    background-color: #ebebeb;
    height: 2px;
    top: -9px
}

.footer .container {
    position: relative;
    text-align: center
}

.footer .container .footer-pagetop a {
    bottom: 20px;
    color: #0068b7;
    display: block;
    font-size: 34px;
    font-size: 2.4285714286rem;
    height: 34px;
    line-height: 1;
    overflow: hidden;
    position: fixed;
    right: 20px;
    width: 34px;
    z-index: 9999
}

.footer .container .footer-pagetop a span {
    display: block
}

.footer .container .footer-pagetop a span.fa {
    display: inline-block;
    margin-right: 0
}

.footer .container .footer-pagetop a:hover {
    opacity: .6
}

.footer .container small {
    font-size: 14px;
    font-size: 1rem;
    text-transform: capitalize
}

@media (max-width: 991px) {
    .footer {
        margin-top: 20px
    }

    .footer .container .footer-pagetop a {
        bottom: auto;
        position: absolute;
        right: 0
    }
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    list-style: none;
    margin-bottom: 20px;
    padding: 0
}

.breadcrumb>li {
    font-size: 0
}

.breadcrumb>li+li:before {
    content: ">"
}

.breadcrumb>li a,
.breadcrumb>li span,
.breadcrumb>li+li:before {
    font-size: 12px;
    font-size: .8571428571rem
}

@media (max-width: 991px) {
    .breadcrumb {
        display: none
    }
}

.side-column .btn-container {
    margin-bottom: 30px;
    padding: 5px
}

.side-column .btn-container li {
    display: block;
    margin: 0 0 5px;
    padding: 0
}

.side-column .btn-container li:last-child {
    margin-bottom: 0
}

.side-column .side-company,
.side-column .side-pickup,
.side-column .side-recently,
.side-column .side-recommend {
    margin-bottom: 30px
}

.side-column .side-company .head,
.side-column .side-pickup .head,
.side-column .side-recently .head,
.side-column .side-recommend .head {
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin-bottom: 10px
}

.side-column .side-company>.media,
.side-column .side-pickup>.media,
.side-column .side-recently>.media,
.side-column .side-recommend>.media {
    margin: 0
}

.side-column .side-company>.media a,
.side-column .side-pickup>.media a,
.side-column .side-recently>.media a,
.side-column .side-recommend>.media a {
    border-bottom: 1px solid #ebebeb;
    display: block;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-decoration: none
}

.side-column .side-company>.media a:after,
.side-column .side-pickup>.media a:after,
.side-column .side-recently>.media a:after,
.side-column .side-recommend>.media a:after {
    clear: both;
    content: "";
    display: table
}

.side-column .side-company>.media a:hover,
.side-column .side-pickup>.media a:hover,
.side-column .side-recently>.media a:hover,
.side-column .side-recommend>.media a:hover {
    opacity: .6
}

.side-column .side-company>.media .media-left img,
.side-column .side-pickup>.media .media-left img,
.side-column .side-recently>.media .media-left img,
.side-column .side-recommend>.media .media-left img {
    height: auto;
    width: 70px
}

.side-column .side-company>.media .media-body .media-heading,
.side-column .side-pickup>.media .media-body .media-heading,
.side-column .side-recently>.media .media-body .media-heading,
.side-column .side-recommend>.media .media-body .media-heading {
    font-size: 12px;
    font-size: .8571428571rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0
}

.side-column .side-similar {
    margin-bottom: 30px
}

.side-column .side-similar .head {
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin-bottom: 10px
}

.side-column .side-similar .list-group {
    font-size: 12px;
    font-size: .8571428571rem
}

.side-column .side-profile-list {
    margin-bottom: 20px
}

.side-column .side-profile-list .head {
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin-bottom: 10px
}

.side-column .side-profile-list .list-group {
    font-size: 12px;
    font-size: .8571428571rem
}

.fa {
    margin-right: .5em;
    text-align: center;
    width: 1em
}

.head {
    border-bottom: 3px solid #ccc;
    font-size: 24px;
    font-size: 1.7142857143rem;
    margin: 0 0 20px;
    padding: 0 0 8px 2px;
    position: relative
}

.head.ico {
    padding-left: 1.5em;
    text-indent: -1.5em
}

.head.ico .fa {
    color: #0068b7;
    text-indent: 0
}

.head-btn {
    position: relative
}

.head-btn .btn {
    position: absolute;
    right: 0;
    top: 0
}

.head-btn-list {
    position: relative
}

.head-btn-list ul {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.head-btn-list ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 .5rem;
    padding: 0
}

@media (max-width: 767px) {
    .head-btn-list ul {
        margin-top: -10px;
        position: relative
    }
}

.head-search {
    margin-bottom: 20px
}

.head-search .head {
    margin-bottom: 10px
}

.head-search form {
    margin: 0;
    padding: 0
}

.head-search form .form-control-sm {
    padding: 0
}

.head-search form .btn,
.head-search form .form-control {
    font-size: .79rem;
    padding-bottom: .1rem;
    padding-top: .1rem
}

.head-search form .btn .fa {
    margin-right: 0
}

@media (min-width: 544px) {
    .head-search {
        position: relative
    }

    .head-search .head {
        padding-right: 36%
    }

    .head-search form {
        position: absolute;
        right: 0;
        top: 0;
        width: 33.3%
    }
}

.heads {
    background: #ebebeb;
    border-radius: 6px;
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin: 0 0 20px;
    padding: 10px 10px 8px
}

.heads.ico {
    padding-left: 2rem;
    text-indent: -1.5rem
}

.heads.ico .fa {
    text-indent: 0
}

.btn-top-text {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .btn-top-text {
        margin-bottom: 10px
    }
}

.btn-container {
    background: #ebebeb;
    border-radius: 6px;
    font-size: 0;
    margin-bottom: 30px;
    padding: 0;
    position: relative;
    text-align: center
}

.btn-container li {
    display: inline-block;
    list-style: none;
    margin: 0 5px;
    padding: 5px 0
}

.btn-container li[class*=col-] {
    float: none
}

.btn-container li.back {
    left: 10px;
    margin: 0;
    position: absolute;
    top: 3px
}

@media (max-width: 767px) {
    .btn-container.btn-container-sm {
        margin-bottom: 10px;
        padding: 10px
    }

    .btn-container.btn-container-sm li {
        display: block;
        margin: 0 0 10px;
        padding: 0;
        width: 100%
    }

    .btn-container.btn-container-sm li:last-child {
        margin-bottom: 0
    }

    .btn-container.btn-container-sm li.back {
        left: 0;
        position: relative;
        top: 0
    }

    .btn-container.btn-container-sm li a {
        display: block
    }
}

.form-btn-container {
    font-size: 0;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.form-btn-container li {
    display: inline-block;
    list-style: none;
    margin: 0 10px
}

.form-btn-container li[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.form-btn-container li[class*=col-] .btn {
    width: 100%
}

.form-btn-container li.back {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0
}

.form-btn-container li.next {
    margin: 0;
    position: absolute;
    right: 0;
    top: 0
}

.form-btn-container .job-contact-back-btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding: 4px 14px
}

@media (max-width: 767px) {
    .form-btn-container li {
        display: block;
        margin: 0 0 10px
    }

    .form-btn-container li:last-child {
        margin-bottom: 0
    }

    .form-btn-container li.back,
    .form-btn-container li.next {
        position: relative
    }

    .form-btn-container li a,
    .form-btn-container li button {
        display: block;
        width: 100%
    }
}

.nav-tabs {
    margin-bottom: 20px
}

.nav-tabs .bg-faded {
    border-bottom: none
}

.default-tab_box01 {
    position: relative
}

.default-tab_box01 .default-tab_link {
    font-size: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.default-tab_box01 .default-tab_link li {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0
}

.nav-pagination {
    margin-bottom: 1em;
    text-align: right
}

.nav-pagination:after {
    clear: both;
    content: "";
    display: table
}

.nav-pagination p {
    float: left;
    margin: 0;
    padding-top: .3em
}

.nav-pagination p .fa {
    color: #0068b7
}

.nav-pagination .pagination {
    margin: 0
}

.nav-pagination .pagination li a {
    color: #4c4c4c;
    text-decoration: none
}

.nav-pagination .pagination li.next .fa {
    margin: 0 0 0 .5em
}

@media (max-width: 991px) {
    .nav-pagination {
        text-align: center
    }

    .nav-pagination p {
        float: none;
        margin: 0 0 .5em;
        padding-top: 0
    }

    .nav-pagination .pagination {
        margin: 0
    }

    .nav-pagination .pagination li a {
        text-decoration: none
    }

    .nav-pagination .pagination li.next .fa {
        margin: 0 0 0 .5em
    }
}

.form-horizontal .form-group {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 10px
}

.form-horizontal .form-group:after {
    clear: both;
    content: "";
    display: table
}

.form-horizontal .form-group.no-line {
    border: none
}

.form-horizontal .form-group [class*=col-] .asterisk-list {
    margin-bottom: 0;
    margin-top: 5px;
    padding-left: 1rem
}

.form-horizontal .form-group [class*=col-] .lead-text {
    margin: 5px 0 0
}

.form-horizontal .form-group [class*=col-] .sample {
    color: #666;
    font-size: 12px;
    font-size: .8571428571rem
}

.form-horizontal .form-group [class*=col-] .sample.form-control-label {
    padding-top: .7rem
}

.form-horizontal .form-group [class*=col-] .sample-text {
    color: #666;
    font-size: 12px;
    font-size: .8571428571rem;
    margin: 5px 0 0;
    padding-left: 2.5rem;
    position: relative
}

.form-horizontal .form-group [class*=col-] .sample-text:before {
    content: "（例）";
    left: 0;
    position: absolute;
    top: 0
}

.form-horizontal .form-group [class*=col-] .sample-list {
    font-size: 12px;
    font-size: .8571428571rem;
    margin: 5px 0 0;
    padding-left: 4rem;
    position: relative
}

.form-horizontal .form-group [class*=col-] .sample-list:before {
    content: "（例）";
    left: 0;
    position: absolute;
    top: 0
}

.form-horizontal .form-group select {
    font-size: 16px;
    font-size: 1.1428571429rem
}

.form-horizontal .input-group>span {
    border-left-width: 0;
    border-right-width: 0
}

.form-horizontal .input-group>:first-child,
.form-horizontal .input-group>:last-child {
    border-left-width: 1px;
    border-right-width: 1px
}

.form-horizontal .form-checkbox>.row,
.form-horizontal .form-radio>.row {
    font-size: 0
}

.form-horizontal .form-checkbox>.row [class*=col-],
.form-horizontal .form-radio>.row [class*=col-] {
    display: inline-block;
    float: none;
    font-size: 14px;
    font-size: 1rem;
    vertical-align: top
}

.form-horizontal .address [class*=col-]>.row {
    margin-bottom: 10px
}

.form-horizontal .date .form-control {
    padding-right: 0
}

.form-horizontal .date select.hour {
    padding-right: 1.4rem
}

@media (max-width: 543px) {
    .form-horizontal .date .form-control {
        padding-left: .5rem;
        padding-right: 0
    }

    .form-horizontal .date .input-group-addon {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.form-horizontal .form-sction {
    background-color: #fff;
    border: 10px solid #ebebeb;
    border-radius: 6px;
    display: block;
    margin-bottom: 30px;
    padding: 0 0 10px
}

.form-horizontal .form-sction h3 {
    background: #ebebeb;
    font-size: 18px;
    font-size: 1.2857142857rem;
    margin: 0 0 10px;
    padding: 0 10px 8px
}

.form-horizontal .form-sction h3.ico {
    padding-left: 2rem;
    text-indent: -1.5rem
}

.form-horizontal .form-sction h3.ico .fa {
    color: #0068b7;
    text-indent: 0
}

.form-horizontal .form-sction .head-close-btn:after {
    clear: both;
    content: "";
    display: table
}

.form-horizontal .form-sction .head-close-btn a {
    float: right;
    margin-top: -4px;
    padding-bottom: 0;
    padding-top: 0
}

.form-horizontal .form-sction .alert {
    margin: 0 10px 20px;
    padding-bottom: 10px;
    padding-top: 10px
}

.form-horizontal .form-sction .js-add-btn {
    margin-right: 10px;
    text-align: right
}

.form-horizontal .form-sction>:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width: 543px) {
    .form-horizontal .form-group {
        border-bottom: none
    }

    .form-horizontal .form-group>:first-child {
        background: #f5f5f5;
        border-radius: 6px;
        margin-bottom: 10px;
        padding: .375rem .75rem
    }

    .form-horizontal .form-group.address .row [class*=col-]+[class*=col-],
    .form-horizontal .form-group.name .row [class*=col-]+[class*=col-] {
        margin-top: 10px
    }

    .form-horizontal .form-group.tel .form-control,
    .form-horizontal .form-group.tel .input-group-addon {
        padding: 5px 6px
    }

    .form-horizontal .form-group.birthday .row [class*=input-group]+[class*=input-group] {
        margin-top: 10px
    }

    .form-horizontal .form-group.birthday .input-group {
        float: none;
        margin: 0;
        width: auto
    }

    .form-horizontal .form-group.yearmonth .form-control,
    .form-horizontal .form-group.yearmonth .input-group-addon {
        padding: 8px 6px
    }

    .form-horizontal .form-sction {
        margin-bottom: 20px
    }

    .form-horizontal .form-sction h3 {
        margin: 0
    }

    .form-horizontal .form-sction .alert,
    .form-horizontal .form-sction .js-add-btn {
        margin-top: 10px
    }

    .form-horizontal .form-sction .form-group>:first-child {
        border-radius: 0
    }

    .form-horizontal .form-photo img {
        height: auto;
        width: 100%
    }
}

.required01 {
    background-color: #0068b7
}

.required01,
.required02 {
    border-radius: 4px;
    color: #fff;
    display: inline;
    font-size: 12px;
    font-size: .8571428571rem;
    margin-right: .5rem;
    padding: .2em .5em .1em
}

.required02 {
    background-color: #5cb85c
}

.example01 {
    margin: 5px 0 0
}

.example01:before {
    background-color: #ebebeb;
    border-radius: 4px;
    content: "例";
    display: inline-block;
    font-size: 11px;
    font-size: .7857142857rem;
    margin: 0 .5em 0 0;
    padding: 0 1em;
    vertical-align: middle
}

.btn-add-zip {
    margin-top: 5px
}

@media (max-width: 767px) {
    .btn-add-zip {
        margin-top: 0
    }
}

.login-btn {
    margin-bottom: .5rem
}

.depth-1,
.depth-1.area13 {
    width: 100%
}

.depth-2,
.depth-3 {
    padding-left: 2.5em
}

.group-list .group-head {
    background-color: #f5f5f5;
    margin: 0 0 10px -10px;
    padding: 3px 10px
}

.group-list .row {
    margin-bottom: 20px
}

.group-list .row>ul,
.group-list>:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .group-list .group-head {
        margin-right: -10px;
        margin-top: -10px
    }
}

.mt-form-sp .heads.ico {
    padding-left: 2em;
    text-indent: -1.5em
}

@media (max-width: 543px) {

    .mt-form-sp input.form-control,
    .mt-form-sp textarea.form-control {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .mt-form-sp .btn-lg {
        margin: 30px 0;
        padding: 20px 5px
    }

    .mt-form-sp .back .btn {
        margin: 30px 0;
        padding: 10px 5px
    }
}

.job-search .form-horizontal {
    background-color: #fff;
    border: 10px solid rgba(0, 104, 183, .2);
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 10px 0
}

.job-search .search-add {
    margin-right: 15px;
    text-align: right
}

@media (max-width: 543px) {
    .job-search .form-horizontal {
        padding-top: 0
    }

    .job-search .form-horizontal .form-group>.col-sm-2 {
        border-radius: 0;
        padding: .2rem .75rem
    }
}

.job-search_results>section .head a {
    color: #4c4c4c;
    font-size: 20px;
    font-size: 1.4285714286rem
}

.job-search_results>section .head a:hover {
    color: #f19317;
    text-decoration: none
}

.job-search_results>section .head a:hover .fa {
    color: #f19317
}

.job-search_results>section .btn-container {
    margin-bottom: 50px
}

.job-info>.row {
    margin-bottom: 20px
}

.job-info .head {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.job-info .catch,
.job-info .head {
    margin-bottom: 10px
}

.job-info .job-overview .row .col-md-3 {
    color: #f19317
}

@media (max-width: 767px) {
    .job-info .job-overview {
        margin-top: 10px
    }

    .job-info .job-overview .row {
        margin: 0
    }

    .job-info .job-overview .row .col-md-3,
    .job-info .job-overview .row .col-md-9 {
        font-size: 12px;
        font-size: .8571428571rem
    }
}

.job-point-list {
    margin: .3em 0 0;
    padding: 0
}

.job-point-list:after {
    clear: both;
    content: "";
    display: table
}

.job-point-list li {
    background-color: rgba(92, 184, 92, .2);
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-size: .7857142857rem;
    list-style: none;
    margin: 0 2px 2px 0;
    padding: 0 .5em
}

.job-detail section {
    margin-bottom: 50px
}

.job-detail section .btn-container {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .job-detail section {
        margin-bottom: 30px
    }
}

.job-application .head,
.job-company .head,
.job-contact .head,
.job-entry .head,
.job-office .head,
.job-requirements .head,
.job-treatment .head {
    font-size: 20px;
    font-size: 1.4285714286rem;
    margin-bottom: 10px
}

.job-application .table tbody tr th,
.job-company .table tbody tr th,
.job-contact .table tbody tr th,
.job-entry .table tbody tr th,
.job-office .table tbody tr th,
.job-requirements .table tbody tr th,
.job-treatment .table tbody tr th {
    width: 20%
}

.job-application .table tbody tr td p,
.job-company .table tbody tr td p,
.job-contact .table tbody tr td p,
.job-entry .table tbody tr td p,
.job-office .table tbody tr td p,
.job-requirements .table tbody tr td p,
.job-treatment .table tbody tr td p {
    margin-bottom: 10px
}

.job-application .table tbody tr td>:last-child,
.job-company .table tbody tr td>:last-child,
.job-contact .table tbody tr td>:last-child,
.job-entry .table tbody tr td>:last-child,
.job-office .table tbody tr td>:last-child,
.job-requirements .table tbody tr td>:last-child,
.job-treatment .table tbody tr td>:last-child {
    margin-bottom: 0
}

.job-application .table tbody tr td.address p,
.job-application .table tbody tr td.company-name p,
.job-company .table tbody tr td.address p,
.job-company .table tbody tr td.company-name p,
.job-contact .table tbody tr td.address p,
.job-contact .table tbody tr td.company-name p,
.job-entry .table tbody tr td.address p,
.job-entry .table tbody tr td.company-name p,
.job-office .table tbody tr td.address p,
.job-office .table tbody tr td.company-name p,
.job-requirements .table tbody tr td.address p,
.job-requirements .table tbody tr td.company-name p,
.job-treatment .table tbody tr td.address p,
.job-treatment .table tbody tr td.company-name p {
    float: left;
    margin: 0
}

.job-application .table tbody tr td.address a,
.job-application .table tbody tr td.company-name a,
.job-company .table tbody tr td.address a,
.job-company .table tbody tr td.company-name a,
.job-contact .table tbody tr td.address a,
.job-contact .table tbody tr td.company-name a,
.job-entry .table tbody tr td.address a,
.job-entry .table tbody tr td.company-name a,
.job-office .table tbody tr td.address a,
.job-office .table tbody tr td.company-name a,
.job-requirements .table tbody tr td.address a,
.job-requirements .table tbody tr td.company-name a,
.job-treatment .table tbody tr td.address a,
.job-treatment .table tbody tr td.company-name a {
    float: right;
    margin-left: 1rem
}

@media (max-width: 543px) {

    .job-application .table tbody tr th,
    .job-company .table tbody tr th,
    .job-contact .table tbody tr th,
    .job-entry .table tbody tr th,
    .job-office .table tbody tr th,
    .job-requirements .table tbody tr th,
    .job-treatment .table tbody tr th {
        display: block;
        padding-bottom: .5rem;
        width: 100%
    }

    .job-application .table tbody tr td,
    .job-company .table tbody tr td,
    .job-contact .table tbody tr td,
    .job-entry .table tbody tr td,
    .job-office .table tbody tr td,
    .job-requirements .table tbody tr td,
    .job-treatment .table tbody tr td {
        border-top: none;
        display: block;
        padding-top: 0
    }

    .job-application .table tbody tr td.address p,
    .job-application .table tbody tr td.company-name p,
    .job-company .table tbody tr td.address p,
    .job-company .table tbody tr td.company-name p,
    .job-contact .table tbody tr td.address p,
    .job-contact .table tbody tr td.company-name p,
    .job-entry .table tbody tr td.address p,
    .job-entry .table tbody tr td.company-name p,
    .job-office .table tbody tr td.address p,
    .job-office .table tbody tr td.company-name p,
    .job-requirements .table tbody tr td.address p,
    .job-requirements .table tbody tr td.company-name p,
    .job-treatment .table tbody tr td.address p,
    .job-treatment .table tbody tr td.company-name p {
        margin: 0 0 .75rem
    }

    .job-application .table tbody tr td.address a,
    .job-application .table tbody tr td.company-name a,
    .job-company .table tbody tr td.address a,
    .job-company .table tbody tr td.company-name a,
    .job-contact .table tbody tr td.address a,
    .job-contact .table tbody tr td.company-name a,
    .job-entry .table tbody tr td.address a,
    .job-entry .table tbody tr td.company-name a,
    .job-office .table tbody tr td.address a,
    .job-office .table tbody tr td.company-name a,
    .job-requirements .table tbody tr td.address a,
    .job-requirements .table tbody tr td.company-name a,
    .job-treatment .table tbody tr td.address a,
    .job-treatment .table tbody tr td.company-name a {
        margin: 0 0 .75rem 1rem
    }
}

.job-appeal .head {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.job-appeal .row {
    margin-bottom: 20px
}

.job-appeal .row .heads {
    margin-bottom: 10px
}

.job-appeal .row [class*=col-]>:last-child,
.job-appeal>:last-child {
    margin-bottom: 0
}

.job-caption .head {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.job-caption .head p {
    margin: 5px 0 0
}

.job-map {
    margin-bottom: 20px
}

.job-map [id^=gmap] {
    height: 300px;
    margin-bottom: 10px;
    width: 100%
}

.job-detail-zero .job-detail-zero-box {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 20px
}

.job-detail-zero .job-detail-zero-box a:hover img {
    opacity: .6
}

.job-detail-zero .job-detail-zero-box>:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .job-detail-zero .job-detail-zero-box {
        padding: 10px
    }

    .job-detail-zero .job-detail-zero-box img {
        max-width: 100%;
        width: 100%
    }
}

.company-search .form-horizontal {
    background-color: #fff;
    border: 10px solid rgba(0, 104, 183, .2);
    border-radius: 6px;
    margin-bottom: 30px;
    padding: 10px 0
}

.company-search .search-add {
    margin-right: 15px;
    text-align: right
}

@media (max-width: 543px) {
    .company-search .form-horizontal {
        padding-top: 0
    }

    .company-search .form-horizontal .form-group>.col-sm-2 {
        border-radius: 0;
        padding: .2rem .75rem
    }
}

.company-search_results>section .head a {
    color: #4c4c4c;
    font-size: 20px;
    font-size: 1.4285714286rem
}

.company-search_results>section .head a:hover {
    color: #f19317;
    text-decoration: none
}

.company-search_results>section .head a:hover .fa {
    color: #f19317
}

.company-search_results>section .btn-container {
    margin-bottom: 50px
}

.company-info>.row {
    margin-bottom: 20px
}

.company-info .head {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.company-info .catch {
    margin: 10px 0 0
}

.company-info .company-overview .row .col-md-3 {
    color: #f19317
}

@media (max-width: 767px) {
    .company-info .company-overview {
        margin-top: 10px
    }

    .company-info .company-overview .row {
        margin: 0
    }

    .company-info .company-overview .row .col-md-3,
    .company-info .company-overview .row .col-md-9 {
        font-size: 12px;
        font-size: .8571428571rem
    }
}

.company-point-list {
    margin: .3em 0 0;
    padding: 0
}

.company-point-list:after {
    clear: both;
    content: "";
    display: table
}

.company-point-list li {
    background-color: rgba(92, 184, 92, .2);
    border-radius: 4px;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-size: .7857142857rem;
    list-style: none;
    margin: 0 2px 2px 0;
    padding: 0 .5em
}

.company-detail section {
    margin-bottom: 50px
}

.company-detail section .btn-container {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .company-detail section {
        margin-bottom: 30px
    }
}

.company-company .head,
.company-office .head,
.company-outline .head {
    font-size: 20px;
    font-size: 1.4285714286rem;
    margin-bottom: 10px
}

.company-company .table tbody tr th,
.company-office .table tbody tr th,
.company-outline .table tbody tr th {
    width: 20%
}

.company-company .table tbody tr td p,
.company-office .table tbody tr td p,
.company-outline .table tbody tr td p {
    margin-bottom: 10px
}

.company-company .table tbody tr td>:last-child,
.company-office .table tbody tr td>:last-child,
.company-outline .table tbody tr td>:last-child {
    margin-bottom: 0
}

.company-company .table tbody tr td.address p,
.company-company .table tbody tr td.company-name p,
.company-office .table tbody tr td.address p,
.company-office .table tbody tr td.company-name p,
.company-outline .table tbody tr td.address p,
.company-outline .table tbody tr td.company-name p {
    float: left;
    margin: 0
}

.company-company .table tbody tr td.address a,
.company-company .table tbody tr td.company-name a,
.company-office .table tbody tr td.address a,
.company-office .table tbody tr td.company-name a,
.company-outline .table tbody tr td.address a,
.company-outline .table tbody tr td.company-name a {
    float: right;
    margin-left: 1rem
}

@media (max-width: 543px) {

    .company-company .table tbody tr th,
    .company-office .table tbody tr th,
    .company-outline .table tbody tr th {
        display: block;
        padding-bottom: .5rem;
        width: 100%
    }

    .company-company .table tbody tr td,
    .company-office .table tbody tr td,
    .company-outline .table tbody tr td {
        border-top: none;
        display: block;
        padding-top: 0
    }

    .company-company .table tbody tr td.address p,
    .company-company .table tbody tr td.company-name p,
    .company-office .table tbody tr td.address p,
    .company-office .table tbody tr td.company-name p,
    .company-outline .table tbody tr td.address p,
    .company-outline .table tbody tr td.company-name p {
        margin: 0 0 .75rem
    }

    .company-company .table tbody tr td.address a,
    .company-company .table tbody tr td.company-name a,
    .company-office .table tbody tr td.address a,
    .company-office .table tbody tr td.company-name a,
    .company-outline .table tbody tr td.address a,
    .company-outline .table tbody tr td.company-name a {
        margin: 0 0 .75rem 1rem
    }
}

.company-map {
    margin-bottom: 20px
}

.company-map [id^=gmap] {
    height: 300px;
    margin-bottom: 10px;
    width: 100%
}

.privacy-scroll {
    border: 1px solid #ccc;
    height: 200px;
    margin: 40px 0 30px;
    overflow: hidden;
    overflow-y: scroll
}

.privacy-scroll a {
    text-decoration: underline
}

.privacy-scroll a:hover {
    text-decoration: none
}

.privacy-scroll .ttl_top {
    background-color: #ccc;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700;
    margin: 20px;
    padding: 5px 10px
}

.privacy-scroll h3 {
    border-bottom: 1px solid #666;
    clear: both;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    margin: 0 20px 10px
}

.privacy-scroll p {
    line-height: 1.5;
    margin: 8px 40px 20px
}

.privacy-scroll .endTxt {
    margin: 0 20px 20px
}

.privacy-scroll ol,
.privacy-scroll ol.list {
    margin: 0 0 1.7em 1.5em
}

.privacy-scroll ol.list li {
    margin: 0 0 .5em
}

.privacy-scroll ol.list li:last-child,
.privacy-scroll ol.list ol.indent li {
    margin: 0
}

.privacy-scroll ol.indent li {
    list-style-type: none
}

.privacy-scroll sction {
    display: block;
    margin: 0 40px 20px
}

.privacy-scroll sction h4 {
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700
}

.privacy-scroll sction>p {
    margin-left: 1.65em
}

.privacy-scroll .enactment {
    margin: 0 40px 20px
}

.privacy-scroll .enactment:after {
    clear: both;
    content: "";
    display: table
}

.privacy-scroll .enactment dt {
    float: left;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 4.5em
}

.privacy-scroll .enactment dd {
    margin: 0;
    padding: 0 0 0 4.5em
}

.agreement-heads.heads {
    background-color: rgba(241, 147, 23, .2)
}

.user-agreement .agreement-head {
    text-align: center
}

.user-agreement .agreement-head h1 {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {
    .user-agreement .agreement-head h1 {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .user-agreement .agreement-head h1 {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.user-agreement .main-img {
    margin-bottom: 35px;
    text-align: center
}

.user-agreement .main-img img {
    max-width: 760px
}

.user-agreement .agreement-btn {
    margin-bottom: 3em
}

.user-agreement .agreement-btn a {
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    background: linear-gradient(180deg, #fff 0, #f3f3f3);
    -webkit-box-shadow: 0 3px #d8d8d8;
    box-shadow: 0 3px #d8d8d8;
    font-size: 15px;
    font-size: 1.0714285714rem;
    margin-bottom: 10px;
    padding-bottom: 1em;
    padding-top: 1em
}

.user-agreement .agreement-btn a:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#f3f3f3));
    background: linear-gradient(180deg, #f3f3f3 0, #f3f3f3)
}

.user-agreement .agreement-btn a span {
    font-size: 20px;
    font-size: 1.4285714286rem
}

@media (max-width: 767px) {
    .user-agreement .agreement-btn [class^=col-] {
        margin-bottom: 20px
    }

    .user-agreement .agreement-btn>:last-child {
        margin-bottom: 0
    }

    .user-agreement .agreement-btn a {
        padding-bottom: .5em;
        padding-top: .5em
    }
}

.user-agreement .agreement-main {
    background-color: #ebf6fd;
    display: table;
    margin-bottom: 20px;
    width: 100%
}

.user-agreement .agreement-main .agreement-main-left {
    display: table-cell;
    padding: 40px 20px 40px 40px;
    width: 67%
}

.user-agreement .agreement-main .agreement-main-left h1 {
    color: #0068b7;
    font-size: 36px;
    font-size: 2.5714285714rem;
    line-height: 1.3;
    margin: 0 0 40px
}

.user-agreement .agreement-main .agreement-main-left h2 {
    color: #0068b7;
    font-size: 25px;
    font-size: 1.7857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0
}

.user-agreement .agreement-main .agreement-main-left ul {
    font-size: 0;
    margin: 0 0 40px 40px;
    padding: 0
}

.user-agreement .agreement-main .agreement-main-left ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 10px;
    width: 24.9%
}

.user-agreement .agreement-main .agreement-main-right {
    display: table-cell;
    padding: 40px 40px 40px 20px;
    vertical-align: bottom;
    width: 33%
}

.user-agreement .agreement-main .agreement-main-right .img {
    text-align: center
}

.user-agreement .agreement-main .agreement-main-right .img img {
    height: auto;
    max-width: 250px
}

.user-agreement .agreement-main .agreement-main-right p {
    margin: 0
}

.user-agreement .agreement-main .agreement-main-right p a.btn,
.user-agreement .agreement-main .agreement-main-right p span.btn {
    background: #ffb386;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb386), to(#ff7c00));
    background: linear-gradient(180deg, #ffb386 0, #ff7c00);
    border: none;
    border-radius: 10px;
    display: block;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.5;
    padding: 15px 10px
}

.user-agreement .agreement-main .agreement-main-right p a.btn>span,
.user-agreement .agreement-main .agreement-main-right p span.btn>span {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: 700
}

.user-agreement .agreement-main .agreement-main-right p a.btn>span>span,
.user-agreement .agreement-main .agreement-main-right p span.btn>span>span {
    font-size: 26px;
    font-size: 1.8571428571rem
}

.user-agreement .agreement-main .agreement-main-right p a.btn:hover {
    opacity: .6
}

.user-agreement .agreement-main .agreement-main-right p span.btn {
    cursor: default
}

@media (max-width: 1199px) {
    .user-agreement .agreement-main .agreement-main-left {
        padding: 40px 20px 40px 40px
    }

    .user-agreement .agreement-main .agreement-main-left h1 {
        font-size: 28px;
        font-size: 2rem;
        margin-bottom: 30px
    }

    .user-agreement .agreement-main .agreement-main-left h2 {
        font-size: 20px;
        font-size: 1.4285714286rem
    }

    .user-agreement .agreement-main .agreement-main-left ul {
        margin-bottom: 30px;
        margin-left: 10px
    }

    .user-agreement .agreement-main .agreement-main-right .img img {
        max-width: 200px
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn {
        font-size: 16px;
        font-size: 1.1428571429rem;
        padding: 15px 10px
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span {
        font-size: 21px;
        font-size: 1.5rem
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span>span {
        font-size: 23px;
        font-size: 1.6428571429rem
    }
}

@media (max-width: 991px) {
    .user-agreement .agreement-main {
        display: block;
        padding: 20px
    }

    .user-agreement .agreement-main .agreement-main-left {
        display: block;
        padding: 0;
        width: 100%
    }

    .user-agreement .agreement-main .agreement-main-left h1 {
        font-size: 30px;
        font-size: 2.1428571429rem;
        margin-bottom: 20px;
        text-align: center
    }

    .user-agreement .agreement-main .agreement-main-left h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-bottom: 20px;
        text-align: center
    }

    .user-agreement .agreement-main .agreement-main-left ul {
        margin-bottom: 20px;
        margin-left: 0
    }

    .user-agreement .agreement-main .agreement-main-right {
        display: block;
        padding: 0;
        width: 100%
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn {
        font-size: 18px;
        font-size: 1.2857142857rem;
        padding: 10px
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin-left: .5em
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span>span {
        font-size: 26px;
        font-size: 1.8571428571rem
    }
}

@media (max-width: 543px) {
    .user-agreement .agreement-main {
        margin-left: -10px;
        padding: 10px;
        width: calc(100% + 20px)
    }

    .user-agreement .agreement-main .agreement-main-left h1 {
        font-size: 22px;
        font-size: 1.5714285714rem;
        margin-bottom: 10px
    }

    .user-agreement .agreement-main .agreement-main-left h2 {
        font-size: 16px;
        font-size: 1.1428571429rem;
        margin-bottom: 10px
    }

    .user-agreement .agreement-main .agreement-main-left ul {
        margin-bottom: 10px
    }

    .user-agreement .agreement-main .agreement-main-left ul li {
        padding-right: 3px
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn {
        font-size: 16px;
        font-size: 1.1428571429rem;
        padding: 10px
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn br {
        display: block !important
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-left: .5em
    }

    .user-agreement .agreement-main .agreement-main-right p a.btn>span>span {
        font-size: 22px;
        font-size: 1.5714285714rem
    }
}

.user-agreement .agreement-main-sub {
    background-color: #fff;
    border: 20px solid #ebf6fd;
    margin-bottom: 60px
}

.user-agreement .agreement-main-sub ul {
    display: table;
    margin: 0;
    padding: 15px 0;
    width: 100%
}

.user-agreement .agreement-main-sub ul li {
    border-right: 5px solid #ebf6fd;
    display: table-cell;
    list-style: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 33.3%
}

.user-agreement .agreement-main-sub ul li:last-child {
    border-right: none
}

.user-agreement .agreement-main-sub ul li dl {
    display: table;
    margin: 0;
    padding: 0;
    width: 100%
}

.user-agreement .agreement-main-sub ul li dl dt {
    display: table-cell;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 33.3%
}

.user-agreement .agreement-main-sub ul li dl dd {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 66.6%
}

@media (max-width: 991px) {
    .user-agreement .agreement-main-sub {
        margin-bottom: 40px
    }

    .user-agreement .agreement-main-sub ul {
        display: block;
        padding: 0
    }

    .user-agreement .agreement-main-sub ul li {
        border-bottom: 10px solid #ebf6fd;
        border-right: none;
        display: block;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%
    }

    .user-agreement .agreement-main-sub ul li:last-child {
        border-bottom: none
    }

    .user-agreement .agreement-main-sub ul li dl dt {
        width: 120px
    }

    .user-agreement .agreement-main-sub ul li dl dd {
        padding-right: 10px;
        width: auto
    }
}

@media (max-width: 543px) {
    .user-agreement .agreement-main-sub {
        border: 10px solid #ebf6fd
    }

    .user-agreement .agreement-main-sub ul li {
        border-bottom: 5px solid #ebf6fd
    }

    .user-agreement .agreement-main-sub ul li dl dt {
        width: 100px
    }
}

.user-agreement .agreement-case01 {
    margin-bottom: 20px
}

.user-agreement .agreement-case01 .mt-head {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {
    .user-agreement .agreement-case01 .mt-head {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .user-agreement .agreement-case01 .mt-head {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.user-agreement .agreement-case01 [class^=col-] {
    margin-bottom: 20px
}

.user-agreement .agreement-case01 [class^=col-] ul {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
    width: 100%
}

.user-agreement .agreement-case01 [class^=col-] ul li {
    font-size: 17px;
    font-size: 1.2142857143rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.user-agreement .agreement-case01 [class^=col-] ul li .fa {
    color: #0068b7;
    margin-right: .3em
}

.user-agreement .agreement-case01 [class^=col-] ul li .price {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.user-agreement .agreement-case01 [class^=col-] ul li.text {
    border-bottom: 1px dashed #ccc;
    border-top: none;
    font-size: 13px;
    font-size: .9285714286rem;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 0
}

.user-agreement .agreement-case01 [class^=col-] ul li.text span {
    background-color: rgba(0, 104, 183, .1)
}

@media (min-width: 544px) {
    .user-agreement .agreement-case01 {
        margin-bottom: 60px
    }

    .user-agreement .agreement-case01 .row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .user-agreement .agreement-case01 .row,
    .user-agreement .agreement-case01 .row [class^=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.agreement-btn02 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #ffb386;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb386), to(#ff7c00));
    background: linear-gradient(180deg, #ffb386 0, #ff7c00);
    border: none;
    border-radius: .25rem;
    color: #fff;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-size: 1.4285714286rem;
    justify-content: center;
    line-height: 1.3;
    padding: 1em 5px
}

.agreement-btn02 b {
    font-weight: 400
}

.agreement-btn02 b,
.agreement-btn02 s {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.agreement-btn02 s {
    background-color: #fff;
    border-radius: 1.5em;
    color: #ff7c00;
    font-size: 18px;
    font-size: 1.2857142857rem;
    height: 3em;
    margin-left: .5em;
    text-decoration: none;
    width: 3em
}

.agreement-btn02:active,
.agreement-btn02:focus,
.agreement-btn02:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb386), to(#ff7c00));
    background: linear-gradient(180deg, #ffb386 0, #ff7c00);
    color: #fff;
    opacity: .6
}

@media (max-width: 991px) {
    .agreement-btn02 {
        font-size: 16px;
        font-size: 1.1428571429rem;
        padding: .5em
    }

    .agreement-btn02 s {
        font-size: 14px;
        font-size: 1rem;
        right: .5em
    }
}

.agreement-main02 {
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eff1f0));
    background: linear-gradient(180deg, #f9f9f9 0, #eff1f0);
    height: 400px;
    margin-top: -20px
}

.agreement-main02 .container {
    background-image: url(/assets/img/lp/main_bg.png);
    background-position: bottom 0 right 140px;
    background-repeat: no-repeat;
    background-size: auto 380px;
    height: 100%
}

.agreement-main02 .container .agreement-main-content {
    padding: 60px 100px 0
}

.agreement-main02 .container .agreement-main-content p {
    font-size: 28px;
    font-size: 2rem;
    margin-bottom: 20px
}

.agreement-main02 .container .agreement-main-content h2 {
    font-size: 40px;
    font-size: 2.8571428571rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px
}

.agreement-main02 .container .agreement-main-content .agreement-main-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.agreement-main02 .container .agreement-main-content .agreement-main-point li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #0068b7;
    border: 2px solid #0068b7;
    border-radius: 2em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-size: 1.7142857143rem;
    height: 4em;
    justify-content: center;
    line-height: 1.3;
    list-style: none;
    margin-right: 10px;
    text-align: center;
    width: 4em
}

.agreement-main02 .container .agreement-main-content .agreement-main-point li span.small {
    font-size: 16px;
    font-size: 1.1428571429rem
}

@media (max-width: 1199px) {
    .agreement-main02 .container {
        background-position: bottom 0 right 90px
    }

    .agreement-main02 .container .agreement-main-content {
        padding-left: 100px;
        padding-right: 100px
    }

    .agreement-main02 .container .agreement-main-content h2 {
        font-size: 34px;
        font-size: 2.4285714286rem;
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .agreement-main02 .container {
        background-position: bottom 0 right 0
    }

    .agreement-main02 .container .agreement-main-content {
        padding-left: 0;
        padding-right: 0
    }

    .agreement-main02 .container .agreement-main-content p {
        font-size: 24px;
        font-size: 1.7142857143rem
    }
}

@media (max-width: 767px) {
    .agreement-main02 {
        height: auto
    }

    .agreement-main02 .container .agreement-main-content {
        padding-bottom: 20px
    }

    .agreement-main02 .container .agreement-main-content .agreement-main-point li {
        font-size: 18px;
        font-size: 1.2857142857rem
    }

    .agreement-main02 .container .agreement-main-content .agreement-main-point li span.small {
        font-size: 12px;
        font-size: .8571428571rem
    }
}

@media (max-width: 543px) {
    .agreement-main02 .container {
        background-position: bottom -60px right -30px;
        background-size: auto 294px
    }

    .agreement-main02 .container .agreement-main-content {
        padding-top: 20px
    }

    .agreement-main02 .container .agreement-main-content p {
        font-size: 15px;
        font-size: 1.0714285714rem;
        margin-bottom: 10px
    }

    .agreement-main02 .container .agreement-main-content h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-bottom: 20px
    }

    .agreement-main02 .container .agreement-main-content .row [class^=col-] {
        margin-bottom: 10px
    }

    .agreement-main02 .container .agreement-main-content .row>:last-child {
        margin-bottom: 0
    }
}

.agreement-main02-2 {
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eff1f0));
    background: linear-gradient(180deg, #f9f9f9 0, #eff1f0);
    height: 400px;
    margin-top: -20px
}

.agreement-main02-2 .container {
    background-image: url(/assets/img/agreement/main02-2_bg.png);
    background-position: bottom 0 left 60px;
    background-repeat: no-repeat;
    background-size: auto 380px;
    height: 100%
}

.agreement-main02-2 .container .agreement-main-content {
    padding: 50px 0 0 350px
}

.agreement-main02-2 .container .agreement-main-content p {
    font-size: 28px;
    font-size: 2rem;
    margin-bottom: 0
}

.agreement-main02-2 .container .agreement-main-content p span {
    font-size: 120%
}

.agreement-main02-2 .container .agreement-main-content h2 {
    font-size: 40px;
    font-size: 2.8571428571rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px
}

.agreement-main02-2 .container .agreement-main-content .row {
    margin-bottom: 30px
}

.agreement-main02-2 .container .agreement-main-content .row [class^=col-] b {
    cursor: auto;
    font-size: 28px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5
}

.agreement-main02-2 .container .agreement-main-content .row [class^=col-] b small {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.agreement-main02-2 .container .agreement-main-content .row [class^=col-] b:focus,
.agreement-main02-2 .container .agreement-main-content .row [class^=col-] b:hover {
    background-color: #0068b7;
    border-color: #0068b7
}

@media (max-width: 1199px) {
    .agreement-main02-2 .container {
        background-position: bottom 0 left 0
    }

    .agreement-main02-2 .container .agreement-main-content {
        padding-left: 280px
    }

    .agreement-main02-2 .container .agreement-main-content h2 {
        font-size: 34px;
        font-size: 2.4285714286rem;
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .agreement-main02-2 .container {
        background-position: bottom 0 right 0
    }

    .agreement-main02-2 .container .agreement-main-content {
        padding-left: 0;
        padding-right: 0
    }

    .agreement-main02-2 .container .agreement-main-content h2 {
        font-size: 30px;
        font-size: 2.1428571429rem
    }

    .agreement-main02-2 .container .agreement-main-content .row [class^=col-] b,
    .agreement-main02-2 .container .agreement-main-content p {
        font-size: 24px;
        font-size: 1.7142857143rem
    }

    .agreement-main02-2 .container .agreement-main-content .row [class^=col-] b small {
        font-size: 18px;
        font-size: 1.2857142857rem
    }
}

@media (max-width: 767px) {
    .agreement-main02-2 {
        height: auto
    }

    .agreement-main02-2 .container {
        background-image: none
    }

    .agreement-main02-2 .container .agreement-main-content {
        padding-bottom: 20px
    }
}

@media (max-width: 543px) {
    .agreement-main02-2 .container {
        background-position: bottom -60px right -30px;
        background-size: auto 294px
    }

    .agreement-main02-2 .container .agreement-main-content {
        padding-top: 20px
    }

    .agreement-main02-2 .container .agreement-main-content p {
        font-size: 15px;
        font-size: 1.0714285714rem
    }

    .agreement-main02-2 .container .agreement-main-content h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-bottom: 20px
    }

    .agreement-main02-2 .container .agreement-main-content .row,
    .agreement-main02-2 .container .agreement-main-content .row [class^=col-] {
        margin-bottom: 20px
    }

    .agreement-main02-2 .container .agreement-main-content .row [class^=col-] b {
        font-size: 20px;
        font-size: 1.4285714286rem
    }

    .agreement-main02-2 .container .agreement-main-content .row [class^=col-] b small {
        font-size: 13px;
        font-size: .9285714286rem
    }

    .agreement-main02-2 .container .agreement-main-content .row>:last-child {
        margin-bottom: 0
    }
}

.agreement-main03 {
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eff1f0));
    background: linear-gradient(180deg, #f9f9f9 0, #eff1f0);
    height: 400px;
    margin-top: -20px
}

.agreement-main03 .container {
    background-image: url(/assets/img/lp/main_bg_lp03.png);
    background-position: bottom 0 right 0;
    background-repeat: no-repeat;
    background-size: auto 380px;
    height: 100%
}

.agreement-main03 .container .agreement-main-content {
    padding: 40px 100px 20px
}

.agreement-main03 .container .agreement-main-content h2 {
    font-size: 38px;
    font-size: 2.7142857143rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 20px
}

.agreement-main03 .container .agreement-main-content .agreement-main-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 20px;
    padding: 0
}

.agreement-main03 .container .agreement-main-content .agreement-main-point li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: 2px solid #0068b7;
    border-radius: 2.5em;
    color: #0068b7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-size: 1.4285714286rem;
    height: 5em;
    justify-content: center;
    line-height: 1.3;
    list-style: none;
    margin-right: 10px;
    text-align: center;
    width: 5em
}

.agreement-main03 .container .agreement-main-content [class^=col-]>:last-child {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .agreement-main03 .container .agreement-main-content {
        padding-left: 50px;
        padding-right: 50px
    }

    .agreement-main03 .container .agreement-main-content h2 {
        font-size: 34px;
        font-size: 2.4285714286rem
    }
}

@media (max-width: 991px) {
    .agreement-main03 {
        height: auto
    }

    .agreement-main03 .container {
        background-image: url(/assets/img/lp/main_bg_lp03_sp.png);
        background-position: bottom 0 right -30px;
        background-size: auto 294px
    }

    .agreement-main03 .container .agreement-main-content {
        padding-left: 0;
        padding-right: 0;
        padding-top: 30px
    }

    .agreement-main03 .container .agreement-main-content h2 {
        font-size: 30px;
        font-size: 2.1428571429rem
    }
}

@media (max-width: 767px) {
    .agreement-main03 .container .agreement-main-content {
        padding-bottom: 10px
    }

    .agreement-main03 .container .agreement-main-content h2 {
        font-size: 26px;
        font-size: 1.8571428571rem
    }

    .agreement-main03 .container .agreement-main-content .agreement-main-point li {
        font-size: 18px;
        font-size: 1.2857142857rem
    }
}

@media (max-width: 543px) {
    .agreement-main03 .container {
        background-size: auto 250px
    }

    .agreement-main03 .container .agreement-main-content h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        text-shadow: 1px 1px 0 #fff
    }

    .agreement-main03 .container .agreement-main-content .agreement-main-point li {
        font-size: 14px;
        font-size: 1rem
    }
}

.agreement-main04 {
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eff1f0));
    background: linear-gradient(180deg, #f9f9f9 0, #eff1f0);
    height: 400px;
    margin-top: -20px
}

.agreement-main04 .container {
    background-image: url(/assets/img/lp/main_bg.png);
    background-position: bottom 0 right 140px;
    background-repeat: no-repeat;
    background-size: auto 380px;
    height: 100%
}

.agreement-main04 .container .agreement-main-content {
    padding: 30px 100px 0
}

.agreement-main04 .container .agreement-main-content h2 {
    font-size: 30px;
    font-size: 2.1428571429rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 20px
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit {
    counter-reset: num;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    padding: 0
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-size: 1.4285714286rem;
    justify-content: center;
    line-height: 1.3;
    list-style: none;
    margin: 0 10px 20px;
    padding: 10px;
    text-align: center;
    width: 33%
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl {
    margin: 0;
    padding: 0;
    width: 100%
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dt {
    border-bottom: 1px solid #0068b7;
    color: #0068b7;
    font-size: 20px;
    font-size: 1.4285714286rem;
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0 0 10px;
    text-align: center
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dd {
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin: 0 0 10px;
    padding: 0
}

.agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl>:last-child {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .agreement-main04 .container {
        background-position: bottom 0 right 0
    }

    .agreement-main04 .container .agreement-main-content h2 {
        font-size: 28px;
        font-size: 2rem
    }
}

@media (max-width: 991px) {
    .agreement-main04 .container .agreement-main-content {
        padding-left: 0;
        padding-right: 0
    }

    .agreement-main04 .container .agreement-main-content h2 {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin-bottom: 40px
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit {
        margin-bottom: 20px
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dt {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dd {
        font-size: 14px;
        font-size: 1rem
    }
}

@media (max-width: 767px) {
    .agreement-main04 {
        height: auto
    }

    .agreement-main04 .container {
        background-image: url(/assets/img/lp/main_bg_sp.png)
    }

    .agreement-main04 .container .agreement-main-content {
        padding-bottom: 20px
    }

    .agreement-main04 .container .agreement-main-content h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-bottom: 20px
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit {
        margin-bottom: 0
    }
}

@media (max-width: 543px) {
    .agreement-main04 .container {
        background-position: bottom -60px right -30px
    }

    .agreement-main04 .container .agreement-main-content {
        padding-top: 20px
    }

    .agreement-main04 .container .agreement-main-content h2 {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit {
        margin-left: -5px;
        margin-right: -5px
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit>div {
        margin-left: 5px;
        margin-right: 5px
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dt {
        font-size: 14px;
        font-size: 1rem
    }

    .agreement-main04 .container .agreement-main-content .agreement-main-merit>div dl dd {
        font-size: 12px;
        font-size: .8571428571rem
    }
}

.agreement-main05 {
    background: #f9f9f9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#eff1f0));
    background: linear-gradient(180deg, #f9f9f9 0, #eff1f0);
    height: 400px;
    margin-top: -20px
}

.agreement-main05 .container {
    background-image: url(/assets/img/lp/main_bg_lp04.png);
    background-position: bottom 0 right 0;
    background-repeat: no-repeat;
    background-size: auto 380px;
    height: 100%
}

.agreement-main05 .container .agreement-main-content {
    padding: 60px 100px 0
}

.agreement-main05 .container .agreement-main-content p {
    font-size: 28px;
    font-size: 2rem;
    margin-bottom: 20px
}

.agreement-main05 .container .agreement-main-content h2 {
    font-size: 40px;
    font-size: 2.8571428571rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 40px
}

.agreement-main05 .container .agreement-main-content h2 b {
    color: #f19317
}

.agreement-main05 .container .agreement-main-content .agreement-main-point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0
}

.agreement-main05 .container .agreement-main-content .agreement-main-point li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #0068b7;
    border: 2px solid #0068b7;
    border-radius: 2em;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-size: 1.7142857143rem;
    height: 4em;
    justify-content: center;
    line-height: 1.3;
    list-style: none;
    margin-right: 10px;
    text-align: center;
    width: 4em
}

.agreement-main05 .container .agreement-main-content .agreement-main-point li span.small {
    font-size: 16px;
    font-size: 1.1428571429rem
}

@media (min-width: 1200px) {
    .agreement-main05 .container {
        background-position: top 20px right 50px;
        background-size: auto 490px
    }
}

@media (max-width: 1199px) {
    .agreement-main05 .container .agreement-main-content {
        padding-left: 100px;
        padding-right: 100px
    }

    .agreement-main05 .container .agreement-main-content h2 {
        font-size: 34px;
        font-size: 2.4285714286rem;
        margin-bottom: 50px
    }
}

@media (max-width: 991px) {
    .agreement-main05 .container .agreement-main-content {
        padding-left: 0;
        padding-right: 0
    }

    .agreement-main05 .container .agreement-main-content p {
        font-size: 24px;
        font-size: 1.7142857143rem
    }
}

@media (max-width: 767px) {
    .agreement-main05 {
        height: auto
    }

    .agreement-main05 .container {
        background-image: url(/assets/img/lp/main_bg_lp04_sp.png)
    }

    .agreement-main05 .container .agreement-main-content {
        padding-bottom: 20px
    }

    .agreement-main05 .container .agreement-main-content .agreement-main-point li {
        font-size: 18px;
        font-size: 1.2857142857rem
    }

    .agreement-main05 .container .agreement-main-content .agreement-main-point li span.small {
        font-size: 12px;
        font-size: .8571428571rem
    }
}

@media (max-width: 543px) {
    .agreement-main05 .container {
        background-position: bottom -60px right -30px;
        background-size: auto 294px
    }

    .agreement-main05 .container .agreement-main-content {
        padding-top: 20px
    }

    .agreement-main05 .container .agreement-main-content p {
        font-size: 15px;
        font-size: 1.0714285714rem;
        margin-bottom: 10px
    }

    .agreement-main05 .container .agreement-main-content h2 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin-bottom: 20px
    }

    .agreement-main05 .container .agreement-main-content .row [class^=col-] {
        margin-bottom: 10px
    }

    .agreement-main05 .container .agreement-main-content .row>:last-child {
        margin-bottom: 0
    }
}

.agreement-contact {
    padding: 60px 0
}

.agreement-contact .agreement-contact-lead {
    color: #0068b7;
    font-size: 24px;
    font-size: 1.7142857143rem
}

@media (max-width: 767px) {
    .agreement-contact {
        padding: 20px 0
    }

    .agreement-contact .agreement-contact-lead {
        color: #0068b7;
        font-size: 16px;
        font-size: 1.1428571429rem
    }
}

.agreement-contact .agreement-contact-block .agreement-contact-btn {
    margin-bottom: 30px
}

.agreement-contact .agreement-contact-block .agreement-contact-btn .btn {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.agreement-contact .agreement-contact-block .tel {
    font-size: 21px;
    font-size: 1.5rem
}

.agreement-contact .agreement-contact-block .tel .fa {
    color: #0068b7
}

.agreement-contact .agreement-contact-block .mail {
    font-size: 21px;
    font-size: 1.5rem
}

.agreement-contact .agreement-contact-block .mail .fa {
    color: #0068b7
}

@media (max-width: 767px) {
    .agreement-contact .agreement-contact-block .agreement-contact-btn {
        margin-bottom: 20px
    }

    .agreement-contact .agreement-contact-block .agreement-contact-btn .btn {
        display: block;
        font-size: 14px;
        font-size: 1rem
    }

    .agreement-contact .agreement-contact-block .mail,
    .agreement-contact .agreement-contact-block .tel {
        font-size: 18px;
        font-size: 1.2857142857rem
    }
}

.agreement-case02 {
    background-color: rgba(0, 104, 183, .1);
    margin-bottom: 30px;
    padding: 20px
}

.agreement-case02 h3 {
    color: #0068b7;
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 20px
}

.agreement-case02 .row [class^=col-] ul {
    background-color: #fff;
    margin: 0;
    padding: 20px;
    width: 100%
}

.agreement-case02 .row [class^=col-] ul li {
    font-size: 20px;
    font-size: 1.4285714286rem;
    line-height: 1.5;
    list-style: none;
    margin: 0 0 10px;
    padding: 0;
    text-align: center
}

.agreement-case02 .row [class^=col-] ul li.price {
    color: #db0f24;
    position: relative
}

.agreement-case02 .row [class^=col-] ul li.price b {
    font-size: 60px;
    font-size: 4.2857142857rem;
    font-weight: 400;
    line-height: 1.1
}

.agreement-case02 .row [class^=col-] ul li.price>:first-child {
    background-color: #f5f5f5;
    color: #4c4c4c;
    display: inline-block;
    font-size: 30px;
    font-size: 2.1428571429rem;
    line-height: 1.3;
    padding: .3em .5em;
    position: relative;
    top: -.3em
}

.agreement-case02 .row [class^=col-] ul li.price.consultation:after {
    color: #4c4c4c;
    content: "（応相談）";
    font-size: 14px;
    font-size: 1rem;
    position: absolute;
    right: 0;
    top: 12px
}

.agreement-case02 .row [class^=col-] ul li.text {
    color: #0068b7
}

.agreement-case02 .row [class^=col-] ul li.area {
    border-top: 1px dashed #ccc;
    padding-top: 10px
}

.agreement-case02 .row [class^=col-] ul li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .agreement-case02 .row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .agreement-case02 .row [class^=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 0
    }
}

@media (max-width: 1199px) {
    .agreement-case02 .row [class^=col-] ul li.price b {
        font-size: 40px;
        font-size: 2.8571428571rem
    }

    .agreement-case02 .row [class^=col-] ul li.price>:first-child {
        font-size: 20px;
        font-size: 1.4285714286rem;
        top: -.3em
    }

    .agreement-case02 .row [class^=col-] ul li.price.consultation:after {
        font-size: 12px;
        font-size: .8571428571rem;
        top: 0
    }
}

@media (max-width: 991px) {
    .agreement-case02 .row [class^=col-] ul li {
        font-size: 14px;
        font-size: 1rem
    }

    .agreement-case02 .row [class^=col-] ul li.price b {
        font-size: 28px;
        font-size: 2rem
    }

    .agreement-case02 .row [class^=col-] ul li.price>:first-child {
        font-size: 14px;
        font-size: 1rem
    }

    .agreement-case02 .row [class^=col-] ul li.price.consultation:after {
        font-size: 10px;
        font-size: .7142857143rem;
        right: -5px;
        top: -5px
    }
}

@media (max-width: 767px) {
    .agreement-case02 {
        padding: 10px
    }

    .agreement-case02 h3 {
        font-size: 16px;
        font-size: 1.1428571429rem;
        margin-bottom: 10px
    }

    .agreement-case02 .row [class^=col-] {
        margin-bottom: 10px
    }

    .agreement-case02 .row [class^=col-] ul {
        padding: 10px
    }

    .agreement-case02 .row [class^=col-] ul li {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-case02 .row [class^=col-] ul li.price b {
        font-size: 40px;
        font-size: 2.8571428571rem
    }

    .agreement-case02 .row [class^=col-] ul li.price>:first-child {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-case02 .row [class^=col-] ul li.price.consultation:after {
        font-size: 12px;
        font-size: .8571428571rem
    }

    .agreement-case02 .row>:last-child {
        margin-bottom: 0
    }
}

.agreement-case02-2 {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    padding: 30px 20px 20px
}

.agreement-case02-2 h3 {
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 50px
}

.agreement-case02-2 .mt-head {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 60px;
    padding: 0
}

@media (max-width: 767px) {
    .agreement-case02-2 .mt-head {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .agreement-case02-2 .mt-head {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.agreement-case02-2 .row {
    counter-reset: num
}

.agreement-case02-2 .row [class^=col-] {
    counter-increment: num
}

.agreement-case02-2 .row [class^=col-] dl {
    background-color: #fff;
    margin: 0;
    padding: 20px;
    width: 100%
}

.agreement-case02-2 .row [class^=col-] dl dt {
    color: #0068b7;
    font-size: 20px;
    font-size: 1.4285714286rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px;
    padding: 0;
    text-align: center
}

.agreement-case02-2 .row [class^=col-] dl dt:before {
    background-color: #0068b7;
    border-radius: 50%;
    color: #fff;
    content: counter(num);
    display: block;
    font-size: 40px;
    font-size: 2.8571428571rem;
    height: 1.5em;
    line-height: 1.1;
    margin: -50px auto 10px;
    padding-top: .2em;
    text-align: center;
    width: 1.5em
}

.agreement-case02-2 .row [class^=col-] dl dd {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.7;
    margin: 0;
    padding: 0
}

.agreement-case02-2 .row [class^=col-] dl dd span.text-danger {
    background-color: rgba(0, 104, 183, .1);
    color: #4c4c4c !important
}

@media (min-width: 768px) {
    .agreement-case02-2 .row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .agreement-case02-2 .row,
    .agreement-case02-2 .row [class^=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767px) {
    .agreement-case02-2 {
        padding: 10px
    }

    .agreement-case02-2 h3 {
        font-size: 16px;
        font-size: 1.1428571429rem;
        margin-bottom: 0
    }

    .agreement-case02-2 .row [class^=col-] {
        margin-top: 40px
    }

    .agreement-case02-2 .row [class^=col-] dl {
        padding: 10px
    }

    .agreement-case02-2 .row [class^=col-] dl dt {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-case02-2 .row [class^=col-] dl dt:before {
        margin-top: -40px
    }

    .agreement-case02-2 .row [class^=col-] dl dd {
        font-size: 14px;
        font-size: 1rem
    }

    .agreement-case02-2 .row>:last-child {
        margin-bottom: 0
    }
}

.agreement-case03 {
    margin-bottom: 20px
}

.agreement-case03 .mt-head {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {
    .agreement-case03 .mt-head {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .agreement-case03 .mt-head {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.agreement-case03 [class^=col-] {
    margin-bottom: 20px
}

.agreement-case03 [class^=col-] ul {
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
    width: 100%
}

.agreement-case03 [class^=col-] ul li {
    font-size: 17px;
    font-size: 1.2142857143rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.agreement-case03 [class^=col-] ul li .fa {
    color: #0068b7;
    margin-right: .3em
}

.agreement-case03 [class^=col-] ul li .price {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.agreement-case03 [class^=col-] ul li.text {
    border-bottom: 1px dashed #ccc;
    border-top: none;
    font-size: 13px;
    font-size: .9285714286rem;
    margin-bottom: 10px;
    margin-top: 0;
    padding-bottom: 10px;
    padding-top: 0
}

.agreement-case03 [class^=col-] ul li.text span {
    background-color: rgba(0, 104, 183, .1)
}

@media (min-width: 544px) {
    .agreement-case03 .row {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .agreement-case03 .row,
    .agreement-case03 .row [class^=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.agreement-section {
    font-size: 17px;
    font-size: 1.2142857143rem;
    padding: 60px 0
}

.agreement-section .container>:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .agreement-section {
        font-size: 15px;
        font-size: 1.0714285714rem;
        padding: 20px 0
    }
}

section[class^=agreement-section]:nth-of-type(odd) {
    background-color: #f5f5f5
}

.agreement-reason .mt-head {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {
    .agreement-reason .mt-head {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .agreement-reason .mt-head {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.agreement-reason h4 {
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 400;
    margin-bottom: 30px
}

.agreement-reason .agreement-reason-balloon [class^=col-] {
    margin-bottom: 20px
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 20px 5px;
    position: relative;
    width: 100%
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div span {
    color: #0068b7
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div dl {
    margin: 0 10px;
    padding: 0
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div dl dt {
    color: #0068b7;
    font-size: 20px;
    font-size: 1.4285714286rem;
    font-weight: 400;
    margin-bottom: .5em;
    text-align: center
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div dl dd {
    font-size: 16px;
    font-size: 1.1428571429rem;
    margin-bottom: 1em;
    text-align: left
}

.agreement-reason .agreement-reason-balloon [class^=col-]>div dl>:last-child {
    margin-bottom: 0
}

@media (min-width: 544px) {
    .agreement-reason .agreement-reason-balloon {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .agreement-reason .agreement-reason-balloon,
    .agreement-reason .agreement-reason-balloon [class^=col-] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .agreement-reason .agreement-reason-balloon [class^=col-]>div {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .agreement-reason h4 {
        font-size: 17px;
        font-size: 1.2142857143rem;
        margin-bottom: 20px
    }

    .agreement-reason .agreement-reason-balloon [class^=col-] {
        margin-bottom: 10px
    }

    .agreement-reason .agreement-reason-balloon [class^=col-]>div {
        font-size: 13px;
        font-size: .9285714286rem;
        padding: 10px
    }

    .agreement-reason .agreement-reason-balloon [class^=col-]>div dl dt {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .agreement-reason .agreement-reason-balloon [class^=col-]>div dl dd {
        font-size: 14px;
        font-size: 1rem
    }
}

@media (max-width: 543px) {
    .agreement-reason .agreement-reason-balloon [class^=col-]>div {
        font-size: 15px;
        font-size: 1.0714285714rem
    }
}

.user-agreement-finish {
    margin-top: 100px
}

@media (max-width: 991px) {
    .user-agreement-finish {
        margin-top: 20px
    }
}

.user-agreement-finish section+section {
    margin-top: 80px
}

@media (max-width: 991px) {
    .user-agreement-finish section+section {
        margin-top: 60px
    }
}

.user-agreement-finish .agreement-finish-heads {
    text-align: center
}

.user-agreement-finish .agreement-finish-heads h1,
.user-agreement-finish .agreement-finish-heads h2,
.user-agreement-finish .agreement-finish-heads h3 {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 28px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {

    .user-agreement-finish .agreement-finish-heads h1,
    .user-agreement-finish .agreement-finish-heads h2,
    .user-agreement-finish .agreement-finish-heads h3 {
        font-size: 20px;
        font-size: 1.4285714286rem;
        margin: 0 0 15px
    }
}

.user-agreement-finish .rn-mt-home-popular {
    background: #ebf6fd;
    border-radius: 3px;
    margin-bottom: 40px;
    padding: 20px 15px
}

.user-agreement-finish .rn-mt-home-popular h2,
.user-agreement-finish .rn-mt-home-popular h3 {
    display: none
}

.user-agreement-finish .rn-mt-home-popular ul {
    font-size: 0;
    margin: 0 -5px;
    padding: 0
}

.user-agreement-finish .rn-mt-home-popular ul li {
    display: inline-block;
    margin: 5px 0;
    padding: 0 5px;
    vertical-align: top;
    width: 50%
}

.user-agreement-finish .rn-mt-home-popular ul li a {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='angle-right' class='svg-inline--fa fa-angle-right fa-w-8' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512'%3E%3Cpath fill='%230068B7' d='m224.3 273-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z'/%3E%3C/svg%3E");
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 9px auto;
    border: 1px solid #c3dff5;
    border-radius: 3px;
    display: block;
    font-size: 18px;
    font-size: 1.2857142857rem;
    line-height: 1.3;
    padding: 10px 20px 10px 10px
}

.user-agreement-finish .rn-mt-home-popular ul li a .rn-mt-icon {
    margin-right: 10px
}

.user-agreement-finish .rn-mt-home-popular ul li a .rn-mt-home-popular-text {
    border-left: 1px solid #c3dff5;
    display: inline-block;
    overflow: hidden;
    padding-left: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: calc(100% - 1em - 20px)
}

.user-agreement-finish .rn-mt-home-popular ul li a:focus,
.user-agreement-finish .rn-mt-home-popular ul li a:hover {
    opacity: .6;
    text-decoration: none
}

@media (max-width: 991px) {
    .user-agreement-finish .rn-mt-home-popular {
        border-radius: 0;
        margin: 0 0 20px;
        padding: 15px 10px
    }

    .user-agreement-finish .rn-mt-home-popular h2,
    .user-agreement-finish .rn-mt-home-popular h3 {
        font-size: 15px;
        font-size: 1.0714285714rem;
        margin-bottom: 20px
    }

    .user-agreement-finish .rn-mt-home-popular ul {
        margin: 0
    }

    .user-agreement-finish .rn-mt-home-popular ul li {
        display: block;
        margin: 0 0 10px;
        padding: 0;
        width: 100%
    }
}

@media (max-width: 543px) {
    .user-agreement-finish .rn-mt-home-popular {
        margin-left: -10px;
        margin-right: -10px
    }
}

.user-agreement-finish .rn-mt-icon {
    background: no-repeat 50%;
    background-size: 100% 100%;
    display: inline-block;
    height: 1em;
    margin-right: .5em;
    position: relative;
    vertical-align: middle;
    width: 1em
}

.user-agreement-finish .rn-mt-icon-calendar-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='calendar-alt' class='svg-inline--fa fa-calendar-alt fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2397c8ee' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-yen-sign-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='yen-sign' class='svg-inline--fa fa-yen-sign fa-w-12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%2397c8ee' d='M351.2 32h-65.3c-4.6 0-8.8 2.6-10.8 6.7l-55.4 113.2c-14.5 34.7-27.1 71.9-27.1 71.9h-1.3s-12.6-37.2-27.1-71.9L108.8 38.7c-2-4.1-6.2-6.7-10.8-6.7H32.8c-9.1 0-14.8 9.7-10.6 17.6L102.3 200H44c-6.6 0-12 5.4-12 12v32c0 6.6 5.4 12 12 12h88.2l19.8 37.2V320H44c-6.6 0-12 5.4-12 12v32c0 6.6 5.4 12 12 12h108v92c0 6.6 5.4 12 12 12h56c6.6 0 12-5.4 12-12v-92h108c6.6 0 12-5.4 12-12v-32c0-6.6-5.4-12-12-12H232v-26.8l19.8-37.2H340c6.6 0 12-5.4 12-12v-32c0-6.6-5.4-12-12-12h-58.3l80.1-150.4c4.3-7.9-1.5-17.6-10.6-17.6z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-notes-medical-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='notes-medical' class='svg-inline--fa fa-notes-medical fa-w-12' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%2397c8ee' d='M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm96 304c0 4.4-3.6 8-8 8h-56v56c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8v-56h-56c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h56v-56c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v56h56c4.4 0 8 3.6 8 8v48zm0-192c0 4.4-3.6 8-8 8H104c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h176c4.4 0 8 3.6 8 8v16z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-user-tie-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='user-tie' class='svg-inline--fa fa-user-tie fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2397c8ee' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm95.8 32.6L272 480l-32-136 32-56h-96l32 56-32 136-47.8-191.4C56.9 292 0 350.3 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-72.1-56.9-130.4-128.2-133.8z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-smile-beam-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='smile-beam' class='svg-inline--fa fa-smile-beam fa-w-16' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512'%3E%3Cpath fill='%2397c8ee' d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zM112 223.4c3.3-42.1 32.2-71.4 56-71.4s52.7 29.3 56 71.4c.7 8.6-10.8 11.9-14.9 4.5l-9.5-17c-7.7-13.7-19.2-21.6-31.5-21.6s-23.8 7.9-31.5 21.6l-9.5 17c-4.3 7.4-15.8 4-15.1-4.5zm250.8 122.8C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.5-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.6-16.2 38.1 4.3 24.6 20.5zm6.2-118.3-9.5-17c-7.7-13.7-19.2-21.6-31.5-21.6s-23.8 7.9-31.5 21.6l-9.5 17c-4.1 7.3-15.6 4-14.9-4.5 3.3-42.1 32.2-71.4 56-71.4s52.7 29.3 56 71.4c.6 8.6-11 11.9-15.1 4.5z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-hospital-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='hospital' class='svg-inline--fa fa-hospital fa-w-14' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2397c8ee' d='M448 492v20H0v-20c0-6.627 5.373-12 12-12h20V120c0-13.255 10.745-24 24-24h88V24c0-13.255 10.745-24 24-24h112c13.255 0 24 10.745 24 24v72h88c13.255 0 24 10.745 24 24v360h20c6.627 0 12 5.373 12 12zM308 192h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zm-168 64h40c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12zm104 128h-40c-6.627 0-12 5.373-12 12v84h64v-84c0-6.627-5.373-12-12-12zm64-96h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40c0-6.627-5.373-12-12-12zm-116 12c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12v-40zM182 96h26v26a6 6 0 0 0 6 6h20a6 6 0 0 0 6-6V96h26a6 6 0 0 0 6-6V70a6 6 0 0 0-6-6h-26V38a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v26h-26a6 6 0 0 0-6 6v20a6 6 0 0 0 6 6z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-off-duty-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%2397c8ee' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath class='st0' d='M19.1 11.7h.8c0-.4.1-.8.1-1.3C20 5.1 16.1.7 10.9-.1c1.7 1.8 2.7 4.2 2.7 6.6 0 5.3-4.3 9.6-9.6 9.6-1.3 0-2.7-.3-3.9-.8C1.9 18.8 5.5 21 9.5 21c.9 0 1.7-.1 2.5-.3-.1-.5-.2-1.1-.2-1.6-.1-4.1 3.2-7.4 7.3-7.4z'/%3E%3Cpath class='st0' d='M19.6 13.3h-.5c-.4 0-.8 0-1.2.1-.8.2-1.5.5-2.1.9-1.5 1.1-2.6 2.8-2.6 4.8 0 3.2 2.6 5.9 5.9 5.9s5.9-2.6 5.9-5.9c0-3-2.4-5.6-5.4-5.8zm2.4 7.4c.1.1.1.3 0 .4l-.9.9c-.1.1-.3.1-.4 0l-1.5-1.5-1.6 1.5c-.1.1-.3.1-.4 0l-.9-.9c-.1-.1-.1-.3 0-.4l1.5-1.5-1.1-1-.5-.5c-.1-.1-.1-.1-.1-.2s0-.1.1-.2l.9-.9c.1-.1.3-.1.4 0L19 18l1.5-1.5c.1-.1.3-.1.4 0l.9.9c.1.1.1.3 0 .4l-1.6 1.5 1.8 1.4z'/%3E%3C/svg%3E")
}

.user-agreement-finish .rn-mt-icon-day-off-v3 {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%2397c8ee' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M1.5 7.3V5.5c0-1.2 1.1-2.3 2.3-2.3h2.4V.6c0-.4.2-.6.6-.6h1.9c.3 0 .6.2.6.6v2.5h6.2V.6c0-.4.2-.6.6-.6H18c.4 0 .6.2.7.6v2.5H21c1.2 0 2.3 1 2.3 2.3v1.8c0 .4-.2.6-.6.6H2.1c-.4.1-.6-.3-.6-.5zm7.2 11.6c-.9 0-1.5.8-1.5 1.6s.6 1.6 1.5 1.6 1.5-.8 1.5-1.6c-.1-.8-.6-1.6-1.5-1.6zm2.2-5.1h2.9v-1.3h-2.9v1.3zm0 2.2h2.9v-1.3h-2.9V16zm12.6-6v12.6c0 1.3-1.1 2.3-2.3 2.3H3.8c-1.2 0-2.3-1-2.3-2.3V10c0-.2.2-.5.6-.6H23c.3-.1.5.2.5.6zM10 16.9h4.8v-5.3H10v5.3zm-.8 0V16H6.9v-2.2h2v-.9h-2v-1.5h-1v1.5h-2v.9h2V16H3.6v.9h5.6zm2 3.6C11.2 19 10 18 8.7 18c-1.4 0-2.5 1-2.5 2.5S7.3 23 8.7 23c1.3 0 2.5-1 2.5-2.5zm3.6-2.4h-3.1v4.8h1v-2h1.9V20h-1.9v-1h2.1v-.9zm1.9-5.1c-.3.6-.8 1.1-1.3 1.4l.3 1c.1-.1.3-.2.5-.4v2h.9v-2.2c.2.3.3.4.4.5l.4-.9c-.3-.2-.5-.4-.7-.7l.4-.8v-.8h-.5v-.8h-.9v.8h-.7v.9h1.2zm1.9 5.1h-3.1v4.8h1v-2h1.9V20h-1.9v-1h2.1v-.9zm2.6-2.8-.7-.2v.8c0 .2-.1.2-.2.2s-.1-.2-.1-.2v-1.6h.8v-2.8h-3.2v2.8h.5c0 1-.2 1.4-1.1 2l.5.8c.8-.6 1.3-1.3 1.3-2.8h.3v2.1c0 .3.1.6.5.6h.7c.6 0 .7-.3.7-1.7zm-2.5-1.8h1.5v-1.2h-1.5v1.2z'/%3E%3C/svg%3E")
}

.user-agreement06 .user-agreement06-main {
    background: transparent -webkit-gradient(linear, left top, right top, from(#e5f5ff), to(#ccebff)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(90deg, #e5f5ff, #ccebff) 0 0 no-repeat padding-box;
    padding: 20px 0
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff 0 0 no-repeat padding-box;
    border: 1px solid #afd6fd;
    border-radius: 3em 3em 0 3em;
    -webkit-box-shadow: 0 0 10px rgba(175, 214, 253, .502);
    box-shadow: 0 0 10px rgba(175, 214, 253, .502);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: 10px;
    padding: 10px 10px 10px 35px;
    position: relative;
    width: 100%;
    z-index: 2
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon:before {
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 12px 0 0 13px;
    bottom: 0;
    content: "";
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
    z-index: 2
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon:after {
    border-color: transparent transparent transparent rgba(175, 214, 253, .502);
    border-style: solid;
    border-width: 12px 0 0 13px;
    bottom: -1px;
    content: "";
    height: 0;
    left: calc(100% + 1px);
    position: absolute;
    width: 0;
    z-index: 1
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-icon {
    width: 24px
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-icon img {
    height: 24px;
    width: auto
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content {
    padding-left: 15px
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .lead {
    color: #39a4f2;
    font-size: 12px;
    font-size: .8571428571rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .title {
    color: #2266d3;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 1.3;
    margin: 0
}

.user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .title b {
    font-size: 18px;
    font-size: 1.2857142857rem
}

.user-agreement06 .user-agreement06-main .container {
    border: 2px solid #39a4f2;
    border-radius: 6px;
    padding: 0
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container {
    min-height: 270px;
    position: relative
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container:after {
    clear: both;
    content: "";
    display: table
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container {
    background: url(/assets/img/agreement/6/main_bg_pc.png) no-repeat 0 0;
    background-size: 530px auto
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 {
    float: left;
    margin-left: 90px;
    padding-top: 20px;
    width: 365px
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 .lead {
    color: #2266d3;
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: center
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 h2 {
    margin-bottom: 15px;
    text-align: center
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 h2 img {
    height: auto;
    width: 100%
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block02 {
    float: left;
    margin-left: 80px;
    padding-top: 38px;
    width: 240px
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block02>:last-child {
    margin-bottom: 0
}

.user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-pic {
    bottom: 0;
    position: absolute;
    right: 40px
}

.user-agreement06 .user-agreement06-btn {
    background: transparent -webkit-gradient(linear, left top, right top, from(#00afec), to(#2367d3)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(90deg, #00afec, #2367d3) 0 0 no-repeat padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px #1051ba;
    box-shadow: 0 3px #1051ba;
    color: #fff !important;
    display: block;
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-weight: 700;
    padding: 6px;
    text-align: center;
    text-decoration: none !important
}

.user-agreement06 .user-agreement06-btn:hover {
    background: #1c52a7;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.user-agreement06 .user-agreement06-btn:focus {
    outline: none
}

.user-agreement06 .user-agreement06-lead {
    font-size: 15px;
    font-size: 1.0714285714rem;
    padding: 35px 0 30px;
    text-align: center
}

.user-agreement06 .user-agreement06-lead a {
    text-decoration: underline
}

.user-agreement06 .user-agreement06-lead a:hover {
    text-decoration: none
}

.user-agreement06 .required01 {
    background-color: #024bbf
}

.user-agreement06 .btn-primary {
    background-color: #024bbf;
    border-color: #024bbf
}

.user-agreement06 .btn-primary:focus,
.user-agreement06 .btn-primary:hover {
    background-color: #01378d;
    border-color: #01378d
}

@media (max-width: 1199px) {
    .user-agreement06 .user-agreement06-main .user-agreement06-balloon {
        padding-left: 20px
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container {
        background-size: 480px auto
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 {
        margin-left: 20px;
        width: 340px
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block02 {
        margin-left: 30px;
        width: 240px
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-pic {
        right: 15px
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-pic img {
        height: auto;
        width: 270px
    }
}

@media (max-width: 991px) {
    .user-agreement06 .user-agreement06-main .user-agreement06-balloon {
        padding-left: 50px;
        padding-right: 0;
        width: 60%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .lead {
        font-size: 2.5vw
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .title {
        font-size: 3vw
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content .title b {
        font-size: 3.5vw
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container {
        background-image: url(/assets/img/agreement/6/main_sp.png), url(/assets/img/agreement/6/main_bg_sp.png);
        background-position: 100% 100%, 0 0;
        background-repeat: no-repeat;
        background-size: 40% auto, 100% auto;
        border-radius: 0 0 4px 0;
        min-height: auto
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 {
        margin: 0 0 40px;
        padding: 20px 20px 0;
        width: 100%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 .lead {
        font-size: 4.5vw
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 h2 img {
        width: 90%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block02 {
        margin: 0;
        padding: 0 20px 20px;
        width: 100%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-pic {
        display: none
    }

    .user-agreement06 .user-agreement06-btn {
        font-size: 4.5vw
    }
}

@media (max-width: 767px) {
    .user-agreement06 .user-agreement06-main {
        padding: 10px
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-balloon {
        padding-left: 4vw;
        width: 50%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-balloon .user-agreement06-balloon-content {
        padding-left: 2vw
    }

    .user-agreement06 .user-agreement06-main .container {
        max-width: 100%
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container {
        background-size: 50% auto, 100% auto
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block01 {
        margin-bottom: 25px;
        padding: 20px 10px 0
    }

    .user-agreement06 .user-agreement06-main .user-agreement06-main-container .user-agreement06-main-block02 {
        padding: 0 10px 20px
    }

    .user-agreement06 .user-agreement06-lead {
        padding: 25px 0 20px
    }
}

.rn-user-agreement .required01 {
    background-color: #024bbf
}

.rn-user-agreement .btn-primary {
    background-color: #024bbf;
    border-color: #024bbf
}

.rn-user-agreement .btn-primary:focus,
.rn-user-agreement .btn-primary:hover {
    background-color: #01378d;
    border-color: #01378d
}

.rn-user-agreement-main {
    background: #e5f5ff url(/assets/img/rn-agreement/main_bg.png) no-repeat right 20px bottom 0;
    background-size: auto 310px;
    margin: 0 0 60px
}

.rn-user-agreement-main .rn-user-agreement-main-inner {
    padding: 20px 30px 30px
}

.rn-user-agreement-main .rn-user-agreement-main-inner .lead {
    color: #0f4499;
    font-size: 24px;
    font-size: 1.7142857143rem;
    font-weight: 700;
    margin: 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner h1 {
    color: #0f4499;
    font-size: 40px;
    font-size: 2.8571428571rem;
    font-weight: 700;
    letter-spacing: -.05em;
    margin: 0 0 10px
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin: 0 0 0 50px;
    padding: 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li {
    background: transparent -webkit-gradient(linear, left top, left bottom, from(#00afec), to(#0077ed)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(180deg, #00afec, #0077ed) 0 0 no-repeat padding-box;
    border: 4px solid hsla(0, 0%, 100%, .8);
    border-radius: 50%;
    height: 168px;
    list-style: none;
    margin: 0;
    padding: 5px;
    width: 168px
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner {
    border-radius: 50%;
    -webkit-box-shadow: inset 1px 3px 6px hsla(0, 0%, 100%, .6);
    box-shadow: inset 1px 3px 6px hsla(0, 0%, 100%, .6);
    display: block;
    height: 100%;
    text-align: center;
    width: 100%
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .pic {
    display: block;
    padding: 25px 0 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text {
    color: #fff;
    display: block;
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 700;
    letter-spacing: -.05em;
    line-height: 1.1;
    margin-top: 15px
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text.min {
    font-size: 20px;
    font-size: 1.4285714286rem
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text.line2 {
    margin-top: 10px
}

.rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner>:last-child {
    margin-bottom: 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner .mail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-size: 1.5714285714rem;
    gap: 10px;
    line-height: 1.3;
    margin: 10px 0 0;
    padding: 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner .mail dt {
    margin: 0;
    padding: 0;
    width: 46px
}

.rn-user-agreement-main .rn-user-agreement-main-inner .mail dt img {
    height: auto;
    margin-top: -2px;
    width: 100%
}

.rn-user-agreement-main .rn-user-agreement-main-inner .mail dd {
    color: #0f4499;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.rn-user-agreement-main .rn-user-agreement-main-inner>:last-child {
    margin-bottom: 0
}

@media (max-width: 1199px) {
    .rn-user-agreement-main {
        background-position: right 10px bottom;
        background-size: auto 300px
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .lead {
        font-size: 20px;
        font-size: 1.4285714286rem
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner h1 {
        font-size: 31px;
        font-size: 2.2142857143rem
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul {
        margin-left: 0
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail {
        font-size: 20px;
        font-size: 1.4285714286rem
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail dt {
        width: 44px
    }
}

@media (max-width: 991px) {
    .rn-user-agreement-main {
        background-image: none
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .lead {
        text-align: center
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner h1 {
        font-size: 32px;
        font-size: 2.2857142857rem;
        margin-bottom: 0;
        text-align: center
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        background: url(/assets/img/rn-agreement/main_bg.png) no-repeat center top 10px;
        background-size: auto 300px;
        gap: 0;
        justify-content: center;
        margin: 0 0 10px;
        padding-top: 200px
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .pic img {
        height: 40px;
        width: auto
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .rn-user-agreement-main .rn-user-agreement-main-inner {
        padding: 10px
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail {
        font-size: 17px;
        font-size: 1.2142857143rem;
        margin-top: 10px
    }
}

@media (max-width: 543px) {
    .rn-user-agreement-main {
        margin: 0 -10px 30px
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul {
        background-size: auto 60vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li {
        height: calc(33.33333vw - 6.66667px);
        width: calc(33.33333vw - 6.66667px)
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .pic {
        padding: 5vw 0 0
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .pic img {
        height: auto;
        width: 7vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text {
        font-size: 4vw;
        margin-top: 3vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text.min {
        font-size: 3.5vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner ul li .inner .text.line2 {
        margin-top: 1.5vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail {
        font-size: 3.3vw;
        gap: 1vw;
        padding: 0
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail dt {
        width: 7vw
    }

    .rn-user-agreement-main .rn-user-agreement-main-inner .mail dd {
        letter-spacing: -.05em
    }
}

.rn-user-agreement-privacy {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 30px 0 0;
    padding: 0
}

.rn-user-agreement-privacy dt {
    margin: 0;
    padding: 0;
    width: 50px
}

.rn-user-agreement-privacy dd {
    margin: 0;
    padding: 0
}

.user-agreement-note .user-agreement-note-bg {
    background: #ebf6fd;
    color: #db0f24;
    display: inline-block;
    font-weight: 700;
    padding: 0 .3em;
    text-indent: 0
}

.user-agreement-note .inlink {
    color: #db0f24;
    font-weight: 700
}

.user-agreement-note2 {
    font-size: 18px;
    font-size: 1.2857142857rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 25px;
    text-align: center
}

.user-agreement-note2 a {
    color: #00f;
    text-decoration: underline
}

.user-agreement-note2 a:hover {
    color: #00f;
    text-decoration: none
}

.user-contact .contact-info {
    margin: 0 0 50px;
    padding-top: 30px;
    text-align: center
}

@media (max-width: 767px) {
    .user-contact .contact-info {
        margin-bottom: 30px;
        padding-top: 0;
        text-align: left
    }
}

.user-contact .contact-info .contact-head {
    border-bottom: 3px solid #ccc;
    display: inline-block;
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 0 35px;
    padding: 0
}

@media (max-width: 767px) {
    .user-contact .contact-info .contact-head {
        font-size: 24px;
        font-size: 1.7142857143rem;
        margin: 0 0 15px
    }
}

@media (max-width: 543px) {
    .user-contact .contact-info .contact-head {
        font-size: 20px;
        font-size: 1.4285714286rem
    }
}

.user-contact .contact-info .contact-support {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .user-contact .contact-info .contact-support {
        margin-bottom: 10px
    }
}

.user-contact .contact-info .contact-support [class^=col-] {
    margin-bottom: 10px
}

.user-contact .contact-info .contact-support [class^=col-] p {
    background: #f3f3f3;
    border-radius: 3px;
    margin: 0;
    padding: 1.5em 0;
    position: relative;
    text-align: center
}

@media (min-width: 992px) {
    .user-contact .contact-info .contact-support [class^=col-] p {
        font-size: 16px;
        font-size: 1.1428571429rem
    }
}

@media (max-width: 767px) {
    .user-contact .contact-info .contact-support [class^=col-] p {
        padding-left: 1em;
        padding-right: 1em;
        text-align: left
    }
}

.user-contact .contact-info .contact-support [class^=col-] p:after,
.user-contact .contact-info .contact-support [class^=col-] p:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #f57481;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    position: absolute;
    text-rendering: auto
}

.user-contact .contact-info .contact-support [class^=col-] p:before {
    content: "\f10d";
    left: .5em;
    top: .5em
}

.user-contact .contact-info .contact-support [class^=col-] p:after {
    bottom: .5em;
    content: "\f10e";
    position: absolute;
    right: .5em
}

.user-contact .contact-info .contact-tel {
    margin: 0;
    padding: 0
}

.user-contact .contact-info .contact-tel dt {
    font-size: 32px;
    font-size: 2.2857142857rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: center
}

.user-contact .contact-info .contact-tel dt .fa {
    color: #f19317;
    font-size: 30px;
    font-size: 2.1428571429rem;
    margin-right: 5px
}

.user-contact .contact-info .contact-tel dt .tel {
    color: #db0f24
}

.user-contact .contact-info .contact-tel dd {
    margin: 0;
    padding: 0;
    text-align: center
}

.staff-login .staff-info {
    background-color: #f5f5f5;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 30px;
    text-align: center
}

.staff-login .staff-info .lead-text {
    font-size: 16px;
    font-size: 1.1428571429rem
}

.staff-login .staff-info .tel {
    font-size: 21px;
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.staff-login .staff-info .tel .fa {
    color: #db0f24
}

.staff-login .staff-info .mail {
    font-size: 21px;
    font-size: 1.5rem
}

.staff-login .staff-info .mail .fa {
    color: #db0f24
}

.staff-login .staff-info>:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .staff-login .head {
        font-size: 16px;
        font-size: 1.1428571429rem
    }

    .staff-login .staff-info {
        margin-bottom: 20px;
        margin-top: 0;
        padding: 10px
    }

    .staff-login .staff-info .lead-text {
        font-size: 14px;
        font-size: 1rem;
        text-align: left
    }

    .staff-login .staff-info .mail,
    .staff-login .staff-info .tel {
        font-size: 18px;
        font-size: 1.2857142857rem
    }
}

.simple-header h1 {
    float: left !important
}

.simple-header h1 a {
    display: inline-block;
    position: relative;
    z-index: 1
}

.simple-header p {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
    padding: 15px 0 0;
    position: relative
}

@media (max-width: 767px) {
    .simple-header p {
        display: none
    }
}

.simple-footer .simple-footer-link {
    margin: 0 0 10px;
    padding: 0;
    text-align: right
}

.simple-footer .simple-footer-link li {
    display: inline-block;
    list-style: none;
    margin-left: 20px
}

@media (max-width: 767px) {
    .simple-footer .simple-footer-link {
        display: none
    }
}

.mt-consult .asterisk-list {
    padding-left: 1em
}

.mt-consult .form-horizontal .form-group .asterisk-list {
    margin-bottom: 0;
    margin-top: 5px
}

.mt-consult .required01 {
    background-color: #024bbf
}

.mt-consult .required02 {
    background-color: #0097b2
}

.mt-consult input[type=checkbox],
.mt-consult input[type=radio] {
    display: none
}

.mt-consult .checkbox-inline,
.mt-consult .radio-inline {
    background: #f4f8ff;
    border: 1px solid #024bbf;
    border-radius: 4px;
    padding: .5em 1em;
    width: 100%
}

.mt-consult .checkbox-inline span,
.mt-consult .radio-inline span {
    display: block;
    padding-left: 1em;
    text-indent: -1.5em
}

.mt-consult .checkbox-inline span:before,
.mt-consult .radio-inline span:before {
    -webkit-font-smoothing: antialiased;
    color: #999;
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: 129%;
    margin-right: .2em;
    margin-top: -.1em;
    text-align: center;
    text-indent: 0;
    text-rendering: auto;
    vertical-align: middle;
    width: 1em
}

.mt-consult .checkbox-inline span:before {
    content: "\f096"
}

.mt-consult input[type=checkbox]:checked+.checkbox-inline span:before {
    color: #024bbf;
    content: "\f14a"
}

.mt-consult .radio-inline span:before {
    content: "\f1db"
}

.mt-consult input[type=radio]:checked+.radio-inline span:before {
    color: #024bbf;
    content: "\f192"
}

@media (max-width: 767px) {

    .mt-consult input[type=text],
    .mt-consult textarea {
        font-size: 16px
    }

    .mt-consult .required01+select.form-control,
    .mt-consult .required02+select.form-control {
        margin-bottom: 5px
    }
}

.mt-consult .swiper {
    padding-top: .5em
}

.mt-consult .swiper .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.mt-consult .swiper .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-flex: 1;
    background-color: #ebebeb;
    border-radius: 0;
    color: #4c4c4c;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    position: relative
}

.mt-consult .swiper .swiper-pagination .swiper-pagination-bullet:before {
    background: #fff;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: -10.5px;
    top: 0;
    width: 10px;
    z-index: 10
}

.mt-consult .swiper .swiper-pagination .swiper-pagination-bullet:after {
    background: #ebebeb;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    height: 100%;
    position: absolute;
    right: -9.5px;
    top: 0;
    width: 10px;
    z-index: 11
}

.mt-consult .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #5170ff;
    color: #fff
}

.mt-consult .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    background-color: #5170ff
}

.mt-consult .swiper .swiper-pagination>:last-child:after,
.mt-consult .swiper .swiper-pagination>:last-child:before {
    display: none
}

.mt-consult .swiper .swiper-slide {
    padding-bottom: calc(2em + 20px);
    padding-left: 2px;
    padding-right: 2px;
}
@media (max-width: 1200px) {
    .mt-consult .swiper .swiper-slide {
        width : 100% !important;
    }
}

.mt-consult .swiper .mt-consult-step4-slide {
    padding-bottom: 20px
}

.mt-consult .swiper .swiper-button-submit,
.mt-consult .swiper [class^=swiper-button-next] {
    bottom: 0;
    min-width: 8em;
    padding: .5em 1em;
    position: absolute;
    right: 2px;
}

.mt-consult .swiper .swiper-button-submit .fa,
.mt-consult .swiper [class^=swiper-button-next] .fa {
    margin-left: .5em;
    margin-right: 0
}

.mt-consult .swiper .mt-consult-step4-actions {
    -webkit-box-align: start;
    -webkit-box-pack: justify;
    -ms-flex-align: start;
    -ms-flex-pack: justify;
    align-items: flex-start;
    box-sizing: border-box;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 10px;
    row-gap: 10px
}

.mt-consult .swiper .mt-consult-step4-actions .swiper-button-submit,
.mt-consult .swiper .mt-consult-step4-actions [class^=swiper-button-next] {
    min-width: 0;
    white-space: normal
}

.mt-consult .swiper .mt-consult-step4-actions .swiper-button-next4 {
    background-color: #0097b2;
    border-color: #00839b;
    color: #fff;
}

.mt-consult .swiper .mt-consult-step4-action-buttons {
    margin-left: auto;
    position: static;
    text-align: right;
}

.mt-consult .swiper .mt-consult-step4-action-buttons .swiper-button-submit,
.mt-consult .swiper .mt-consult-step4-action-buttons .swiper-button-next4 {
    display: block;
    margin-bottom: 10px;
    position: static;
}

.mt-consult .swiper .mt-consult-step4-action-buttons .swiper-button-next4 {
    margin-bottom: 0;
}

.mt-consult .swiper .mt-consult-step4-add-info {
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
}

.mt-consult .swiper .mt-consult-step4-slide .swiper-button-prev {
    position: static
}

.mt-consult .swiper .swiper-button-prev {
    bottom: 0;
    color: #4c4c4c;
    height: auto;
    left: 2px;
    margin: 0;
    min-width: 8em;
    padding: .5em 1em;
    top: auto
}

.mt-consult .swiper .swiper-button-prev .swiper-navigation-icon {
    display: none
}

.mt-consult-flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 0
}

.mt-consult-flex,
.mt-consult-flex [class^=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mt-consult-flex [class^=col-] .checkbox-inline,
.mt-consult-flex [class^=col-] .radio-inline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1;
    flex: 1
}

.mt-consult-title {
    background-color: #024bbf;
    color: #fff;
    font-size: 20px;
    font-size: 1.4285714286rem;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 5px 10px;
    text-align: center
}

.mt-consult-error {
    color: #db0f24;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-left: 1em;
    text-indent: -1em
}

.mt-consult-error:before {
    content: "※"
}