/* Minification failed. Returning unminified contents.
(216,1): run-time error CSS1019: Unexpected token, found '@import'
(216,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap")'
 */
@charset "UTF-8";


/* sass */
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, caption, th, td, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object, dfn, article, aside, canvas, figure, figcaption, footer, header, nav, section, main, audio, video { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

address, dfn { display: inline; font-style: normal; }

canvas { width: 0; height: 0; }

iframe { width: 100%; margin: 0; padding: 0; border: none; }

html { overflow-y: scroll; font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; }

* { box-sizing: border-box; }

body { color: #000000; font-family: "Noto Sans JP", sans-serif; background: #fff; font-size: 1.6rem; line-height: 1; }

em { font-style: normal; font-weight: bold; }

strong { font-style: normal; font-weight: bold; }

ul, ol { list-style: none; }

table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

caption, th { text-align: left; }

img { border: 0; vertical-align: middle; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

a { cursor: pointer; }

form { font-weight: normal; }

input, button, textarea, select { font-size: 1.6rem; line-height: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; padding: 0; background: transparent; border: none; border-radius: 0; text-transform: none; font-family: "Noto Sans JP", sans-serif;}

select::-ms-expand { display: none; }

.txt { line-height: 1.8; }

.img-wrap { font-size: 0; line-height: 0; }

.u-ft-xxs { font-size: 1rem !important; }

.u-ft-xs { font-size: 1.2rem !important; }

.u-ft-s { font-size: 1.4rem !important; }

.u-ft-m { font-size: 1.6rem !important; }

.u-ft-l { font-size: 1.8rem !important; }

.u-ft-xl { font-size: 2rem !important; }

.u-ft-xxl { font-size: 2.4rem !important; }

.clearfix:after { display: block; content: ''; clear: both; }

.u-ta-l { text-align: left !important; }

.u-ta-c { text-align: center !important; }

.u-ta-r { text-align: right !important; }

.u-ta-l-c { text-align: left !important; }

.u-ta-l-r { text-align: left !important; }

.u-ta-c-l { text-align: center !important; }

.u-ta-c-r { text-align: center !important; }

.u-ta-r-l { text-align: right !important; }

.u-ta-r-c { text-align: right !important; }

.u-disp-n { display: none !important; }

.u-disp-b { display: block !important; }
.u-disp-t { display: table !important; }

.u-disp-i-n { display: inline !important; }

.u-disp-ib-n { display: inline-block !important; }

.u-disp-b-n { display: block !important; }

.u-disp-n-i { display: none !important; }

.u-disp-n-ib { display: none !important; }

.u-disp-n-b { display: none !important; }

.u-br-sp { display: inline !important; }

.u-br-pc { display: none !important; }

.u-mg0 { margin: 0 !important; }

.u-mg-auto { margin-left: auto !important; margin-right: auto !important; }

.u-mgt-xxs { margin-top: 5px !important; }

.u-mgt-xs { margin-top: 10px !important; }

.u-mgt-s { margin-top: 15px !important; }

.u-mgt-m { margin-top: 20px !important; }

.u-mgt-l { margin-top: 25px !important; }

.u-mgt-xl { margin-top: 30px !important; }

.u-mgt-xxl { margin-top: 40px !important; }

.u-mgb-xxs { margin-bottom: 5px !important; }

.u-mgb-xs { margin-bottom: 10px !important; }

.u-mgb-s { margin-bottom: 15px !important; }

.u-mgb-m { margin-bottom: 20px !important; }

.u-mgb-l { margin-bottom: 25px !important; }

.u-mgb-xl { margin-bottom: 30px !important; }

.u-mgb-xxl { margin-bottom: 40px !important; }

.u-pd0 { padding: 0 !important; }

.u-pdt-xxs { padding-top: 5px !important; }

.u-pdt-xs { padding-top: 10px !important; }

.u-pdt-s { padding-top: 15px !important; }

.u-pdt-m { padding-top: 20px !important; }

.u-pdt-l { padding-top: 25px !important; }

.u-pdt-xl { padding-top: 30px !important; }

.u-pdt-xxl { padding-top: 40px !important; }

.u-pdb-xxs { padding-bottom: 5px !important; }

.u-pdb-xs { padding-bottom: 10px !important; }

.u-pdb-s { padding-bottom: 15px !important; }

.u-pdb-m { padding-bottom: 20px !important; }

.u-pdb-l { padding-bottom: 25px !important; }

.u-pdb-xl { padding-bottom: 30px !important; }

.u-pdb-xxl { padding-bottom: 40px !important; }

@media all and (min-width: 768px) { .u-ta-l-r { text-align: right !important; }
  .u-ta-c-l { text-align: left !important; }
  .u-ta-c-r { text-align: right !important; }
  .u-ta-r-l { text-align: left !important; }
  .u-ta-r-c { text-align: center !important; }
  .u-disp-i-n { display: none !important; }
  .u-disp-ib-n { display: none !important; }
  .u-disp-b-n { display: none !important; }
  .u-disp-n-i { display: inline !important; }
  .u-disp-n-ib { display: inline-block !important; }
  .u-disp-n-b { display: block !important; }
  .u-br-sp { display: none !important; }
  .u-br-pc { display: inline !important; }
  a img.u-btn { opacity: 1.0; transition: opacity 0.3s; }
  a:hover img.u-btn { opacity: 0.8; }
  img.u-btn { opacity: 0.3; }
  .u-mg0 { margin: 0 !important; }
  .u-mg-auto { margin-left: auto !important; margin-right: auto !important; }
  .u-mgt-xxs { margin-top: 10px !important; }
  .u-mgt-xs { margin-top: 20px !important; }
  .u-mgt-s { margin-top: 30px !important; }
  .u-mgt-m { margin-top: 40px !important; }
  .u-mgt-l { margin-top: 50px !important; }
  .u-mgt-xl { margin-top: 60px !important; }
  .u-mgt-xxl { margin-top: 80px !important; }
  .u-mgb-xxs { margin-bottom: 10px !important; }
  .u-mgb-xs { margin-bottom: 20px !important; }
  .u-mgb-s { margin-bottom: 30px !important; }
  .u-mgb-m { margin-bottom: 40px !important; }
  .u-mgb-l { margin-bottom: 50px !important; }
  .u-mgb-xl { margin-bottom: 60px !important; }
  .u-mgb-xxl { margin-bottom: 80px !important; }
  .u-pd0 { padding: 0 !important; }
  .u-pdt-xxs { padding-top: 10px !important; }
  .u-pdt-xs { padding-top: 20px !important; }
  .u-pdt-s { padding-top: 30px !important; }
  .u-pdt-m { padding-top: 40px !important; }
  .u-pdt-l { padding-top: 50px !important; }
  .u-pdt-xl { padding-top: 60px !important; }
  .u-pdt-xxl { padding-top: 80px !important; }
  .u-pdb-xxs { padding-bottom: 10px !important; }
  .u-pdb-xs { padding-bottom: 20px !important; }
  .u-pdb-s { padding-bottom: 30px !important; }
  .u-pdb-m { padding-bottom: 40px !important; }
  .u-pdb-l { padding-bottom: 50px !important; }
  .u-pdb-xl { padding-bottom: 60px !important; }
  .u-pdb-xxl { padding-bottom: 80px !important; } }

@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
html { min-height: 100%; }

body { font-family: "Noto Sans JP", sans-serif; min-height: 100%; background-color: #F3F3F3; }

input, button, textarea, select { font-family: "Noto Sans JP", sans-serif; }

img { max-width: 100%; height: auto; }

.u-fw-b { font-weight: 700 !important; }

.u-ta-r { text-align: right !important; }

.mgt32 { margin-top: 32px !important; }

.mgt16 { margin-top: 16px !important; }

.mgt8 { margin-top: 8px !important; }

.mgt0 { margin-top: 0px !important; }

.l-head { padding: 20px 15px; background-color: #ffffff; }

.l-head .logo img { width: 103px; height: auto; }

.l-foot { height: 17px; }

.l-inner { padding: 0 30px 48px; margin-top: 32px; background-color: #ffffff; }

.l-inner.pt2 { margin-top: 0; padding-bottom: 0; }

.hdg-lv1 { font-weight: 400; font-size: 2.8rem; letter-spacing: 0.05em; line-height: 1.5; padding: 31px 30px; color: #ffffff; background-color: #1F976D; }

.txt-header { font-weight: 700; font-size: 1.4rem; line-height: 1.7; }

.wrap-flow { background-color: #ffffff; padding: 24px 0; }

.wrap-flow .lst-flow { display: flex; }

.wrap-flow .lst-flow li { width: 25%; }

.wrap-flow .lst-flow li .txt { font-weight: 700; font-size: 1.2rem; line-height: 18px; text-align: center; color: #c0c5c2; position: relative; padding-top: 30px; }

.wrap-flow .lst-flow li .txt::before { content: ""; display: block; width: 12px; height: 12px; position: absolute; left: 50%; top: 0; background-color: #c0c5c2; border-radius: 50%; margin-left: -6px; }

.wrap-flow .lst-flow li::before { content: ""; display: block; height: 1px; background-color: #e6e6e6; top: 6px; position: relative; left: 50%; }

.wrap-flow .lst-flow li:last-child::before { visibility: hidden; width: 0; }

.wrap-flow .lst-flow li.past::before { background-color: #193326; }

.wrap-flow .lst-flow li.past .txt { color: #193326; }

.wrap-flow .lst-flow li.past .txt::before { background-color: #193326; }

.wrap-flow .lst-flow li.current .txt { color: #193326; }

.wrap-flow .lst-flow li.current .txt::before { background-color: #193326; }

.wrap-content { padding: 32px 0 24px; border-bottom: 1px solid #E7EAE9; }

.wrap-content.pt2 { border-bottom: none; padding-bottom: 0; }

.wrap-content.pt3 { border-bottom: none; padding-bottom: 32px; }

.wrap-content.pt3 + .lst-btn { margin-top: 0; }

.wrap-content.pt3.term { padding-top: 0; padding-bottom: 0; }

.hdg-lv2 { font-weight: 400; font-size: 2.4rem; letter-spacing: 0.1em; line-height: 1.75; margin-bottom: 32px; margin-top: 16px; }

.hdg-lv2.pt2 { font-size: 2rem; line-height: 1.5; margin-top: 0; }

.hdg-lv2.pt3 { font-size: 2rem; line-height: 1.5; }

.hdg-lv3 { font-weight: 700; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.5; color: #928263; margin-bottom: 24px; }

.txt-st { font-weight: 400; font-size: 1.4rem; line-height: 1.7; word-break: break-all; }

.txt-st span:nth-child(n + 2) { margin-left: 0.8em; }

.txt-link { text-decoration: underline; font-weight: 400; font-size: 1.4rem; line-height: 1.7; color: #000000; }

.txt-link.icn-blank::after { content: ''; display: inline-block; margin-left: 10px; background: url(../img/ClubForest/icn_blank.png) no-repeat right center; background-size: auto; background-size: 15px 12px; width: 15px; height: 12px; margin-top: .3em; margin-right: 5px; }

.lst-num { counter-reset: num; margin-top: 8px; }

.lst-num .item-num { font-weight: 400; font-size: 1.4rem; line-height: 1.7; padding-left: 1.5em; margin-top: 8px; position: relative; }

.lst-num .item-num::before { position: absolute; counter-increment: num; content: counter(num) "."; left: 0; top: 0; }

.lst-num.pt2 .item-num { font-weight: 400; font-size: 1.4rem; line-height: 1.7; padding-left: 2.5em; margin-top: 8px; position: relative; }

.lst-num.pt2 .item-num::before { position: absolute; counter-increment: num; content: "（" counter(num) "）"; left: 0; top: 0; }

.lst-num.pt2 .item-num:nth-child(n + 10) { padding-left: 3em; }

.lst-num.non-count .item-num { font-weight: 400; font-size: 1.4rem; line-height: 1.7; padding-left: 1.5em; margin-top: 8px; position: relative; }

.lst-num.non-count .item-num::before { display: none; }

.lst-num.non-count .item-num span { position: absolute; padding-right: 1em; left: 0; top: 0; }

.lst-dot { margin-top: 8px; }

.lst-dot .item-dot { font-weight: 400; font-size: 1.4rem; line-height: 1.7; padding-left: 1.5em; margin-top: 8px; position: relative; }

.lst-dot .item-dot::before { position: absolute; content: ""; display: inline-block; position: absolute; top: .75em; left: 8px; width: 4px; height: 4px; background-color: #c0c5c2; }

.lst-note { margin-top: 8px; }

.lst-note .item-note { font-weight: 400; font-size: 1.4rem; line-height: 1.5; padding-left: 1.3em; margin-top: 8px; color: #626465; position: relative; }

.lst-note .item-note::before { position: absolute; content: "\00203B"; position: absolute; top: 0; left: 0; }

.lst-note .item-note .txt-link { line-height: 1.5; }

.wrap-warning { background: #feeff0; border: 1px solid #E8383D; padding: 16px 15px; margin-top: 32px; margin-left: -15px; margin-right: -15px; }

.wrap-warning .txt-st { line-height: 1.5; color: #E8383D; }

.wrap-warning.pt2 { margin-top: 0; }

.wrap-checkbox { background: #F3F3F3; margin-top: 32px; text-align: left; margin-left: -15px; margin-right: -15px; display: flex; justify-content: center; padding: 28px; }

/* The container */
.container { display: inline-block; position: relative; padding-left: 24px; cursor: pointer; font-size: 1.4rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.5; display: flex; justify-content: center; text-align: center; }

/* Hide the browser's default checkbox */
.container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; bottom: 0; margin: auto; left: 0; height: 16px; width: 16px; background: #F3F3F3; border: 1px solid #c0c5c2; }

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark { border-color: #193326; background: #193326; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none; }

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after { display: block; }

/* Style the checkmark/indicator */
.container .checkmark:after { top: 1px; left: 5px; width: 4px; height: 8px; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; -webkit-transform: rotate(40deg); transform: rotate(40deg); z-index: 2; }

.lst-btn { margin-top: 32px; text-align: center; }

.lst-btn li:nth-child(n + 2) { margin-top: 24px; }

.btn { background-color: #193326; font-weight: 400; font-size: 1.6rem; line-height: 1.3; color: #ffffff; padding: 22px 15px; display: inline-block; width: 100%; text-align: left; position: relative; text-decoration: none; }

.btn::after { position: absolute; content: ""; background: url(../img/ClubForest/icn_arrow_right.svg) no-repeat; width: 25px; height: 8px; right: 15px; top: 0; bottom: 0; margin: auto; }

.btn[disabled], .btn.disabled { color: #ccc; background-color: #e6e6e6; pointer-events: none; }

.btn[disabled]::after, .btn.disabled::after { background: url(../img/ClubForest/icn_arrow_right_2.svg) no-repeat; }

.btn.search { font-size: 1.4rem; padding: 12px 15px; border: 1px solid #95825F; background-color: #ffffff; color: #000000; margin-top: 16px; max-width: 150px; line-height: 1.5; text-align: center; }

.btn.search::after { display: none; }

.btn.search span { position: relative; padding-left: 2.7em; }

.btn.search span::before { position: absolute; content: ""; background: url(../img/ClubForest/icn_search.svg) no-repeat; width: 17px; height: 17px; background-size: contain; left: 0; top: 0; bottom: 0; margin: auto; }

.btn.back { font-size: 1.4rem; padding: 12px 13px 12px 0; background-color: #ffffff; color: #000000; display: inline-block; line-height: 1.5; text-align: center; width: auto; }

.btn.back::after { display: none; }

.btn.back span { position: relative; padding-left: 2.5em; }

.btn.back span::before { position: absolute; content: ""; background: url(../img/ClubForest/icn_arrow_left.svg) no-repeat; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 25px; height: 8px; background-size: contain; left: 0; top: 0; bottom: 0; margin: auto; }

.btn.pt2 { font-size: 1.4rem; padding: 15px; }

.wrap-input { border-top: 1px solid #E7EAE9; padding-top: 24px; }

.wrap-input + .wrap-input { margin-top: 24px; }

.wrap-legend { margin-bottom: 16px; display: flex; justify-content: space-between; align-items: center; }

.wrap-legend .txt-legend { font-family: "Noto Sans JP"; font-weight: 700; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.5; color: #928263; }

.wrap-legend .required-mark { font-family: "Noto Sans JP"; font-weight: 700; font-size: 1.2rem; line-height: 1.75; color: #ffffff; background: #E8383D; padding: 0 10px; }

.wrap-legend.confirm { margin-bottom: 9px; }

.wrap-element .form-input { margin-top: 16px; }

.wrap-element .form-input input { background: #ffffff; border: 1px solid #c0c5c2; padding: 9px 15px; width: 100%; font-weight: 400; font-size: 1.4rem; line-height: 1.7; min-height: 44px; }

.wrap-element .form-input.cus-code { display: flex; }

.wrap-element .form-input.cus-code li:nth-child(n + 2) { margin-left: 5px; }

.wrap-element .form-input.cus-code li:nth-child(4) { margin-left: 20px; position: relative; }

.wrap-element .form-input.cus-code li:nth-child(4)::before { position: absolute; content: "\00002D"; left: -13px; top: 14px; }

.wrap-element .form-input.cus-code input { max-width: 42px; min-width: 31px; padding-left: 10px; padding-right: 10px; text-align: center; }

.wrap-element .form-input.tel { display: flex; }

.wrap-element .form-input.tel li:nth-child(n + 2) { margin-left: 5px; margin-left: 20px; position: relative; }

.wrap-element .form-input.tel li:nth-child(n + 2)::before { position: absolute; content: "\00002D"; left: -13px; top: 14px; }

.wrap-element .form-input.tel input { max-width: 90px; }

.wrap-element .form-input.post-code { display: flex; }

.wrap-element .form-input.post-code li:nth-child(1) input { max-width: 108px; }

.wrap-element .form-input.post-code li:nth-child(2) { margin-left: 5px; margin-left: 20px; position: relative; }

.wrap-element .form-input.post-code li:nth-child(2)::before { position: absolute; content: "\00002D"; left: -13px; top: 14px; }

.wrap-element .form-input.post-code li:nth-child(2) input { max-width: 122px; }

.wrap-element .form-input.birth { display: flex; flex-wrap: wrap; margin-top: 12px; }

.wrap-element .form-input.birth li { margin-right: 8px; }

.wrap-element .form-input.birth li:nth-child(n + 1) { width: 100%; }

.wrap-element .form-input.birth li:nth-child(2), .wrap-element .form-input.birth li:nth-child(3) { display: flex; width: 202px; margin-right: 8px; align-items: center; }

.wrap-element .form-input.birth li:nth-child(2) span, .wrap-element .form-input.birth li:nth-child(3) span { margin-left: 8px; }

.wrap-element .form-input.birth select { width: 180px; }

.wrap-element .form-input select { background: #ffffff; border: 1px solid #c0c5c2; padding: 9px 35px 9px 15px; width: 100%; font-weight: 400; font-size: 1.4rem; line-height: 1.7; background: url(../img/ClubForest/icn_select.png) no-repeat right 12px center; background-size: auto; background-size: 13px 7px; margin-top: 4px; margin-bottom: 4px; color: #000000; }

.wrap-element + .wrap-element { margin-top: 24px; }

.txt-lead { font-weight: 700; font-size: 2rem; letter-spacing: 0.1em; line-height: 1.5; margin-top: 64px; margin-bottom: 32px; }

.txt-err { color: #E8383D; font-size: 1.4rem; line-height: 1.6; margin-bottom: 0; margin-top: 0; font-weight: 700; text-indent: -30px; padding-left: 30px; }

.txt-err::before { content: ""; display: inline-block; width: 18px; height: 16px; background: transparent url(../img/ClubForest/icn_err.svg) no-repeat 0 0; vertical-align: middle; margin-right: 7px; margin-left: 5px; margin-top: -0.3em; }

/*settings.cssのモーダルの流用*/
/* モーダル部 -------------------------- */
div#address-search-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, .8);
    text-align: center;
}

    div#address-search-modal:not(:target) {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0.3s;
    }

    div#address-search-modal:target {
        opacity: 1;
        visibility: visible;
        transition: opacity 0.3s, visibility 0.3s;
    }

    div#address-search-modal > a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        cursor: default;
    }

    div#address-search-modal > div {
        width: 100%;
        max-width: 320px;
        background-color: #FFF;
        margin: auto;
        padding: 1.6rem 0;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    div#address-search-modal h3 {
        margin: 0 1.6rem 1.6rem 1.6rem;
        font-size: 1.6rem;
        font-weight: 600;
        line-height: 1.28;
    }

    div#address-search-modal p {
        margin: 0 1.6rem;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.44;
    }

        div#address-search-modal p.error {
            color: #C00;
        }

    div#address-search-modal dl {
        margin: 0.8rem 1.6rem 0 1.6rem;
        font-size: 1.4rem;
        font-weight: 300;
        line-height: 1.28;
    }

    div#address-search-modal dt {
        display: inline-block;
    }

    div#address-search-modal dd {
        display: inline-block;
        font-weight: 600;
        font-family: "SF Mono", 'Roboto Mono', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', 'Noto Sans', 'Noto Sans CJK JP', monospace;
    }

    div#address-search-modal select {
        width: calc(100% - 3.2rem);
    }

    div#address-search-modal > div div.horizontal {
        margin-top: 1.6rem;
        margin-bottom: 0;
    }

/* 住所が取得できない場合「決定」ボタンを表示しない */
.no-display {
    display: none;
}


/* ADD */
div#address-search-modal .modal-content{
    text-align: left;
    padding: 1.6rem;
}
div#address-search-modal .modal-content *{
    margin: 0;
    padding: 0;
    font-family: "Noto Sans JP";
}
div#address-search-modal .modal-content .modal-title{
    font-family: "Noto Sans JP";
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
    color: #928263;
    margin-bottom: 12px;
}
div#address-search-modal .modal-content p{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7;
    color: #000000;
}
div#address-search-modal .modal-content .c-text1{
    margin: 12px 0;
}
div#address-search-modal .modal-content .c-text1 dt,
div#address-search-modal .modal-content .c-text1 dd{
    font-size: 1.4rem;
    line-height: 1.5;
}

div#address-search-modal .modal-content select{
    border: 1px solid #c0c5c2;
    padding: 9px 35px 9px 15px;
    width: 100%;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.7;
    background: url(../img/ClubForest/icn_select.png) no-repeat right 12px center;
    background-size: auto;
    background-size: 13px 7px;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #000000;
}

div#address-search-modal .modal-content .horizontal{
    display: flex;
    justify-content: space-between;
}

div#address-search-modal .modal-content .horizontal input{
    background-color: #193326;
    border: 1px solid #193326;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.3;
    color: #ffffff;
    padding: 16px 12px;
    display: inline-block;
    width: 46%;
    text-align: left;
    position: relative;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
div#address-search-modal .modal-content .horizontal input#cancel{
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    color: #333;
}