@charset "utf-8";

.top_banner_sub_p {
    font-size: 2.3rem;
}

.home_banner_p {
    position: relative;
    z-index: 2;
}

.banner_card_img {
    position: relative;
    z-index: 2;
    display: flex;
    margin: 2.5rem;
}

.banner_card_size {
    width: 200px;
    margin-right: 2rem;
}

.home_banner_img {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    transform: scale(-1, 1);
    flex-basis: 700px;
    flex-shrink: 0;
    max-width: 1000px;
}

.home_banner_img img {
    height: 430px;
    width: 750px;
    object-fit: cover;
    -webkit-mask-image: linear-gradient(to right, white 80%, transparent 100%);
    mask-image: linear-gradient(to right, white 80%, transparent 100%);
}

@media only screen and (max-width: 767.98px) {
    .top_banner_sub_p {
        margin-top: 10px;
        font-size: 1.5rem;
        white-space: nowrap;
    }
}

.home_banner_img_bgc {
    background-color: white;
}

.bgc_white {
    background-color: white !important;
}

.bg_none {
    background: none !important;
}

.home_banner_app {
    display: flex;
}

.home_banner_app {
    width: 380px;
    position: relative;
    z-index: 2;
}

.home_banner_app_web {
    display: flex;
}

.home_banner_app_web {
    width: 380px;
    position: relative;
    z-index: 2;
}

.home_banner_img02 {
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 0;
    flex-basis: 700px;
    flex-shrink: 0;
    max-width: 100%;
}

.home_banner_img03 {
    z-index: 1;
    position: absolute;
    right: 0px;
    top: 0;
    flex-basis: 700px;
    flex-shrink: 0;
    max-width: 100%;
}

.home_banner_img02 img {
    height: 430px;
    width: auto;
    -webkit-mask-image: linear-gradient(to left, white 75%, transparent 100%);
    mask-image: linear-gradient(to left, white 75%, transparent 100%);
}

.home_banner_img03 img {
    height: 430px;
    width: auto;
    -webkit-mask-image: linear-gradient(to left, white 75%, transparent 100%);
    mask-image: linear-gradient(to left, white 75%, transparent 100%);
}

.login_user_icon {
    width: 25px;
    height: 25px;
    position: relative;

}

.smartPhone_img {
    width: auto;
    height: 290px;
    position: relative;
    bottom: -46px;
}

.pc_onry_display_flex {
    display: flex;
}

@media only screen and (max-width: 767.98px) {
    .pc_onry_display_flex {
        display: block;
    }

    .sp_onry_display_flex {
        display: flex;
    }
}


.yellow_login_button::before {
    background: linear-gradient(90deg, #ffe000 0, #ffe000 50%, #ffc600) !important;

}

.webDesk_life_logo {
    width: 50px;
    height: 75px;
    object-fit: cover;
    margin-top: 45px;
}

.left_container {
    width: 33%;
}

.right_container {
    width: 67%;
}

.under_bottun_text {
    text-align: end;
    margin-right: 1.5rem;
}

.card_tokuten_img {
    width: 250px;
}

.aoyama_fukidashi {
    width: 150px;
    position: absolute;
    z-index: 1;
}

.aoyama_oshiharai_img {
    width: 120px;
}

.aoyama_oshiharai_p {
    white-space: nowrap;
    position: relative;
    font-size: 1.5rem;
    z-index: 2;
    left: 13px;
    top: 5px;
}

.box_button_img {
    width: 120px;
    height: auto;
}

.box_button_img_2 {
    width: 70% !important;
    border-radius: 10px;
}

.box_button_title {
    font-size: 2.6em;
    padding: 20px 0;
}

.box_button_title_2 {
    font-size: 2.6em;
    padding-top: 20px;
}

.box_button_title::after {
    height: 17px !important;
    width: 16px !important;
    border-top: 3px solid #005dbd !important;
    border-right: 3px solid #005dbd !important;
}
.box_button_title_2::after {
    height: 17px !important;
    width: 16px !important;
    border-top: 3px solid #005dbd !important;
    border-right: 3px solid #005dbd !important;
}

.card .card__type:hover .box_button_title::after {
    border-color: #fff !important;
}

.card .card__type:hover .box_button_title_2::after {
    border-color: #fff !important;
}
.aoyama_card_head {
    width: 23.34%;
}

.aoyama_home-csr {
    max-width: 716.67px !important;
    background: none !important;
}

.aoyama_home-csr::before {
    background: none !important;
}

.aoyama_home-csr::after {
    background: none !important;
}

.aoyama_home-csr-sec {
    width: 850px;
    min-width: 716.67px !important;
}

.otoku_text {
    font-size: 13px;
    white-space: nowrap;
}

.border_005dbd {
    border: 5px solid #005dbd !important;
}

.hover_QR_app {
    display: none !important;
}

.hover_QR_google {
    display: none !important;
}


@media only screen and (min-width: 767.98px) {
    .hover_QR_app {
        position: absolute;
        bottom: 0;
        left: 20px;
        display: block !important;
        transition-duration: .2s;
        transform: scale(0);
    }

    .hover_QR_google {
        position: absolute;
        bottom: 0;
        left: 220px;
        display: block !important;
        transition-duration: .2s;
        transform: scale(0);
    }

    .hover_store_app:hover .hover_QR_app {
        transform: scale(1.25);
    }

    .hover_store_google:hover .hover_QR_google {
        transform: scale(1.25);
    }
    .aoyama_app_box{
        padding: 3rem 3rem 1rem;
    }
}

.last_app_img {
    height: 75px !important;
}

@media print,
screen and (min-width: 768px) {
    .benri_banner {
        width: 250px;
        height: 260px;
    }

    .benri_banner a {
        border: 2px solid #005dbd !important;
        padding: 20px;
    }

    .benri_banner a:hover {
        background-color: #fff !important;
    }

    .benri_banner img {
        width: auto;
        border-radius: 10px;
    }

    .benri_banner_text {
        font-size: 2.5rem;
    }

    .card-v2 .card-v2__type:hover .benri_banner_text {
        color: #005dbd !important;
    }

    .card-v2 .card-v2__type:hover .benri_banner_text::after {
        border-color: #005dbd !important;
    }

}

.pc_app_img {
    height: 335px;
    border-radius: 10px 0 0 10px;
    background-color: #fff;
    margin-left: 5rem;
}

.pc_app_img img {
    border-radius: 10px 0 0 10px;
}

.benri_banner_title {
    padding: 20px 0 0 !important;
}

.aspect_banner_img {
    width: 206px !important;
    height: 115.14px !important;
    object-fit: cover;
}

.aoyama_accordion {
    width: 716.67px !important;
    min-width: 716.67px !important;
}

.aoyama_menu {
    margin-right: 50px;
    padding-left: 3rem;
    padding-bottom: 3rem;
    position: sticky;
    top: 100px;
    border: 5px solid #f0f4f7;
    border-radius: 10px;
}

.aoyama_menu::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -5px;
    display: inline-block;
    width: 250px;
    height: 5px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #005dbd;
}

.aoyama_menu_navi::before {
    top: 25px;
    left: 250px;
    transform: rotate(45deg) !important;
    border-top: 3px solid #f0f4f7 !important;
    border-right: 3px solid #f0f4f7 !important;
    width: 15px;
    height: 15px;
}

.aoyama_menu_navi {
    font-size: 20px;
    padding: 10px 30px 10px;
    border-left: 3px solid #f0f4f7;
}

.aoyama_menu_navi_2::before {
    top: 40px !important;
}

.anchor-navi__list li:hover .aoyama_menu_navi {
    color: #000 !important;
    text-decoration: none !important;
}

.anchor-navi__link:hover .aoyama_menu_navi::before {
    color: #000 !important;
    text-decoration: none !important;
    border-top: 3px solid #005dbd !important;
    border-right: 3px solid #005dbd !important;
}

.anchor-navi__link:hover .aoyama_menu_navi {
    border-left: 3px solid #005dbd !important;
}

.now_position_menu {
    border-left: 3px solid #005dbd !important;
}

.now_position_menu::before {
    border-top: 3px solid #005dbd !important;
    border-right: 3px solid #005dbd !important;
}


.sp_menu_line {
    left: 9px;
    width: 23px;
    display: block;
    position: absolute;
    border: 1.5px solid #000;
    margin-bottom: 6px;
    z-index: 5;
    transition-property: all;
    transition-duration: .4s;
    transition-timing-function: ease;
}

.sp_menu_line:nth-child(1) {
    top: 5px;
}

.sp_menu_line:nth-child(2) {
    top: 13px;
}

.sp_menu_line:nth-child(3) {
    top: 21px;
}

.sp_menu_div {
    position: absolute;
    right: 0;
}

.sp_menu_text {
    left: 0px;
    top: 18px;
    font-weight: 700;
    position: relative;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    z-index: 5;
}

.close {
    display: none;
}

.sp_menu_active .close {
    display: block;
}

.open {
    display: block;
}

.sp_menu_active .open {
    display: none;
}

.sp_menu {
    padding: 0;
    background-color: #fff;
    border: #fff;
    z-index: 5;
}

.sp_menu_active .sp_menu_line:nth-child(1) {
    transform: translateY(8px) rotate(-45deg);
    left: 4px;
}

.sp_menu_active .sp_menu_line:nth-child(2) {
    opacity: 0;
}

.sp_menu_active .sp_menu_line:nth-child(3) {
    transform: translateY(-8px) rotate(45deg);
    left: 4px;
}

.sp_menu_item {
    top: -9px;
    right: -12px;
    position: absolute;
    width: 300px;
    height: 450px;
    background-color: #f0f4f7;
    border-radius: 15px;
    padding: 35px 25px 10px;
    animation: menu_fadeout .4s;
}

.sp_menu_display_none {
    display: none;
}

.sp_menu_display_block {
    display: block;
}

.sp_item_ul li {
    background-color: #fff;
    padding:12px 8px;
    border-radius: 8px;
    margin: 5px 0 0 !important;
}

.sp_item_ul span {
    width: 100%;
}

.sp_item_ul span::before {
    right: 10px;
}

.sp_menu_item_active {
    animation: menu_fadein .4s;
}


@keyframes menu_fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes menu_fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.overflow_clip {
    overflow: clip !important;
}

@media print,
screen and (min-width: 768px) {
    .home-csr-sec__layout .slick-slide {
        margin-right: 0 !important;
    }
}

.home-main-v2__visual .home-slider__control .home-slider__dots>.slick-dots>li.slick-active>button {
    background-color: #ffc600;
}

.home-csr .home-slider__control .home-slider__dots>.slick-dots>li.slick-active>button {
    background-color: #ffc600;
}


.width_1100px {
    width: 1100px !important;
}

.width_140px {
    width: 140px;
}

.padding_rl_01em {
    padding-right: 0.1em !important;
    padding-left: 0.1em !important;
}

.display_flex {
    display: flex;
}

.color_black {
    color: #000;
}

.font_size_2rem {
    font-size: 2rem;
}

.height_430px {
    height: 430px;
}

.justify_content_center {
    justify-content: center;
}

.marukado_10px {
    border-radius: 10px;
}

.no_line {
    border: none;
}

.webDesk_div {
    border-radius: 0 10px 10px 0;
}
.aoyama_copyright{
    text-align: left;
}

@media only screen and (max-width: 767.89px) {
    .aoyama_main-v2_inner {
        padding: 0 !important;
    }

    .home_banner_img img {
        height: 250px;
        width: 350px;
    }

    .home_banner_img {
        right: -110px;
        top: -20px;
    }

    .banner_main_text {
        font-size: 2.3rem;
        white-space: nowrap;
    }

    .banner_card_img {
        margin: 0;
    }

    .banner_card_size {
        width: 100px;
    }

    .banner_card_size:nth-child(1) {
        margin: 0 1rem 0;
    }

    .home_banner_img02 img {
        height: 250px;
        object-fit: cover;
        object-position: 65% 65%;
    }

    .home_banner_img02 {
        width: 80%;
        height: 250px;
        right: -35px;
        top: -20px;
    }

    .home_banner_img03 img {
        height: 250px;
        object-fit: cover;
        object-position: 100% 100%;
    }

    .home_banner_img03 {
        width: 90%;
        height: 250px;
        right: -50px;
        top: -20px;
    }

    .banner_main_text02 {
        font-size: 2rem;
        white-space: nowrap;
    }

    .home_banner_app {
        width: 220px;
    }

    .home_banner_app div {
        margin-right: 1rem;
    }

    .home_banner_app_web {
        width: 100px;
        display: block;
    }

    .home_banner_app_web div {
        margin-right: 1rem;
    }

    .banner2_text {
        margin-top: 3rem;
    }

    .home_banner_p {
        margin-left: 1rem;
    }

    .sp_mt5rem {
        margin-top: 5rem;
    }

    .sp_banner {
        height: 270px;
        top: -15px;
    }

    .sp_slider__object {
        height: 220px;
    }
    .otoku_text {
        margin-bottom: 8px;
    }
    .web_desk_app {
        display: flex;
    }

    .sp_app_img {
        width: auto;
        height: 180px;
    }

    .sp_onry_flex {
        display: flex;
    }

    .aoyama_accordion {
        min-width: 0 !important;
        width: 100% !important;
    }

    .webDesk_text span {
        font-size: 1.3rem;
        white-space: nowrap;
        border-bottom: 2px dotted #ffc600;
    }

    .webDesk_text li {
        padding-left: 23px;
    }

    .webDesk_text li::before {
        left: 2px;
        width: 20px;
    }

    .sp_web_desk_download {
        width: 100%;
        margin-left: 10px;
        margin-top: 15px;
    }

    .sp_web_desk_download img {
        margin: 5px auto 5px;
        height: 30px;
        display: block;
    }

    .webDesk_life_logo {
        margin-top: 0px;
        margin-left: 21px;
    }

    .webDesk_life_title {
        margin-top: 21px;
        margin-bottom: 5px;
    }

    .sp_pb2rem {
        padding-bottom: 2rem;
    }

    .sp_life_webDesk {
        margin-top: 3rem;
    }

    .sp_body_menu {
        margin: 5rem auto 8rem;
        padding-left: 3rem;
        padding-bottom: 3rem;
        position: relative;
        border: 5px solid #f0f4f7;
        border-radius: 10px;
    }

    .sp_body_menu::before {
        content: '';
        position: absolute;
        left: 50%;
        top: -5px;
        display: inline-block;
        width: 250px;
        height: 5px;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        background-color: #005dbd;
    }
    
    .sp_white_nowrap {
        white-space: nowrap;
    }

    .aoyama_fukidashi {
        width: 115px;
    }

    .aoyama_oshiharai_p {
        font-size: 1.2rem;
        top: 6px;
        text-align: left;
        left: 10px;
    }

    .sp_mr2rem {
        margin-right: 2rem;
    }

    .sp_justify_content_start {
        justify-content: start !important;
    }

    .aoyama_home-csr-sec {
        width: 150px !important;
        min-width: 0 !important;
    }

    .aoyama_oshiharai_img {
        margin-right: 2rem;
    }

    .box_button_img {
        width: 80px;
    }

    .box_button_title {
        font-size: 5vw;
        padding-top: 15px;
        margin-left: 1rem;
    }

    .box_button_title::after {
        height: 10px !important;
        width: 10px !important;
        border-top: 2px solid #005dbd !important;
        border-right: 2px solid #005dbd !important;
    }

    .box_button_img_2 {
        width: 300px !important;
        border-radius: 0;
    }

    .box_button_title_2 {
        font-size: 5vw;
        padding-top: 9%;

    }

    .box_button_title_2::after {
        height: 8px !important;
        width: 8px !important;
        border-top: 2px solid #005dbd !important;
        border-right: 2px solid #005dbd !important;
    }

    .benri_banner {
        height: 180px;
    }

    .sp_justify_content_center {
        justify-content: center;
    }

    .sp_fukidashi_width {
        width: 100%;
    }

    .sp_button_size {
        width: 100%;
        height: 61.79px;
        font-size: 1.6rem !important;
        white-space: nowrap;
    }

    .sp_button_size2 {
        font-size: 1.7rem !important;
        width: 100%;
        white-space: nowrap;
    }

    .sp_benri_banner_img {
        margin: 20px;
        width: 80% !important;
        margin-bottom: 0;
    }

    .benri_banner_text {
        margin: 20px;
        font-size: 1.7rem;
    }

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

    .sp_mt0 {
        margin-top: 0 !important;
    }

    .under_bottun_text {
        text-align: center;
        font-size: 12px;
    }

    .syohyo_text {
        margin-top: 32px;
        font-size: 1.2rem;
    }

    .store_footer img {
        height: 50px;
        display: block;
        margin: 15px auto 0;
    }

    .store_footer {
        width: 100%;
    }

    .sp_footer_download_div {
        width: 100%;
    }

    .sp_footer_download {
        margin: 8rem 0 2.5rem;
    }

    .webDesk_div {
        border-radius: 10px;
    }
    .aoyama_app_box{
        padding-bottom: 2rem;
        width: 105%;
        border-radius: 12px 0 0 12px;
    }
    .aoyama_app_box_body{
        padding-right:6%;
    }
    .aoyama_copyright{
        text-align: center;
    }
    .aoyama_heading3_title::before{
        margin-right: 6px;
    }
    .aoyama_heading3_title_2::before{
        margin-right: 6px;
    }
    .aoyama_heading3_title_2{
        text-indent: -1.3em;
    }
    .aspect_banner_img {
        width: 148.8px !important;
        height: 83.17px !important;
        object-fit: cover;
    }
}

@media only screen and (min-width: 560px)and (max-width: 767.89px) {
    .home_banner_img02 {
        right: -130px;
    }

    .home_banner_img03 {
        right: -150px;
    }
}

@media only screen and (max-width: 355px) {
    .webDesk_text span {
        white-space: normal;
    }

    .sp_white_nowrap {
        white-space: normal;
    }
}

/*margin padding*/
@media only screen and (min-width: 768px) {
    .ml5em{
        margin-left: 5em;
    }
    .m_auto {
        margin: auto !important;
    }

    .mt_auto {
        margin-top: auto !important;
    }

    .mb_auto {
        margin-bottom: auto !important;
    }

    .mr_auto {
        margin-right: auto !important;
    }

    .ml_auto {
        margin-left: auto !important;
    }

    .m0 {
        margin: 0 !important;
    }

    .mt0 {
        margin-top: 0 !important;
    }

    .mb0 {
        margin-bottom: 0 !important;
    }

    .mr0 {
        margin-right: 0 !important;
    }

    .m0 {
        margin-left: 0 !important;
    }

    .m1rem {
        margin: 1rem !important;
    }

    .m2rem {
        margin: 2rem !important;
    }

    .m3rem {
        margin: 3rem !important;
    }

    .m4rem {
        margin: 4rem !important;
    }

    .m5rem {
        margin: 5rem !important;
    }

    .m6rem {
        margin: 6rem !important;
    }

    .m7rem {
        margin: 7rem !important;
    }

    .m8rem {
        margin: 8rem !important;
    }

    .m9rem {
        margin: 9rem !important;
    }

    .m10rem {
        margin: 10rem !important;
    }

    .m11rem {
        margin: 11rem !important;
    }

    .m12rem {
        margin: 12rem !important;
    }

    .m13rem {
        margin: 13rem !important;
    }

    .m14rem {
        margin: 14rem !important;
    }

    .m15rem {
        margin: 15rem !important;
    }

    .m16rem {
        margin: 16rem !important;
    }

    .m17rem {
        margin: 17rem !important;
    }

    .m18rem {
        margin: 18rem !important;
    }

    .m19rem {
        margin: 19rem !important;
    }

    .m20rem {
        margin: 20rem !important;
    }

    .mt1rem {
        margin-top: 1rem !important;
    }

    .mt1rem {
        margin-top: 1rem !important;
    }

    .mt2rem {
        margin-top: 2rem !important;
    }

    .mt3rem {
        margin-top: 3rem !important;
    }

    .mt4rem {
        margin-top: 4rem !important;
    }

    .mt5rem {
        margin-top: 5rem !important;
    }

    .mt6rem {
        margin-top: 6rem !important;
    }

    .mt7rem {
        margin-top: 7rem !important;
    }

    .mt8rem {
        margin-top: 8rem !important;
    }

    .mt9rem {
        margin-top: 9rem !important;
    }

    .mt10rem {
        margin-top: 10rem !important;
    }

    .mt11rem {
        margin-top: 11rem !important;
    }

    .mt12rem {
        margin-top: 12rem !important;
    }

    .mt13rem {
        margin-top: 13rem !important;
    }

    .mt14rem {
        margin-top: 14rem !important;
    }

    .mt15rem {
        margin-top: 15rem !important;
    }

    .mt16rem {
        margin-top: 16rem !important;
    }

    .mt17rem {
        margin-top: 17rem !important;
    }

    .mt18rem {
        margin-top: 18rem !important;
    }

    .mt19rem {
        margin-top: 19rem !important;
    }

    .mt20rem {
        margin-top: 20rem !important;
    }

    .mb1rem {
        margin-bottom: 1rem !important;
    }

    .mb2rem {
        margin-bottom: 2rem !important;
    }

    .mb3rem {
        margin-bottom: 3rem !important;
    }

    .mb4rem {
        margin-bottom: 4rem !important;
    }

    .mb5rem {
        margin-bottom: 5rem !important;
    }

    .mb6rem {
        margin-bottom: 6rem !important;
    }

    .mb7rem {
        margin-bottom: 7rem !important;
    }

    .mb8rem {
        margin-bottom: 8rem !important;
    }

    .mb9rem {
        margin-bottom: 9rem !important;
    }

    .mb10rem {
        margin-bottom: 10rem !important;
    }

    .mb11rem {
        margin-bottom: 11rem !important;
    }

    .mb12rem {
        margin-bottom: 12rem !important;
    }

    .mb13rem {
        margin-bottom: 13rem !important;
    }

    .mb14rem {
        margin-bottom: 14rem !important;
    }

    .mb15rem {
        margin-bottom: 15rem !important;
    }

    .mb16rem {
        margin-bottom: 16rem !important;
    }

    .mb17rem {
        margin-bottom: 17rem !important;
    }

    .mb18rem {
        margin-bottom: 18rem !important;
    }

    .mb19rem {
        margin-bottom: 19rem !important;
    }

    .mb20rem {
        margin-bottom: 20rem !important;
    }

    .mr1rem {
        margin-right: 1rem !important;
    }

    .mr2rem {
        margin-right: 2rem !important;
    }

    .mr3rem {
        margin-right: 3rem !important;
    }

    .mr4rem {
        margin-right: 4rem !important;
    }

    .mr5rem {
        margin-right: 5rem !important;
    }

    .mr6rem {
        margin-right: 6rem !important;
    }

    .mr7rem {
        margin-right: 7rem !important;
    }

    .mr8rem {
        margin-right: 8rem !important;
    }

    .mr9rem {
        margin-right: 9rem !important;
    }

    .mr10rem {
        margin-right: 10rem !important;
    }

    .mr11rem {
        margin-right: 11rem !important;
    }

    .mr12rem {
        margin-right: 12rem !important;
    }

    .mr13rem {
        margin-right: 13rem !important;
    }

    .mr14rem {
        margin-right: 14rem !important;
    }

    .mr15rem {
        margin-right: 15rem !important;
    }

    .mr16rem {
        margin-right: 16rem !important;
    }

    .mr17rem {
        margin-right: 17rem !important;
    }

    .mr18rem {
        margin-right: 18rem !important;
    }

    .mr19rem {
        margin-right: 19rem !important;
    }

    .mr20rem {
        margin-right: 20rem !important;
    }

    .ml1rem {
        margin-left: 1rem !important;
    }

    .ml2rem {
        margin-left: 2rem !important;
    }

    .ml3rem {
        margin-left: 3rem !important;
    }

    .ml4rem {
        margin-left: 4rem !important;
    }

    .ml5rem {
        margin-left: 5rem !important;
    }

    .ml6rem {
        margin-left: 6rem !important;
    }

    .ml7rem {
        margin-left: 7rem !important;
    }

    .ml8rem {
        margin-left: 8rem !important;
    }

    .ml9rem {
        margin-left: 9rem !important;
    }

    .ml10rem {
        margin-left: 10rem !important;
    }

    .ml11rem {
        margin-left: 11rem !important;
    }

    .ml12rem {
        margin-left: 12rem !important;
    }

    .ml13rem {
        margin-left: 13rem !important;
    }

    .ml14rem {
        margin-left: 14rem !important;
    }

    .ml15rem {
        margin-left: 15rem !important;
    }

    .ml16rem {
        margin-left: 16rem !important;
    }

    .ml17rem {
        margin-left: 17rem !important;
    }

    .ml18rem {
        margin-left: 18rem !important;
    }

    .ml19rem {
        margin-left: 19rem !important;
    }

    .ml20rem {
        margin-left: 20rem !important;
    }

    .p0 {
        padding: 0 !important;
    }

    .pt0 {
        padding-top: 0 !important;
    }

    .pb0 {
        padding-bottom: 0 !important;
    }

    .pr0 {
        padding-right: 0 !important;
    }

    .p0 {
        padding-left: 0 !important;
    }

    .p1rem {
        padding: 1rem !important;
    }

    .p2rem {
        padding: 2rem !important;
    }

    .p3rem {
        padding: 3rem !important;
    }

    .p4rem {
        padding: 4rem !important;
    }

    .p5rem {
        padding: 5rem !important;
    }

    .p6rem {
        padding: 6rem !important;
    }

    .p7rem {
        padding: 7rem !important;
    }

    .p8rem {
        padding: 8rem !important;
    }

    .p9rem {
        padding: 9rem !important;
    }

    .p10rem {
        padding: 10rem !important;
    }

    .p11rem {
        padding: 11rem !important;
    }

    .p12rem {
        padding: 12rem !important;
    }

    .p13rem {
        padding: 13rem !important;
    }

    .p14rem {
        padding: 14rem !important;
    }

    .p15rem {
        padding: 15rem !important;
    }

    .p16rem {
        padding: 16rem !important;
    }

    .p17rem {
        padding: 17rem !important;
    }

    .p18rem {
        padding: 18rem !important;
    }

    .p19rem {
        padding: 19rem !important;
    }

    .p20rem {
        padding: 20rem !important;
    }

    .pt1rem {
        padding-top: 1rem !important;
    }

    .pt1rem {
        padding-top: 1rem !important;
    }

    .pt2rem {
        padding-top: 2rem !important;
    }

    .pt3rem {
        padding-top: 3rem !important;
    }

    .pt4rem {
        padding-top: 4rem !important;
    }

    .pt5rem {
        padding-top: 5rem !important;
    }

    .pt6rem {
        padding-top: 6rem !important;
    }

    .pt7rem {
        padding-top: 7rem !important;
    }

    .pt8rem {
        padding-top: 8rem !important;
    }

    .pt9rem {
        padding-top: 9rem !important;
    }

    .pt10rem {
        padding-top: 10rem !important;
    }

    .pt11rem {
        padding-top: 11rem !important;
    }

    .pt12rem {
        padding-top: 12rem !important;
    }

    .pt13rem {
        padding-top: 13rem !important;
    }

    .pt14rem {
        padding-top: 14rem !important;
    }

    .pt15rem {
        padding-top: 15rem !important;
    }

    .pt16rem {
        padding-top: 16rem !important;
    }

    .pt17rem {
        padding-top: 17rem !important;
    }

    .pt18rem {
        padding-top: 18rem !important;
    }

    .pt19rem {
        padding-top: 19rem !important;
    }

    .pt20rem {
        padding-top: 20rem !important;
    }

    .pb1rem {
        padding-bottom: 1rem !important;
    }

    .pb2rem {
        padding-bottom: 2rem !important;
    }

    .pb3rem {
        padding-bottom: 3rem !important;
    }

    .pb4rem {
        padding-bottom: 4rem !important;
    }

    .pb5rem {
        padding-bottom: 5rem !important;
    }

    .pb6rem {
        padding-bottom: 6rem !important;
    }

    .pb7rem {
        padding-bottom: 7rem !important;
    }

    .pb8rem {
        padding-bottom: 8rem !important;
    }

    .pb9rem {
        padding-bottom: 9rem !important;
    }

    .pb10rem {
        padding-bottom: 10rem !important;
    }

    .pb11rem {
        padding-bottom: 11rem !important;
    }

    .pb12rem {
        padding-bottom: 12rem !important;
    }

    .pb13rem {
        padding-bottom: 13rem !important;
    }

    .pb14rem {
        padding-bottom: 14rem !important;
    }

    .pb15rem {
        padding-bottom: 15rem !important;
    }

    .pb16rem {
        padding-bottom: 16rem !important;
    }

    .pb17rem {
        padding-bottom: 17rem !important;
    }

    .pb18rem {
        padding-bottom: 18rem !important;
    }

    .pb19rem {
        padding-bottom: 19rem !important;
    }

    .pb20rem {
        padding-bottom: 20rem !important;
    }

    .pr1rem {
        padding-right: 1rem !important;
    }

    .pr2rem {
        padding-right: 2rem !important;
    }

    .pr3rem {
        padding-right: 3rem !important;
    }

    .pr4rem {
        padding-right: 4rem !important;
    }

    .pr5rem {
        padding-right: 5rem !important;
    }

    .pr6rem {
        padding-right: 6rem !important;
    }

    .pr7rem {
        padding-right: 7rem !important;
    }

    .pr8rem {
        padding-right: 8rem !important;
    }

    .pr9rem {
        padding-right: 9rem !important;
    }

    .pr10rem {
        padding-right: 10rem !important;
    }

    .pr11rem {
        padding-right: 11rem !important;
    }

    .pr12rem {
        padding-right: 12rem !important;
    }

    .pr13rem {
        padding-right: 13rem !important;
    }

    .pr14rem {
        padding-right: 14rem !important;
    }

    .pr15rem {
        padding-right: 15rem !important;
    }

    .pr16rem {
        padding-right: 16rem !important;
    }

    .pr17rem {
        padding-right: 17rem !important;
    }

    .pr18rem {
        padding-right: 18rem !important;
    }

    .pr19rem {
        padding-right: 19rem !important;
    }

    .pr20rem {
        padding-right: 20rem !important;
    }

    .pl1rem {
        padding-left: 1rem !important;
    }

    .pl2rem {
        padding-left: 2rem !important;
    }

    .pl3rem {
        padding-left: 3rem !important;
    }

    .pl4rem {
        padding-left: 4rem !important;
    }

    .pl5rem {
        padding-left: 5rem !important;
    }

    .pl6rem {
        padding-left: 6rem !important;
    }

    .pl7rem {
        padding-left: 7rem !important;
    }

    .pl8rem {
        padding-left: 8rem !important;
    }

    .pl9rem {
        padding-left: 9rem !important;
    }

    .pl10rem {
        padding-left: 10rem !important;
    }

    .pl11rem {
        padding-left: 11rem !important;
    }

    .pl12rem {
        padding-left: 12rem !important;
    }

    .pl13rem {
        padding-left: 13rem !important;
    }

    .pl14rem {
        padding-left: 14rem !important;
    }

    .pl15rem {
        padding-left: 15rem !important;
    }

    .pl16rem {
        padding-left: 16rem !important;
    }

    .pl17rem {
        padding-left: 17rem !important;
    }

    .pl18rem {
        padding-left: 18rem !important;
    }

    .pl19rem {
        padding-left: 19rem !important;
    }

    .pl20rem {
        padding-left: 20rem !important;
    }
}