/*************************************************
CSS
/cmn_v1/css/option.css

14.10.01
update:15.04.15
*************************************************/

/* ------------------------- TOC
Almighty
 - Display
 - Float
 - Width
 - Margin
 - Padding
 - Text-align
 - Vertical-align
 - Background Color
 - Border
 - Font

Media Queries
 - Display
 - Float
 - Width
 - Padding
-------------------------- */

/* ============================================================ Almighty */
/* ============================== Display */
.dsp_b {
    display: block !important;
}
.dsp_l {
    display: inline !important;
}
.dsp_lb {
    display: inline-block !important;
}
.dsp_n {
    display: none !important;
}

/* ============================== Float */
.fl_l {
    float: left !important;
}
.fl_r {
    float: right !important;
}
.fl_n {
    float: none !important;
}

/* ============================== Width */
.w100p {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w80p {
    width: 80% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w70p {
    width: 70% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w60p {
    width: 60% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w50p {
    width: 50% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w40p {
    width: 40% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w30p {
    width: 30% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w25p {
    width: 25% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.w80 {
    width: 80px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w120 {
    width: 120px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w160 {
    width: 160px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w200 {
    width: 200px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w240 {
    width: 240px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w256 {
    width: 256px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w280 {
    width: 280px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w320 {
    width: 320px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w400 {
    width: 400px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w480 {
    width: 480px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.w512 {
    width: 512px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mw80 {
    max-width: 80px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw120 {
    max-width: 120px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw160 {
    max-width: 160px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw200 {
    max-width: 200px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw240 {
    max-width: 240px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw256 {
    max-width: 256px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw280 {
    max-width: 280px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw320 {
    max-width: 320px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw400 {
    max-width: 400px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw480 {
    max-width: 480px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mw512 {
    max-width: 512px !important;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ============================== Margin */
.mg0 {
    margin: 0 !important;
}
.mg8 {
    margin: 8px !important;
}
.mg16 {
    margin: 16px !important;
}
.mg24 {
    margin: 24px !important;
}
.mg32 {
    margin: 32px !important;
}
.mg40 {
    margin: 40px !important;
}
.mg48 {
    margin: 48px !important;
}
.mg56 {
    margin: 56px !important;
}
.mg64 {
    margin: 64px !important;
}
.mg72 {
    margin: 72px !important;
}
.mg80 {
    margin: 80px !important;
}

.mg0at {
    margin: 0 auto 0 auto !important;
}

.mt0 {
    margin-top: 0 !important;
}
.mt8 {
    margin-top: 8px !important;
}
.mt16 {
    margin-top: 16px !important;
}
.mt24 {
    margin-top: 24px !important;
}
.mt32 {
    margin-top: 32px !important;
}
.mt40 {
    margin-top: 40px !important;
}
.mt48 {
    margin-top: 48px !important;
}
.mt56 {
    margin-top: 56px !important;
}
.mt64 {
    margin-top: 64px !important;
}
.mt72 {
    margin-top: 72px !important;
}
.mt80 {
    margin-top: 80px !important;
}

.ml0 {
    margin-left: 0 !important;
}
.ml8 {
    margin-left: 8px !important;
}
.ml16 {
    margin-left: 16px !important;
}
.ml24 {
    margin-left: 24px !important;
}
.ml32 {
    margin-left: 32px !important;
}
.ml40 {
    margin-left: 40px !important;
}
.ml48 {
    margin-left: 48px !important;
}
.ml56 {
    margin-left: 56px !important;
}
.ml64 {
    margin-left: 64px !important;
}
.ml72 {
    margin-left: 72px !important;
}
.ml80 {
    margin-left: 80px !important;
}

.mr0 {
    margin-right: 0 !important;
}
.mr8 {
    margin-right: 8px !important;
}
.mr16 {
    margin-right: 16px !important;
}
.mr24 {
    margin-right: 24px !important;
}
.mr32 {
    margin-right: 32px !important;
}
.mr40 {
    margin-right: 40px !important;
}
.mr48 {
    margin-right: 48px !important;
}
.mr56 {
    margin-right: 56px !important;
}
.mr64 {
    margin-right: 64px !important;
}
.mr72 {
    margin-right: 72px !important;
}
.mr80 {
    margin-right: 80px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}
.mb8 {
    margin-bottom: 8px !important;
}
.mb16 {
    margin-bottom: 16px !important;
}
.mb24 {
    margin-bottom: 24px !important;
}
.mb32 {
    margin-bottom: 32px !important;
}
.mb40 {
    margin-bottom: 40px !important;
}
.mb48 {
    margin-bottom: 48px !important;
}
.mb56 {
    margin-bottom: 56px !important;
}
.mb64 {
    margin-bottom: 64px !important;
}
.mb72 {
    margin-bottom: 72px !important;
}
.mb80 {
    margin-bottom: 80px !important;
}

/* ============================== Padding */
.pd0 {
    padding: 0 !important;
}
.pd8 {
    padding: 8px !important;
}
.pd16 {
    padding: 16px !important;
}
.pd24 {
    padding: 24px !important;
}
.pd32 {
    padding: 32px !important;
}
.pd40 {
    padding: 40px !important;
}
.pd48 {
    padding: 48px !important;
}
.pd56 {
    padding: 56px !important;
}
.pd64 {
    padding: 64px !important;
}
.pd72 {
    padding: 72px !important;
}
.pd80 {
    padding: 80px !important;
}

.pt0 {
    padding-top: 0 !important;
}
.pt8 {
    padding-top: 8px !important;
}
.pt16 {
    padding-top: 16px !important;
}
.pt24 {
    padding-top: 24px !important;
}
.pt32 {
    padding-top: 32px !important;
}
.pt40 {
    padding-top: 40px !important;
}
.pt48 {
    padding-top: 48px !important;
}
.pt56 {
    padding-top: 56px !important;
}
.pt64 {
    padding-top: 64px !important;
}
.pt72 {
    padding-top: 72px !important;
}
.pt80 {
    padding-top: 80px !important;
}

.pl0 {
    padding-left: 0 !important;
}
.pl8 {
    padding-left: 8px !important;
}
.pl16 {
    padding-left: 16px !important;
}
.pl24 {
    padding-left: 24px !important;
}
.pl32 {
    padding-left: 32px !important;
}
.pl40 {
    padding-left: 40px !important;
}
.pl48 {
    padding-left: 48px !important;
}
.pl56 {
    padding-left: 56px !important;
}
.pl64 {
    padding-left: 64px !important;
}
.pl72 {
    padding-left: 72px !important;
}
.pl80 {
    padding-left: 80px !important;
}

.pr0 {
    padding-right: 0 !important;
}
.pr8 {
    padding-right: 8px !important;
}
.pr16 {
    padding-right: 16px !important;
}
.pr24 {
    padding-right: 24px !important;
}
.pr32 {
    padding-right: 32px !important;
}
.pr40 {
    padding-right: 40px !important;
}
.pr48 {
    padding-right: 48px !important;
}
.pr56 {
    padding-right: 56px !important;
}
.pr64 {
    padding-right: 64px !important;
}
.pr72 {
    padding-right: 72px !important;
}
.pr80 {
    padding-right: 80px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}
.pb8 {
    padding-bottom: 8px !important;
}
.pb16 {
    padding-bottom: 16px !important;
}
.pb24 {
    padding-bottom: 24px !important;
}
.pb32 {
    padding-bottom: 32px !important;
}
.pb40 {
    padding-bottom: 40px !important;
}
.pb48 {
    padding-bottom: 48px !important;
}
.pb56 {
    padding-bottom: 56px !important;
}
.pb64 {
    padding-bottom: 64px !important;
}
.pb72 {
    padding-bottom: 72px !important;
}
.pb80 {
    padding-bottom: 80px !important;
}

.pdlr8 {
    padding-left: 8px;
    padding-right: 8px;
}

/* ============================== Text-align */
.al_l {
    text-align: left !important;
}
.al_r {
    text-align: right !important;
}
.al_c {
    text-align: center !important;
}

/* ============================== Vertical-align */
.val_t {
    vertical-align: top !important;
}
.val_m {
    vertical-align: middle !important;
}
.val_b {
    vertical-align: bottom !important;
}

/* ============================== Background Color */
.bg_ee9 {
    background-color: #ee9193 !important;
}
.bg_f8b {
    background-color: #f8bf56 !important;
}
.bg_b7d {
    background-color: #b7d24e !important;
}
.bg_4bb {
    background-color: #4bbdcd !important;
}
.bg_74b {
    background-color: #74bde7 !important;
}
.bg_e36 {
    background-color: #e36d76 !important;
}
.bg_c5a {
    background-color: #c5a983 !important;
}
.bg_759 {
    background-color: #759b6b !important;
}
.bg_389 {
    background-color: #38958e !important;
}
.bg_4e9 {
    background-color: #4e92ab !important;
}

.bg_00 {
    background-color: #000000 !important;
}
.bg_33 {
    background-color: #333333 !important;
}
.bg_66 {
    background-color: #666666 !important;
}
.bg_99 {
    background-color: #999999 !important;
}
.bg_c9 {
    background-color: #c9c9c9 !important;
}
.bg_de {
    background-color: #dedede !important;
}
.bg_f3 {
    background-color: #f3f3f3 !important;
}
.bg_ff {
    background-color: #ffffff !important;
}

/* ============================== Border */
.bd1_4a {
    border: 1px solid #4a4a4a !important;
}

/* none */
.bd_n {
    border: none !important;
}
.bdt_n {
    border-top: none !important;
}
.bdl_n {
    border-left: none !important;
}
.bdr_n {
    border-right: none !important;
}
.bdb_n {
    border-bottom: none !important;
}

/* radius */
.bdr4 {
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
}
.bdr8 {
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}

/* ============================== Font */
/* size */
.fs10 {
    font-size: 10px !important;
}
.fs12 {
    font-size: 12px !important;
}
.fs14 {
    font-size: 14px !important;
}
.fs16 {
    font-size: 16px !important;
}
.fs18 {
    font-size: 18px !important;
}
.fs20 {
    font-size: 20px !important;
}
.fs22 {
    font-size: 22px !important;
}
.fs24 {
    font-size: 24px !important;
}
.fs26 {
    font-size: 26px !important;
}
.fs28 {
    font-size: 28px !important;
}
.fs30 {
    font-size: 30px !important;
}
.fs32 {
    font-size: 32px !important;
}
.fs34 {
    font-size: 34px !important;
}
.fs36 {
    font-size: 36px !important;
}
.fs38 {
    font-size: 38px !important;
}
.fs40 {
    font-size: 40px !important;
}

.fs_xs {
    font-size: 60% !important;
}
.fs_s {
    font-size: 80% !important;
}
.fs_l {
    font-size: 120% !important;
}
.fs_xl {
    font-size: 140% !important;
}

/* color */
.fc_cf1 {
    color: #cf142b !important;
}
.fc_717 {
    color: #717171 !important;
}

.fc_ee9 {
    color: #ee9193 !important;
}
.fc_f8b {
    color: #f8bf56 !important;
}
.fc_b7d {
    color: #b7d24e !important;
}
.fc_4bb {
    color: #4bbdcd !important;
}
.fc_74b {
    color: #74bde7 !important;
}
.fc_e36 {
    color: #e36d76 !important;
}
.fc_c5a {
    color: #c5a983 !important;
}
.fc_759 {
    color: #759b6b !important;
}
.fc_389 {
    color: #38958e !important;
}
.fc_4e9 {
    color: #4e92ab !important;
}

.fc_ed1 {
    color: #ed171f !important;
}

.fc_00 {
    color: #000000 !important;
}
.fc_33 {
    color: #333333 !important;
}
.fc_66 {
    color: #666666 !important;
}
.fc_99 {
    color: #999999 !important;
}
.fc_c9 {
    color: #c9c9c9 !important;
}
.fc_de {
    color: #dedede !important;
}
.fc_f3 {
    color: #f3f3f3 !important;
}
.fc_ff {
    color: #ffffff !important;
}

/* decoration */
.txt_dc_u {
    text-decoration: underline !important;
}
a.txt_dc_u:hover {
    text-decoration: underline !important;
}

/* word-break */
.wb_nml {
    word-break: normal !important;
}
.wb_ball {
    word-break: break-all !important;
}

body {
    font-family:
        'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic ProN',
        'ヒラギノ角ゴ', Meiryo, 'メイリオ', 'MS PGothic', 'ＭＳ Ｐゴシック',
        sans-serif;
}

.brand-logo-wrap {
    float: left;
    font-size: 16px;
}
@media screen and (min-width: 768px) {
    .brand-logo-wrap {
        float: none;
    }
}

.brand-logo {
    width: 189px;
    max-width: 100%;
    height: auto;
}

.site-header {
    background: #edf2ef;
    position: absolute;
    width: 100%;
    z-index: 100;
    padding: 15px 25px;
    box-sizing: border-box;
    font-size: 13.333vw;
}

@media screen and (min-width: 768px) {
    .site-header {
        font-size: 16px;
    }
}

.site-header .brand-logo {
    margin-top: 9px;
}

a.btn-try {
    background: #fb494e;
    color: #fff;
    font-size: 0.27em;
    line-height: 1.318;
    display: block;
    float: right;
    text-align: center;
    border-radius: 0.445em 0 0 0.445em;
    letter-spacing: 0.06em;
    font-weight: bold;
    margin: -15px -25px 10px 0;
    padding: 0 3%;
}

#contact a.btn-try {
    font-size: 0.9em;
}

a.btn-try:visited,
a.btn-try:link {
    color: #fff;
}

a.btn-try .box-txt {
    padding: 3%;
    display: inline-block;
    line-height: 1.5em;
}
a.btn-try .txt-try {
    font-size: 0.681em;
    line-height: 1.453;
    display: block;
    text-align: center;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 500;
    backface-visibility: hidden;
}

@media screen and (min-width: 768px) {
    a.btn-try {
        padding: 0 30px;
        font-size: 1.375em;
        border-radius: 0 0 10px 10px;
        height: 75px;
        transition: background 200ms ease-out;
        margin: -15px 0 0 0;
    }

    a.btn-try:hover {
        background: #e14246;
    }

    a.btn-try .box-txt {
        padding: 7.9% 0 0;
    }
    a.btn-try .txt-try {
        padding: 0.9% 0 0 2%;
        font-size: 0.546em;
    }
}

.site-footer {
    background: #414141;
    padding: 20px 25px;
}

@media screen and (max-width: 767px) {
    .site-footer {
        padding-bottom: 20vw;
    }
}

.site-footer .brand-logo {
    vertical-align: bottom;
}

.copyright {
    float: right;
    color: #fff;
    line-height: 24px;
}

#ricoh-logo {
    float: right;
    background: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 10px 0 0 10px;
    border-width: 1px 0 1px 1px;
    padding: 10px 25px;
    display: flex;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    #ricoh-logo {
        margin-top: 20px;
    }
}

@media screen and (max-width: 350px) {
    #ricoh-logo {
        float: none;
        border-radius: 0;
        border-width: 1px 0;
    }
}
#ricoh-logo img {
    width: 125px !important;
    align-self: center;
    flex: 0 0 auto;
    margin-right: 20px;
}
#ricoh-logo p {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    flex: 0 0 auto;
}
.mv_inner {
    clear: both;
}

@media screen and (min-width: 768px) {
    .site-header {
        position: fixed;
        padding: 15px 30px;
    }

    .site-header .brand-logo {
        margin-top: 5px;
    }

    .site-footer {
        padding: 30px;
    }
}

@media screen and (max-width: 600px) {
    .copyright {
        font-size: 12px;
    }
}

.secondary-btns {
    clear: both;
    display: flex;
    margin-top: 15px;
}

@media screen and (min-width: 768px) {
    .secondary-btns {
        clear: none;
        float: right;
        margin-top: 0;
    }
}

.btn-contact {
    background: #fff;
    border: solid 0.143em rgba(0, 0, 0, 0.1);
    font-size: 0.2em;
    line-height: 1.2;
    vertical-align: top;
    text-align: center;
    box-sizing: border-box;
    border-radius: 0.429em;
    letter-spacing: 0.03em;
    white-space: nowrap;
    font-weight: bold;
    margin-right: 15px;
    padding: 5px 10px;
    flex: auto;
}

.btn-contact:last-of-type {
    margin-right: 0;
}

@media screen and (min-width: 768px) {
    .btn-contact {
        font-size: 1em;
        line-height: 1.4;
        display: inline-flex;
        letter-spacing: 0.1em;
        text-indent: 0.1em;
        transition: border-color 200ms ease-out;
        border-width: 3px;
    }

    .btn-contact:last-of-type {
        margin-right: 15px;
    }

    .for-sp {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .btn-comp01 {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #e94c4c;
        color: #ffffff !important;
        text-align: center;
        font-weight: 500;
        font-size: 0.42em;
        padding: 0.9%;
        border-radius: 7px;
    }
    .btn-comp01 img {
        width: 0.86em !important;
        margin-left: 1.3%;
    }

    .sticky-footer {
        background-color: #edffef;
        padding: 0.385em 0.83em 0.44em;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 999;
        text-align: center;
    }
}

@media screen and (max-width: 767px) and (min-width: 550px) {
    .sticky-footer {
        font-size: 0.8em;
    }
}

/* Update SP header .site-header-change-sp */
@media screen and (min-width: 768px) {
    .only-sp {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .only-pc {
        display: none !important;
    }

    .site-header-change-sp {
        background: #e1ece7;
        padding: 0 2.5vw;
        position: static;
    }

    .site-header-change-sp .brand-logo-wrap {
        -ms-flex-align: start;
        align-items: flex-start;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 20px 0;
        padding-right: 0;
    }

    .site-header-change-sp .brand-logo-desc {
        color: #4e8064;
        font-size: 12px;
        left: 5px;
        line-height: 20px;
        position: relative;
        top: -2px;
    }

    .site-header-change-sp a.btn-try {
        background-color: #e94c4b;
        border-radius: 6px;
        box-shadow: 0 4px 0 rgba(144, 144, 144, 0.2);
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 1.25;
        margin: 20px 0;
        padding: 0.2rem 1.2rem;
        text-align: center;
        transition: 0.3s opacity;
        white-space: nowrap;
    }

    .site-header-change-sp .secondary-btns-catch {
        margin-left: -2.5vw;
        margin-right: -2.5vw;
    }

    .site-header-change-sp .btn-contact {
        border: 0;
        border-bottom: 1px solid #3ea966;
        border-radius: 0;
        border-top: 1px solid #3ea966;
        color: #3ea966;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 0;
        margin: 0;
        padding: 10px 0;
        transition: 0.3s opacity;
    }

    .site-header-change-sp .btn-contact-dl {
        background-color: #3ea966;
        color: #ffffff;
    }

    .site-header-change-sp a.btn-try:hover,
    .site-header-change-sp a.btn-try:active,
    .site-header-change-sp .btn-contact:hover,
    .site-header-change-sp .btn-contact:active {
        opacity: 0.8;
    }
}

@media screen and (max-width: 374px) {
    .site-header-change-sp a.btn-try {
        font-size: 12px;
        padding: 0.5rem;
    }

    .site-header-change-sp .btn-contact {
        font-size: 12px;
        letter-spacing: -0.03rem;
    }
}

/* Adjusted View on Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .btn-contact,
    .btn-contact:last-of-type {
        font-size: 0.8em;
        margin-right: 8px;
        letter-spacing: 0;
    }
    a.btn-try {
        padding: 0 15px;
        letter-spacing: 0;
    }
}

/* features cta */
.features-cta {
    background: url(../../img/features/cta-bg.png) no-repeat center center /
        cover;
    font-size: 16px;
    line-height: 1.5;
}
.features-cta .container {
    margin: 0 auto;
    max-width: 900px;
    width: 90%;
}
.features-cta .button {
    background: #fff;
    border: solid 2px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    box-sizing: border-box;
    color: #4e8064;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    min-width: 360px;
    padding: 16px 24px;
    transition: 0.3s all;
}
.features-cta .button:hover {
    opacity: 0.6;
}
.features-cta-inner {
    align-items: center;
    display: flex;
    gap: 32px;
    justify-content: center;
    margin: 0 auto;
    padding: 64px 0;
    text-align: center;
}
.features-cta-figure {
    flex-shrink: 0;
}
.features-cta-heading {
    color: #3ea966;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 24px;
}
.features-cta-heading span {
    display: block;
    font-size: 24px;
    font-weight: normal;
}
#wrapper .features-cta-img {
    display: inline-block;
    vertical-align: bottom;
}
#wrapper .features-cta-primary .features-cta-img {
    width: 398px;
}
#wrapper .features-cta-secondary .features-cta-img {
    width: 268px;
}
@media screen and (max-width: 1279px) {
    .features-cta-heading {
        font-size: 32px;
    }
}
@media screen and (max-width: 991px) {
    .features-cta .button {
        font-size: 18px;
        min-width: 330px;
    }
    #wrapper .features-cta-primary .features-cta-img {
        width: 280px;
    }
    #wrapper .features-cta-secondary .features-cta-img {
        width: 192px;
    }
}
@media screen and (max-width: 767px) {
    .features-cta .button {
        min-width: auto;
        width: 100%;
    }
    .features-cta-inner {
        flex-wrap: wrap;
        gap: 16px;
    }
    .features-cta-figure {
        width: 100%;
    }
    .features-cta {
        background-position: left bottom;
    }
}
@media screen and (max-width: 374px) {
    .features-cta-heading {
        font-size: 28px;
    }
    .features-cta .button {
        font-size: 16px;
        padding: 16px;
    }
}

/* revision-notice */
#wrapper .revision-notice {
    display: flex;
    font-size: 18px;
    font-weight: normal;
    gap: 16px;
    justify-content: center;
    margin: 32px 0 16px;
}
#wrapper .revision-notice-icon {
    flex-shrink: 0;
    line-height: 24px;
}
#wrapper .revision-notice-icon .revision-notice-img {
    display: inline;
    vertical-align: middle;
    width: 24px;
}
#wrapper .revision-notice .revision-notice-body {
    font-size: 18px;
    margin: 0;
    text-align: left;
}
#wrapper .revision-notice a.blank-link {
    color: #3ea966;
    font-weight: bold;
}
#wrapper .revision-notice a.blank-link:hover,
#wrapper .revision-notice a.blank-link:active {
    color: #2f3e36;
}
@media screen and (max-width: 991px) {
    #wrapper .revision-notice .revision-notice-body {
        font-size: 16px;
    }
    #wrapper .revision-notice br {
        display: none;
    }
}