@charset "UTF-8";

.licence_truck {
    background-image: url(../img/mv-licence-truck.jpg);
}
.licence_taxi {
    background-image: url(../img/mv-licence_taxi.jpg);
}
.licence_rental {
    background-image: url(../img/mv-licence_rental.jpg);
}
.licence_trader {
    background-image: url(../img/mv-licence_trader.jpg);
}
.btn-md {
    max-width: 380px !important;
}
.lic-nav {
    gap: 20px;
}
@media screen and (max-width: 560px) {
    .lic-nav {
        gap: 0;
    }
}

.sec-licence section {
    max-width: 1120px;
    width: 100%;
    margin: 80px auto;
}
@media screen and (max-width: 560px) {
    .sec-licence section {
    padding: 0 3%;
    }
}
.sec-licence section h2 {
    font-size: 24px;
    position: relative;
    padding: 1rem .5rem;
}
.sec-licence section h2::after{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-image: -webkit-gradient(linear, left top, right top, from(#1C1669), to(#1c166908));
    background-image: -webkit-linear-gradient(left, #1C1669 0%, #1c166908 100%);
    background-image: linear-gradient(to right, #1C1669 0%, #1c166908 100%);
}
.sec-licence section p {
    line-height: 1.8;
}
#cont_1 .text_box {
    margin-top: 20px;
}
#cont_1 .text_box p{
    margin-bottom: 10px;
}
.conditions {
    margin: 30px 0;
    border-bottom: solid 1px #f0f0f0;
    padding-bottom: 20px;
}
.conditions h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.conditions h3::before{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/check.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.red_line {
    background: linear-gradient(transparent 60%, #f67d7d3d 30%);
}
.conditions ul {
    margin-left: 30px;
}
.conditions ul li {
    list-style: disc;
    padding-left: 5px;
}
.annotation {
    font-size: 14px;
    color: #929292;
}
.price_box {
    margin: 30px 0;
    padding: 30px 40px;
    background: #f4f4f49e;
    border-radius: 20px;
}
.price_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
}
.price_box ul li {
    width: 48%;
    border-bottom: solid 1px #ddd;
    padding-bottom: 3px;
}
.item_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item_box .item::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/check.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.item_box .price {
    font-size: 20px;
    color: #1C1669;
}
.price span {
    font-size: 14px;
    color: #929292;
    padding-left: 5px;
}

#contact .btn_bg {
    background-color: #1C1669 !important;
}
#contact .msg-box-cont {
    margin-top: 90px;
}
@media screen and (max-width: 560px) {
    .price_box {
    padding: 20px 20px;
}
.item_box {
    flex-wrap: wrap;
}
.price_box ul li {
    width: 100%;
}
.item_box .item {
    font-size: 15px;
    width: 100%;
}
.item_box .price {
    font-size: 16px;
    text-align: right;
    width: 100%;
}
}

.lice_top {
    margin: 30px 0;
    padding: 20px 30px;
    background: #fff;
    border-radius: 20px;
    border:1px solid #ddd ;
}
.lice_top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 20px;
}
.lice_top ul li {
    width: 100%;
    padding-bottom: 3px;
}
.lice_top .item_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.lice_top .item_box .item::before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(../img/check.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}
.lice_top .item_box .price {
    font-size: 20px;
    color: #1C1669;
    font-weight: bold;
}
.lice_top .price span {
    font-size: 14px;
    color: #929292;
    padding-left: 5px;
}
.lice_top_note {
    font-size: 1rem;
}
.lice_sub {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 1.1em;
}

ul.lice_list li {
    list-style-type: disc;
}
.pc_none {
    display: none;
}
@media screen and (max-width: 560px) {
    .pc_none {
        display: block;
    }
    .lice_top {
    padding: 20px 20px;
}
.lice_top .item_box .item {
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1.5em;
}
.lice_top .item_box .price {
    font-size: 16px;
}
}