@charset "UTF-8";
/* common
-----------------------------------------------------------*/
main {
    width: 100%;
    margin: 0 auto;
}

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

main img {
    vertical-align: bottom;
}

main i {
    display: inline-block;
    font-style: normal;
    transform: scaleX(-1);
}

main .-hide {
    display: none;
}

main a:hover{
    opacity: 0.6;
}

.cmn_title {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    color: #FFFFFF;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    height: 150px;
    background-color: #777DFF;
}

.cmn_title small {
    font-size: 14px;
    width: 100%;
    margin-top: 10px;
}

.cmn_note li {
    color: #fff;
    font-size: 14px;
    line-height: calc(21/14);
    text-indent: -1em;
    padding-left: 1em;
}

.cmn_note li::before {
    content: "※";
}

.camp260907 .purchaseExample_item .-value {
    font-family: Arial, sans-serif;
    letter-spacing: -0.02em;
}

/* ---- 全体 ---- */
.camp261002 {
    font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #333;
}

.camp261002 img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}

.camp261002 .inner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.camp261002 .cmn_note {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    line-height: 1.6;
    color: #555;
}

.camp261002 .cmn_note li {
    padding-left: 1em;
    text-indent: -1em;
}

.camp261002 .sec {
    padding: 60px 0;
}

.camp261002 > section {
    width: 1300px;
    margin: 0 auto;
}

/* テーマカラー */
/* シアン: #17c3d6 / 濃紺: #004856 / イエロー: #FFFF00 / オレンジ: #f08322 */

/* ---- メインビジュアル ---- */
.camp261002 .mv {
    background: #26d2df url(/v2/img/camp/261002/pc/mv_bg.png) top center no-repeat;
    position: relative;
}


.camp261002 .mv h1 {
    background: url(/v2/img/camp/261002/pc/mv_bg.png) top center no-repeat;
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

img.mv_day {
    position: absolute;
    top: 20px;
    right: 20px;
}

.camp261002 .mv h1 a {
    position: absolute;
    inset: 0;
    display: block;
}

.camp261002 .mv .cmn_note {
    max-width: 1000px;
    color: #000;
    margin: 0 auto;
    padding: 10px 20px;
}

.camp261002 .mv .cmn_note li{
    color: #000;
}

/* ---- ナビゲーション ---- */
.camp261002 .camp_nav {
    background: #faf3cc;
    padding: 50px 0 60px;
}

.camp261002 .camp_nav ol {
    max-width: 700px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.camp261002 .camp_nav li {
    margin-bottom: 14px;
}

.camp261002 .camp_nav a {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #f08322;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 16px 24px;
    border-radius: 6px;
    text-decoration: none;
    box-shadow: 0 3px 0 rgba(0,0,0,.15);
    position: relative;
}

.camp261002 .camp_nav a .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #fff;
    color: #f08322;
    border-radius: 4px;
    font-size: 16px;
}

/* ナビ内に h2 を入れても既存ボタン(②③④)と見た目を揃える */
.camp261002 .camp_nav a h2 {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: inherit;
    font-weight: bold;
    line-height: inherit;
}

.camp261002 .camp_nav a::after {
    content: "▼";
    position: absolute;
    right: 24px;
    font-size: 14px;
}

/* ---- キャンペーン開催中 ---- */
.camp261002 .cp_hold {
    background: #ffe36b;
    text-align: center;
}

.camp261002 .cp_hold .cp_hold_head {
    background: #004856;
    color: #fff;
    padding: 40px 20px;
    margin: 0;
    position: relative;
}

.camp261002 .cp_hold .cp_hold_head::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    right: 0;
    height: 40px;
    width: 100%;
    background: #004856;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.camp261002 .cp_hold .cp_hold_tags {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.camp261002 .cp_hold .cp_hold_tags span {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #fff;
    color: #004856;
    padding: 6px 20px;
    font-size: 38px;
    font-weight: bold;
    transform: skewX(-10deg);
}

.camp261002 .cp_hold .cp_hold_head .lead {
    font-size: 54px;
    font-weight: bold;
}

.camp261002 .cp_hold .cp_hold_body {
    background: url("/v2/img/camp/261002/pc/sec1_bg.png");
    padding: 50px 20px 40px;
}

.camp261002 .cp_hold .cp_hold_body h2 {
    font-size: 80px;
    font-weight: bold;
    color: #004856;
    margin: 40px 0 24px;
    line-height: 1.3;
}

.camp261002 .cp_hold .cp_hold_body p {
    font-size: 26px;
    font-weight: bold;
    color: #004856;
    line-height: 1.6;
    margin: 0 0 30px;
}

/* ---- 1点から10%UP ---- */
.camp261002 .cp_point {
    background: url("/v2/img/camp/261002/pc/sec2_bg.png");
    text-align: center;
    padding: 60px 20px;
}

.camp261002 .cp_point h2 {
    display: inline-block;
    background: #004856;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    line-height: 1.4;
    padding: 24px 40px;
    margin: 0 0 40px;
    width: 864px;
}

.camp261002 .cp_point .lead {
    font-size: 26px;
    font-weight: bold;
    color: #004856;
    line-height: 1.6;
    margin: 0 0 40px;
}

.camp261002 .cp_point .lead strong {
    font-weight: bold;
    font-size: 40px;
}

.camp261002 .cp_point .cp_point_imgs {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}

/* ---- すべて無料 / ロッカー・コンビニ ---- */
.camp261002 .free {
    background: url("/v2/img/camp/261002/pc/bg_sec3.png");
    padding: 60px 0;
}

.camp261002 .free .inner{
    max-width: 1000px;
}

.camp261002 .free .free_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

.camp261002 .free .free_head_txt > div {
    font-size: 36px;
    font-weight: bold;
    color: #1B2B5B;
    margin: 0 0 20px;
    line-height: 1.4;
}

.camp261002 .free .free_head_txt  > div .s {
    font-size: 50px;
    font-weight: bold;
}

.camp261002 .free .free_head_txt  > div .u {
    color: #0068C6;
    font-size: 70px;
    font-weight: bold;
    border-bottom: 10px solid #FFE24E;
}

.camp261002 .free .free_head_txt .sub {
    font-size: 36px;
    font-weight: bold;
    color: #1B2B5B;
    margin: 40px 0 10px;
}

.camp261002 .free .free_head_txt p {
    font-size: 24px;
    line-height: 1.7;
    margin: 0;
}

.camp261002 .free .locker_head {
    background: #1B2B5B;
    color: #fff;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    padding: 18px;
    margin: 50px 0 24px;
}

.camp261002 .free .locker_lead {
    text-align: center;
    font-size: 24px;
    line-height: 1.7;
    margin: 0 0 40px;
}

.camp261002 .free .locker_features {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.camp261002 .free .locker_features .feature {
    flex: 1;
    background: #fff;
    min-width: 220px;
    text-align: center;
    padding: 30px 20px;
}

.camp261002 .free .locker_features .feature .ico {
    width: 60px;
    margin: 0 auto 16px;
    display: block;
}

.camp261002 .free .locker_features .feature h3 {
    font-size: 30px;
    font-weight: bold;
    color: #1B2B5B;
    margin: 0 0 12px;
}

.camp261002 .free .locker_features .feature p {
    font-size: 20px;
    margin: 0;
}

.camp261002 .free .locker_movie {
    max-width: 500px;
    margin: 40px auto 30px;
}

.camp261002 .free .locker_movie .movie_frame {
    position: relative;
    padding-top: 56.25%;
    background: #000;
}

.camp261002 .free .locker_movie .movie_frame img,
.camp261002 .free .locker_movie .movie_frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
}

.camp261002 .free .locker_btn {
    text-align: center;
}

.camp261002 .free .locker_btn a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: #0068C6;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 60px;
    border-radius: 40px;
    text-decoration: none;
    width: 600px;
    position: relative;
}

.camp261002 .free .locker_btn a::before {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

.camp261002 .free .locker_btn a::after {
    border-right: 8px solid transparent;
    border-top: 14.3px solid #0068C6;
    border-left: 8px solid transparent;
    content: '';
    display: inline-block;
    height: 1px;
    margin: 0;
    position: absolute;
    right: 19.4px;
    top: 53%;
    transform: translateY(-50%);
    width: 1px;
}

/* ---- キャンペーン対象品一覧 ---- */
.camp261002 .target {
    background: #28D4E0;
    padding: 60px 0;
}

.camp261002 .target h2.target_title {
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    color: #004856;
    margin: 0 0 40px;
}

.camp261002 .target .target_item {
    background: #fff;
    margin: 0 auto 50px;
    position: relative;
    box-shadow: 6px 6px 0 rgba(13, 59, 69, .4);
    width: 993px;
}

.camp261002 .target .target_item .target_item_head {
    background: #FFFF00;
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
    padding: 16px 24px;
}

.camp261002 .target .target_item .target_item_head .ico {
    position: absolute;
    top: 12px;
}

.camp261002 .target .target_item_head .ico img{
    width: 50%;
    height: auto;
}

.camp261002 .target .target_item .target_item_head h3 {
    flex: 1;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #004856;
    margin: 0;
}

.camp261002 .target .target_item .target_item_body {
    padding: 30px 24px;
}

.camp261002 .target .target_item .target_item_body p {
    color: #004856;
    font-size: 20px;
    line-height: 1.8;
    margin: 0;
}

.camp261002 .target .target_item .target_item_body p.-left{
    margin: 0 0 0 130px;
}

.camp261002 .target .target_item .target_item_body .note {
    font-size: 14px;
    color: #004856;
    margin-top: 14px;
}

.camp261002 .target .target_foot_note {
    margin: 20px auto;
    width: 1000px;
    color: #004856;
    font-size: 15px;
    line-height: 1.7;
}

.camp261002 .target .target_foot_note ul {
    list-style: inside;
    margin: 8px 0 0;
}

/* ---- 壊れていても買取します ---- */
.camp261002 .broken {
    background: #28D4E0;
    padding: 20px 0 60px;
    text-align: center;
}

.camp261002 .broken .broken_head {
    display: inline-block;
    background: #FFFF00;
    color: #004856;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4;
    padding: 30px 50px;
    margin: 0 0 40px;
    width: 1000px;
}

.camp261002 .broken .broken_head strong{
    display: block;
    font-size: 70px;
    font-weight: bold;
}
.camp261002 .broken .broken_img {
    position: relative;
    margin: 0 auto 40px;
}

.camp261002 .broken .broken_lead {
    display: inline-block;
    background: #004856;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 12px 30px;
    position: relative;
    margin: 0 0 20px;
}

.camp261002 .broken .broken_lead::after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #004856;
}

.camp261002 .broken .broken_lead2 {
    font-size: 28px;
    color: #004856;
    font-weight: bold;
    margin: 0 0 20px;
}

.camp261002 .broken .broken_lead2 strong {
    color: #004856;
}

.camp261002 .broken .broken_links {
    list-style: none;
    padding: 0;
    margin: 20px auto 0;
    font-size: 22px;
    color: #0B318F;
    width: 880px;
    text-align: left;
}

.camp261002 .broken .broken_links a {
    color: #0B318F;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.camp261002 .broken .cmn_note li{
    color: #000000;
    text-align: left;
    width: 880px;
}

/* ---- 買取強化タイトル 見出し ---- */
.camp261002 .strong_head {
    background: #004856;
    padding: 50px 0;
}

.camp261002 .strong_head h2 {
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    color: #FFFF00;
    margin: 0 0 24px;
}

.camp261002 .strong_head .cmn_note {
    color: #FFFF00;
    max-width: 900px;
    margin: 0 auto;
}

.camp261002 .strong_head .cmn_note li {
    color: #FFFF00;
}


/* ---- 参考買取価格 ---- */
.camp261002 .price {
    background: #fff;
    padding: 60px 0;
}

.camp261002 .price .price_cat {
    margin-bottom: 60px;
}

.camp261002 .price .price_cat_title {
    background: #FFFF00;
    color: #004856;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    padding: 18px;
    border-radius: 40px;
    margin: 0 auto 30px;
    max-width: 900px;
}

.camp261002 .price .price_caption {
    display: flex;
    justify-self: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    color: #E60113;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 30px;
}

.camp261002 .price .price_caption .warn {
    color: #E60113;
    margin-right: 6px;
}

.camp261002 .price .price_list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.camp261002 .price .price_item {
    width: 160px;
    text-align: center;
}
.camp261002 .price .-swatch  .price_item {
    width: 200px;
    text-align: center;
}

.camp261002 .price .price_item .-image {
    height: 200px;
    object-fit: contain;
}

.camp261002 .price .price_item .-name {
    font-size: 24px;
    font-weight: bold;
    height: 62px;
    margin: 12px 0 8px;
}

.camp261002 .price .price_item p.-namesub {
    height: 24px;
}

.camp261002 .price .price_item .-spec {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 6px;
    min-height: 44px;
}

.camp261002 .price .price_item .-color {
    display: inline-block;
    border: 1px solid #333;
    font-size: 18px;
    padding: 2px 10px;
    margin-bottom: 8px;
}

/* カラー表記なし（高さは保持したまま非表示） */
.camp261002 .price .price_item .-color.-empty {
    visibility: hidden;
}

.camp261002 .price .price_item .-label {
    font-size: 18px;
    font-weight: bold;
    margin: 0;
}

.camp261002 .price .price_item .-value {
    font-size: 42px;
    font-weight: bold;
    color: #E60113;
    margin: 0;
}

.camp261002 .price .price_item .-value span {
    font-weight: bold;
    font-size: 30px;
}

.camp261002 .price .price_note {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 30px;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em;
    width: 880px;
    margin: 30px auto;
}

/* ---- 選べる申し込み方法 ---- */
.camp261002 .apply {
    background: #FFFFB4;
    padding: 0 0 60px;
}

.camp261002 .apply .apply_head {
    background: #004856;
    color: #fff;
    text-align: center;
    font-size: 54px;
    font-weight: bold;
    padding: 40px 20px;
    margin: 0 0 50px;
    position: relative;
}

.camp261002 .apply .apply_head::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -40px;
    right: 0;
    height: 40px;
    width: 100%;
    background: #004856;
    clip-path: polygon(0 0, 100% 0%, 50% 100%);
}

.camp261002 .apply .apply_head .yellow {
    font-size: 54px;
    font-weight: bold;
    color: #FFFF00;
}

.camp261002 .apply .apply_cols {
    display: flex;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 30px;
}

.camp261002 .apply .apply_col {
    background: #fff;
    flex: 1;
    min-width: 300px;
    max-width: 480px;
    padding: 40px 30px;
    text-align: center;
    box-shadow: 6px 6px 0 rgba(13,59,69,.2);
}

.camp261002 .apply .apply_col h3 {
    font-size: 30px;
    font-weight: bold;
    color: #004856;
    margin: 0 0 24px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.4;
}

.camp261002 .apply .apply_col .apply_ico {
    max-width: 200px;
    margin: 0 auto 24px;
}

.camp261002 .apply .apply_col .apply_desc {
    font-size: 18px;
    color: #004856;
    line-height: 1.7;
    text-align: left;
    margin: 0 0 30px;
}

.camp261002 .apply .apply_steps {
    background: #FFE24E;
    padding: 24px;
    margin-bottom: 30px;
    width: 410px;
}

.camp261002 .apply .apply_steps .steps_ttl {
    font-size: 20px;
    font-weight: bold;
    color: #004856;
    margin: 0 0 16px;
}

.camp261002 .apply .apply_steps .steps_ttl strong {
    font-size: 30px;
    font-weight: bold;
}

.camp261002 .apply .apply_steps .step {
    display: flex;
    align-items: stretch;
    margin-bottom: 12px;
    background: #fff;
}

.camp261002 .apply .apply_steps .step .step_num {
    background: #004856;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
}

.camp261002 .apply .apply_steps .step .step_num::after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 50%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #004856;
}

.camp261002 .apply .apply_steps .step .step_txt {
    flex: 1;
    text-align: left;
    padding: 12px 16px;
    font-size: 15px;
    font-weight: bold;
    color: #004856;
}

.camp261002 .apply .apply_col .apply_note {
    font-size: 14px;
    height: 40px;
    text-align: left;
    line-height: 1.6;
    margin: 0 0 20px;
}

.camp261002 .apply .apply_col .apply_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #004856;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 18px 40px;
    position: relative;
    width: 410px;
    border-radius: 40px;
    text-decoration: none;
    line-height: 1.4;
}

.camp261002 .apply .apply_col .apply_btn::before {
    border: 1px solid #fff;
    background: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 22px;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
}

.camp261002 .apply .apply_col .apply_btn::after {
    border-right: 8px solid transparent;
    border-top: 14.3px solid #004856;
    border-left: 8px solid transparent;
    content: '';
    display: inline-block;
    height: 1px;
    margin: 0;
    position: absolute;
    right: 19.4px;
    top: 53%;
    transform: translateY(-50%);
    width: 1px;
}


/* ---- 固定ボタン ---- */
.camp261002 #btnCompliance a {
    background: #b3181f;
}

/* camp_nav */
.camp_nav {
}

.camp_nav_inner {
    background: url(/v2/img/camp/260907/pc/sec01_bg.png) top left / 100% auto no-repeat;
    height: 727px;
    padding: 40px 0;
    text-align:center;
}

.camp_nav_head {
    color: #E6007D;
    font-size: 80px;
    font-weight: bold;
    line-height: 93px;
    margin-bottom: 10px;
    text-align:center;
}

.camp_nav_head p {
    font-size: 40px;
    font-weight: bold;
}

.camp_nav_head + p {
    font-size: 24px;
    font-weight: bold;
    line-height: calc(36/24);
    margin-bottom: 40px;
    text-align: center;
}
.camp_nav_inner + ol {
    padding: 50px 0;
}

.camp_nav_inner + ol li {
    list-style: none;
    margin: auto;
    width: 600px;
}

.camp_nav_inner + ol li + li {
    margin-top: 6px;
}

/* camp_models */
#camp_models {
    background: #eaeaea;
    height: 1060px;
    text-align:center;
}

#camp_models h2 {
    margin-bottom: 40px;
}

#camp_models .cmn_note li {
    color: #000;
    margin-top: 40px;
}

/* camp_profit */
#camp_profit {
    background: url(/v2/img/camp/260907/pc/cat_bg.png) top left / 100% auto no-repeat;
    height: 1215px;
    padding: 80px 0;
}

#camp_profit .camp_head {
    text-align: center;
}

.btn_camp_profit {
    background: #AC2B2B;
    border-radius: 5px;
    box-sizing: border-box;
    height: 50px;
    margin: 40px auto 120px;
    padding: 0;
    width: 345px;
}

.btn_camp_profit a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 50px;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
}

.btn_camp_profit a::before {
    border: 1px solid #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 22px;
    position: absolute;
    right: 10px;
    bottom: 0;
    top: 0;
    margin: auto;
    transform: translateX(-50%);
    width: 22px;
}

.btn_camp_profit a::after {
    position: absolute;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: '';
    display: inline-block;
    height: 8px;
    margin: 0 0 2px 5px;
    transform: translateX(-50%) rotate(-45deg);
    width: 8px;
    right: 27px;
    bottom: 0;
    top: 0;
    margin: auto;
}


/* points_wrapper
-----------------------------------------------------------*/
.points_wrapper .contents_mainArea {
    margin-bottom: 0;
}

/* step_wrapper
-----------------------------------------------------------*/
.step_wrapper {
    padding-top: 55px;
}

.stepContents {
    margin: 0 auto;
}

.stepSlide_wrapper {
    margin-top: 40px;
}

.stepSlede_num {
    top: -3px;
    left: -3px;
}

.stepSlede_inner p.-caption {
    font-size: 12px;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 10px;
}

/* btnCompliance
-----------------------------------------------------------*/
#btnCompliance{
    background: #AC2B2B;
    bottom: 45px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    box-sizing: border-box;
    height: 115px;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    width: 160px;
    z-index: 1000;
}

#btnCompliance a {
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 24px 0;
    position: relative;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
}

#btnCompliance a::before {
    border: 1px solid #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 22px;
    position: absolute;
    left: 50%;
    bottom: 17px;
    transform: translateX(-50%);
    width: 22px;
}

#btnCompliance a::after {
    position: absolute;
    border: solid #fff;
    border-width: 0 1px 1px 0;
    content: '';
    display: inline-block;
    height: 8px;
    margin: 0 0 2px 5px;
    transform: translateX(-50%) rotate(-45deg);
    width: 8px;
    bottom: 22px;
    left: 45.5%;
}

#synalio-iframe {
	display: none;
}