@charset "UTF-8";


:root {
    --donation-keycolor: coral;
}


#donation_frm,
#donation_frm * {
    letter-spacing: unset;
    font-weight: unset;
    position: relative;
    box-sizing: border-box;
}

#donation_frm ul,
#donation_frm ol,
#donation_frm dl {
    margin: 0;
    padding: 0;
    list-style: none;
}


#donation_frm>dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

#donation_frm>dl dt {
    background-image: url("data:image/svg+xml,%3Csvg id='그룹_486' data-name='그룹 486' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1681.318' height='163.584' viewBox='0 0 1681.318 163.584'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='사각형_302' data-name='사각형 302' width='1681.318' height='163.584' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='그룹_485' data-name='그룹 485' clip-path='url(%23clip-path)'%3E%3Cpath id='패스_373' data-name='패스 373' d='M114.257.229V23.86h12.848V36.479h.688c14.225,0,23.861,5.965,23.861,19.961V21.107c0-14.225-9.636-20.878-23.861-20.878Z' fill='%23f9b230'/%3E%3Crect id='사각형_290' data-name='사각형 290' width='35.332' height='21.567' transform='translate(91.772 36.479)' fill='%2346a761'/%3E%3Cpath id='패스_374' data-name='패스 374' d='M127.105,36.479v56.44h24.549V56.439c0-13.995-9.636-19.96-23.861-19.96Z' fill='%23338a29'/%3E%3Cpath id='패스_375' data-name='패스 375' d='M66.305,59.422c0,9.407-5.277,17.9-12.848,23.4,5.736,4.13,12.389,6.653,19.043,6.653h34.645V65.846H76.859c-8.719,0-10.554-7.571-10.554-12.16Z' fill='%230099cb'/%3E%3Cpath id='패스_376' data-name='패스 376' d='M40.839,53.687c0,4.589-1.835,12.16-10.554,12.16H0V89.478H34.644a31.848,31.848,0,0,0,18.814-6.653c-7.342-5.507-12.619-14-12.619-23.4Z' fill='%23a63384'/%3E%3Cpath id='패스_377' data-name='패스 377' d='M28.908,6.883V30.514h11.93V59.423c0,9.406,5.277,17.9,12.619,23.4,7.571-5.507,12.848-14,12.848-23.4V27.073c0-13.766-9.865-20.19-23.4-20.19Z' fill='%23002578'/%3E%3Cpath id='패스_378' data-name='패스 378' d='M55.522,141.1c-11.242,0-15.83-3.441-15.83-9.407,0-6.194,4.588-9.636,15.83-9.636h58.505c11.242,0,15.831,3.442,15.831,9.636,0,5.966-4.589,9.407-15.831,9.407Zm-.229-41.527c-26.385,0-40.38,12.16-40.38,32.12,0,19.731,14,31.891,40.38,31.891h58.734c26.155,0,40.38-12.16,40.38-31.891,0-19.96-14.225-32.12-40.38-32.12Z' fill='%23e02d2c'/%3E%3Cpath id='패스_379' data-name='패스 379' d='M189.279,4.359V27.531H303.765v29.6h24.779V25.467c0-14.225-7.8-21.108-22.255-21.108Z' fill='%23e7510e'/%3E%3Crect id='사각형_291' data-name='사각형 291' width='24.779' height='25.696' transform='translate(240.442 40.38)' fill='%230099cb'/%3E%3Cpath id='패스_380' data-name='패스 380' d='M265.221,66.076v.688c0,14.225-5.965,22.943-20.19,22.943h95.9V66.076Z' fill='%23f9b230'/%3E%3Cpath id='패스_381' data-name='패스 381' d='M265.221,66.076H177.349V89.707h67.682c14.225,0,20.19-8.718,20.19-22.943Z' fill='%2326742b'/%3E%3Cpath id='패스_382' data-name='패스 382' d='M224.841,139.723c-8.26,0-13.766-2.983-13.766-9.636,0-6.883,5.506-9.636,13.766-9.636h68.6c8.259,0,13.766,2.753,13.766,9.636,0,6.653-5.507,9.636-13.766,9.636Zm-.459-40.839c-26.155,0-38.086,12.389-38.086,31.2,0,18.584,11.931,31.2,38.086,31.2H293.9c26.384,0,38.085-12.618,38.085-31.2,0-18.814-11.7-31.431-38.085-31.431Z' fill='%23a63384'/%3E%3Cpath id='패스_383' data-name='패스 383' d='M438.439,122.057c0,15.6-7.572,23.173-20.878,23.173H491.9V121.6H438.439Z' fill='%2346a761'/%3E%3Cpath id='패스_384' data-name='패스 384' d='M434.079,51.851c11.7,0,18.125,8.948,18.125,18.584,0,9.865-6.424,18.813-18.125,18.813H417.56c-11.7,0-18.354-8.948-18.354-18.813,0-9.636,6.653-18.584,18.354-18.584H379.474a43.392,43.392,0,0,0-3.9,18.584c0,24.09,16.29,39.462,38.315,40.609v-.229c.688,0,1.606.229,2.524.229h20.649l1.376-.229v.229c20.878-.688,37.4-16.289,37.4-40.609,0-6.883-1.147-13.307-3.67-18.584Z' fill='%230099cb'/%3E%3Cpath id='패스_385' data-name='패스 385' d='M437.062,30.055c15.6,0,28.679,8.03,35.1,21.8h8.489v-21.8Zm-57.587,21.8c6.424-13.766,19.731-21.8,35.1-21.8H370.757v21.8Z' fill='%23a63384'/%3E%3Cpath id='패스_386' data-name='패스 386' d='M414.348,30.055c-15.142,0-28.449,8.03-34.873,21.8h92.69c-6.424-13.766-19.5-21.8-35.1-21.8Z' fill='%23002578'/%3E%3Crect id='사각형_292' data-name='사각형 292' width='82.825' height='18.354' transform='translate(384.293 4.818)' fill='%23f9b230'/%3E%3Cpath id='패스_387' data-name='패스 387' d='M488.913.229V23.86h12.848V160.6H526.54V21.107C526.54,6.882,516.9.229,502.449.229Z' fill='%23e7510e'/%3E%3Cpath id='패스_388' data-name='패스 388' d='M416.413,111.044h-2.524V121.6h24.549V111.044H416.413Z' fill='%23f9b230'/%3E%3Cpath id='패스_389' data-name='패스 389' d='M363.874,121.6v23.631h53.687c13.306,0,20.878-7.571,20.878-23.172V121.6Z' fill='%23338a29'/%3E%3Cpath id='패스_390' data-name='패스 390' d='M437.063,111.044h1.376v-.229Zm-23.174,0h2.524c-.918,0-1.836-.229-2.524-.229Z' fill='%23164422'/%3E%3Cpath id='패스_391' data-name='패스 391' d='M712.212,65.158a29.313,29.313,0,0,1-4.589.229h-20.19v7.8h24.779Z' fill='%23e7510e'/%3E%3Cpath id='패스_392' data-name='패스 392' d='M633.976,73.188h24.779v-7.8h-20.19a30.81,30.81,0,0,1-4.589-.229Z' fill='%23e02d2c'/%3E%3Cpath id='패스_393' data-name='패스 393' d='M638.794,139.952c-8.259,0-13.766-1.376-13.766-8.029,0-6.883,5.507-8.261,13.766-8.261h68.6c8.26,0,13.766,1.378,13.766,8.261,0,6.653-5.506,8.029-13.766,8.029ZM637.647,102.1c-25.467,0-37.4,11.013-37.4,29.826,0,18.584,11.93,29.826,37.4,29.826h71.124c25.237,0,37.167-11.242,37.167-29.826,0-18.813-11.93-29.826-37.167-29.826Z' fill='%2345a761'/%3E%3Cpath id='패스_394' data-name='패스 394' d='M712.212,73.188c0,13.307-8.03,22.714-22.255,22.714h64.929V73.188Z' fill='%23f9b230'/%3E%3Cpath id='패스_395' data-name='패스 395' d='M712.212,73.188H658.755c0,13.307-8.03,22.714-22.255,22.714h53.457c14.225,0,22.255-9.407,22.255-22.714' fill='%23e33c0f'/%3E%3Cpath id='패스_396' data-name='패스 396' d='M591.3,73.188V95.9h45.2c14.225,0,22.255-9.407,22.255-22.714Z' fill='%23de0b11'/%3E%3Cpath id='패스_397' data-name='패스 397' d='M639.942,42.445c-9.866,0-14.913-1.606-14.913-7.8,0-6.424,5.047-7.8,14.913-7.8h66.3c9.866,0,14.913,1.377,14.913,7.8,0,6.195-5.047,7.8-14.913,7.8ZM638.565,3.671c-22.484,0-38.315,11.013-38.315,30.973,0,18.584,11.472,29.367,33.726,30.514,1.606,0,2.983.23,4.589.23h69.059c1.606,0,3.212-.23,4.588-.23,20.649-1.147,33.727-11.93,33.727-30.514,0-19.96-15.831-30.973-38.315-30.973Z' fill='%23a63384'/%3E%3Cpath id='패스_398' data-name='패스 398' d='M712.212,65.158c-1.377,0-2.983.229-4.589.229a29.313,29.313,0,0,0,4.589-.229' fill='%23be0914'/%3E%3Cpath id='패스_399' data-name='패스 399' d='M633.976,65.158a30.81,30.81,0,0,0,4.589.229c-1.606,0-2.983-.229-4.589-.229' fill='%23bd001d'/%3E%3Cpath id='패스_400' data-name='패스 400' d='M887.953,0V23.631H900.8v40.38c0-14.224,9.636-20.878,24.09-20.878h.689V21.108C925.58,6.883,915.714,0,901.489,0Z' fill='%23f9b230'/%3E%3Cpath id='패스_401' data-name='패스 401' d='M818.665,59.652c0,4.589-1.835,10.1-10.554,10.1H777.826V93.378H812.47c6.654,0,13.307-2.523,19.043-6.653-7.571-5.507-12.848-14-12.848-23.4Z' fill='%230099cb'/%3E%3Cpath id='패스_402' data-name='패스 402' d='M854.686,69.747c-8.718,0-10.554-5.506-10.554-10.1v3.671c0,9.406-5.277,17.9-12.848,23.4,5.736,4.13,12.389,6.653,19.043,6.653h32.808V69.747Z' fill='%23a63384'/%3E%3Cpath id='패스_403' data-name='패스 403' d='M806.735,6.883V30.514h11.93V63.323c0,9.407,5.277,17.9,12.619,23.4,7.571-5.506,12.848-13.995,12.848-23.4V27.073c0-13.766-9.865-20.19-23.4-20.19Z' fill='%23002578'/%3E%3Crect id='사각형_293' data-name='사각형 293' width='16.748' height='23.631' transform='translate(925.58 43.133)' fill='%2346a761'/%3E%3Cpath id='패스_404' data-name='패스 404' d='M924.892,43.133c-14.454,0-24.09,6.653-24.09,20.878v50.016H925.58V43.133Z' fill='%23338a29'/%3E%3Cpath id='패스_405' data-name='패스 405' d='M790.9,105.538v33.5c0,14.454,6.883,21.566,21.108,21.566H927.645V137.429H815.683V105.538Z' fill='%23e02d2c'/%3E%3Cpath id='패스_406' data-name='패스 406' d='M1072.569,0V23.631h13.078V75.942c0-14.225,9.636-22.714,24.09-22.714h.459V20.878C1110.2,6.653,1100.559,0,1086.1,0Z' fill='%23f9b230'/%3E%3Crect id='사각형_294' data-name='사각형 294' width='24.549' height='23.631' transform='translate(1110.195 53.228)' fill='%23e7510e'/%3E%3Cpath id='패스_407' data-name='패스 407' d='M1109.737,53.228c-14.454,0-24.09,8.489-24.09,22.714v84.43H1110.2V53.228Z' fill='%23e33c0f'/%3E%3Cpath id='패스_408' data-name='패스 408' d='M962.213,13.307V36.938h12.16v77.089c0,14.454,6.424,21.567,20.649,21.567h68.37V111.962h-64.47V34.185c0-14.225-8.03-20.878-22.255-20.878Z' fill='%230099cb'/%3E%3Cpath id='패스_409' data-name='패스 409' d='M1223.032,71.123c14.225,0,22.255,9.177,22.255,22.714h69.288V71.123Z' fill='%23f9b230'/%3E%3Cpath id='패스_410' data-name='패스 410' d='M1188.846,102.555v21.566h88.79v13.766h24.778V102.555Z' fill='%230099cb'/%3E%3Cpath id='패스_411' data-name='패스 411' d='M1164.068,124.122v16.29c0,12.848,6.883,20.19,21.108,20.19h92.46V137.888h-88.789V124.122Z' fill='%23a63384'/%3E%3Cpath id='패스_412' data-name='패스 412' d='M1277.636,160.6h24.779V137.887h-24.779Zm-113.568-36.479h24.779V102.556h-24.779Z' fill='%23002578'/%3E%3Cpath id='패스_413' data-name='패스 413' d='M1156.955,4.818V28.449h6.884V43.592c0,12.389,6.423,18.584,20.648,18.584H1301.5V39.462H1188.616V20.878c0-11.7-8.03-16.06-22.484-16.06Z' fill='%23e02d2c'/%3E%3Crect id='사각형_295' data-name='사각형 295' width='24.779' height='8.718' transform='translate(1220.508 93.837)' fill='%2344a661'/%3E%3Cpath id='패스_414' data-name='패스 414' d='M1150.99,71.123V93.837h94.3c0-13.537-8.03-22.714-22.255-22.714Z' fill='%23338a29'/%3E%3Cpath id='패스_415' data-name='패스 415' d='M1399.127,83.283c-16.29,0-30.744-6.653-30.744-19.272v-10.1c0-12.848,14.454-19.272,30.744-19.272s30.973,6.424,30.973,19.272v10.1c0,12.619-14.683,19.272-30.973,19.272m0-72.5c-26.384,0-55.522,13.995-55.522,42.445V64.47c0,28.679,27.3,42.444,55.522,42.444,28.449,0,55.522-13.765,55.522-42.444V53.228c0-28.45-28.908-42.445-55.522-42.445' fill='%2346a761'/%3E%3Cpath id='패스_416' data-name='패스 416' d='M1463.138.229V23.86h12.848V160.6h24.779V21.107c0-14.225-9.636-20.878-24.091-20.878Z' fill='%23e7510e'/%3E%3Crect id='사각형_296' data-name='사각형 296' width='128.022' height='23.631' transform='translate(1338.098 121.599)' fill='%230099cb'/%3E%3Cpath id='패스_417' data-name='패스 417' d='M1657.687,139.035h23.631v-9.407h-23.631Zm0-30.056h23.631V97.507h-23.631Z' fill='%2346a761'/%3E%3Crect id='사각형_297' data-name='사각형 297' width='23.631' height='21.566' transform='translate(1657.687 139.035)' fill='%23174422'/%3E%3Crect id='사각형_298' data-name='사각형 298' width='23.631' height='20.649' transform='translate(1657.687 108.979)' fill='%23338a29'/%3E%3Cpath id='패스_418' data-name='패스 418' d='M1568.667,129.628h-23.631v12.389c0,11.472,6.653,18.584,18.584,18.584h94.067V139.035h-89.02Zm-23.631-20.649h23.631V97.507h-23.631Z' fill='%23e7510e'/%3E%3Crect id='사각형_299' data-name='사각형 299' width='89.019' height='20.649' transform='translate(1568.667 108.979)' fill='%23f9b230'/%3E%3Crect id='사각형_300' data-name='사각형 300' width='23.631' height='20.649' transform='translate(1545.036 108.979)' fill='%23e33c0f'/%3E%3Cpath id='패스_419' data-name='패스 419' d='M1594.593,56.44c0,9.407-5.047,17.666-12.619,23.173a31.025,31.025,0,0,0,19.043,6.653H1633.6V62.635h-28.22c-8.718,0-10.783-5.507-10.783-10.095Z' fill='%23f9b230'/%3E%3Cpath id='패스_420' data-name='패스 420' d='M1569.356,52.539c0,4.589-1.836,10.095-10.554,10.095h-28.679V86.266h32.809a31.745,31.745,0,0,0,19.043-6.425c-7.342-5.736-12.619-14-12.619-23.4Z' fill='%23e7510e'/%3E%3Cpath id='패스_421' data-name='패스 421' d='M1569.356,32.579V56.44c0,9.407,5.277,17.666,12.619,23.172,7.571-5.506,12.618-13.765,12.618-23.172V32.579Z' fill='%23e33c0f'/%3E%3Cpath id='패스_422' data-name='패스 422' d='M1594.593,32.579h35.791V9.865h-35.791ZM1569.356,9.865h-37.168V32.579h37.168Z' fill='%23a63384'/%3E%3Crect id='사각형_301' data-name='사각형 301' width='25.237' height='22.714' transform='translate(1569.356 9.865)' fill='%23de0b11'/%3E%3Cpath id='패스_423' data-name='패스 423' d='M1643.921,0V23.631h12.619V89.249h24.778V20.878c0-14-9.636-20.878-24.09-20.878Z' fill='%230099cb'/%3E%3C/g%3E%3C/svg%3E%0A");
    text-indent: -999em;
    background-size: auto 100%;
    background-position: center left;
    background-repeat: no-repeat;
    position: relative;
    height: 1.8em;
    margin: 1.5em 0 0.2em;
    width: 100%;
}

#donation_frm>dl dd {
    display: flex;
    align-items: center;
    width: 50%;
}

#donation_frm>dl dd.slogan {
    margin: 1.5em 0;
    padding: 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
    font-weight: 300;
    border-left: solid 5px var(--donation-keycolor);
    width: 100%;
}

#donation_frm>dl dd.vision {
    margin: 1.5em 0;
    padding: 0em 0 0em 5em;
    font-size: 1em;
    font-weight: 300;
    letter-spacing: -.03em;
}

#donation_frm>dl dd.vision:before {
    content: '';
    position: absolute;
    left: 0;
    font-size: 4em;
    display: block;
    width: 1em;
    line-height: 1em;
    text-align: center;
    background: #80c1fa52;
    border-radius: 50%;
    box-shadow: inset 0 0 17px #ffffff;

}



#donation_frm>dl dd.people:before {
    content: '👥';
}

#donation_frm>dl dd.medical:before {
    content: '🤒';
}

#donation_frm>dl dd.family:before {
    content: '📃';
}

#donation_frm>dl dd.identity:before {
    content: '🕊';
}

#donation_frm>dl dd.equlity:before {
    content: '🏠';
}



#donation {
    width: 100%;
    margin: 1em 0;
    padding: 1em 2em 1em;
    position: relative;
    background: #fff;
    border-radius: 2em;
    box-shadow: 0 0 1em #00000038;
}



#donation>h2 {
    /*font-size: 20px;*/
    /**/
    /*font-size: 20px;*/
    /*color: var(--donation-keycolor);*/
    /*font-weight: 700;*/
}

#donation>h2.noto {
    /**/
    /*font-weight: 700;*/
}

#donation>p {
    /**/
    /**/
    /*line-height: 23px;*/
    /*color: #555;*/
    /*margin-top: 4px;*/
    /*margin-bottom: 24px;*/
}

#donation>h3 {
    color: var(--donation-keycolor);
    font-weight: 300;
    margin: 2em 0 0.5em 0;
    padding: 0em 0em 0.5em 0em;
    border-bottom: solid 1px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
}

#donation>h3:first-child {
    margin-top: 1em;
}

#agree_box .agree--ment a,
#donation>h3>a {
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0 1em;
    display: block;
    background: var(--donation-keycolor);
    color: #fff;
    border-radius: .9em;
    line-height: 1.8em;
}


#donation_frm .frm_write {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;
    padding: 0.5em 0;
    flex-wrap: wrap;
}

#donation_frm .frm_write>span.label,
#donation_frm .frm_write>label.title {
    min-width: 8em;
    text-align: center;
    font-size: .9em;
    color: #777;
    font-weight: 400;
    line-height: 1.3em;
    position: relative;

}

#donation_frm .frm_write>span.dest {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1em;
    padding: 0;
    flex-wrap: wrap;
}


#donation_frm .frm_write>span.label a#sign_reset {
    font-size: 0.7rem;
    font-weight: 500;
    padding: 0 0.6em;
    background: var(--donation-keycolor);
    color: #fff;
    line-height: 1.8em;
    display: block;
    width: fit-content;
    margin: .5em auto;
}



#donation_frm .frm_input {
    height: unset;
    font-size: 1em;
    padding: 0.5em;
}




#donation_frm input[type=text],
#donation_frm input[type=email],
#donation_frm input[type=tel] {
    width: calc(100% - 9em);
}

#donation_frm input[name=money],
#donation_frm input[name=jumin_1],
#donation_frm input[name=jumin_2],
#donation_frm input[name=card_mm],
#donation_frm input[name=card_yy] {
    width: unset;
}

#donation_frm .help {
    color: var(--donation-keycolor);
}

#donation_frm .help.only_montly {
    margin-left: 8em;
}

#donation_frm.card_element {
    display: none;
}

.bank_element {}

#donation>h3+p {
    margin-bottom: 16px;
}

#donation>p.last {
    margin-bottom: 40px;
}

#donation_btn_box {
    margin-top: 4px;
}

#donation_btn_box:after {
    display: block;
    float: none;
    clear: both;
    content: '';
}

#donation_btn_box>div {
    width: 592px;
    background: #f8f8f8;
    padding: 24px;
    float: left;
    height: 162px;


    color: #555555;

}

#donation_btn_box>div:last-child {
    margin-left: 16px;
}

#donation_btn_box>div>p {

    color: var(--donation-keycolor);
    font-weight: 700;

    margin-bottom: 8px;
}

#donation_btn_box>div>a {
    display: block;
    margin-top: 24px;

    color: #fff;
    font-weight: 700;
    padding: 9px 0px;
    background: var(--donation-keycolor);
    border-radius: 4px;
    text-align: center;
}

/*
#donation>table {
    margin-top: 4px;
    border-collapse: collapse;

    border: 1px solid var(--donation-keycolor);
    width: 100%;
    color: #555;
}

#donation>table th {
    width: 120px;
    padding: 10px 0px;
    text-align: center;

    background: var(--donation-keycolor);
    color: #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid var(--donation-keycolor);
    border-bottom: 1px solid #fff;
    height: 52px;
}

#donation>table th a {
    color: #fff;
    margin-top: 5px;
    display: block;
}

#donation>table tbody tr:last-child th {
    border-bottom: 1px solid var(--donation-keycolor);
}

#donation>table td {
    padding: 10px 10px;
    border: 1px solid var(--donation-keycolor);
}

#donation>table td span.help {
    display: block;

    color: #999;
    letter-spacing: -1px;
    margin-top: 3px;
}
*/
#donation a.cms_agree_url {
    margin-left: 5px;
    color: var(--donation-keycolor);
}

#donation input.label_box {
    display: none;
}

#donation input.label_box+label {
    display: block;
    background: #fff;
    padding: 0.2em 1em;
    border-radius: 0.3em;
    cursor: pointer;
    color: #aaa;
    border: solid 1px var(--donation-keycolor);
}

#donation input.label_box:checked+label {
    background: var(--donation-keycolor);
    color: #fff;
}

#donation .sign_pad {
    border: 1px solid #ccc;
}

.card_element,
.receipt_make {
    display: none;
}

@media(max-width:768px) {
    #donation_btn_box>div {
        width: 100%;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
    }

    #donation_btn_box>div:last-child {
        margin-left: 0px;
    }

    input.frm_input {
        max-width: 180px !important;

    }
}

#agree_box {
    width: 100%;
    text-align: center;
    margin: 2em 0 4em;
    border-top: solid 1px var(--donation-keycolor);
    padding-top: 3em;
}

#agree_box .agree--ment {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}

#agree_box .agree--ment label {
    color: var(--donation-keycolor);
    font-size: 1.1em;
    font-weight: 500;
}

#agree_box .agree--ment label[for=agreement] {
    cursor: pointer;
}


#agree_box>input[type=submit] {
    background: var(--donation-keycolor);
    color: #fff;
    border: none;
    font-size: 1.4em;
    font-weight: 900;
    display: block;
    margin: 1em auto;
    line-height: 2em;
    border-radius: 2em;
    padding: 0.2em 4em;
    cursor: pointer;

}

.big_txt {
    font-size: 2.5em;
    font-weight: 700;
    margin-bottom: 12px;
}

#description_txt {
    font-size: 1.7em;
    margin-bottom: 12px;
}

#order {
    font-size: 1.2em;
    margin-bottom: 16px;
    font-weight: 500;
}


@media screen and (max-width: 425px) {
    #donation_frm>dl dd {
        width: 100%;
    }

    #donation_frm>dl dd.vision {
        padding-left: 6.5em;
    }

    #donation_frm>dl dd.vision:before {
        left: 0.3em;
    }

    #donation_frm .frm_write {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: flex-start;
        gap: .5em;
        padding: 1em 0;
    }

    #donation_frm .frm_write>span.label,
    #donation_frm .frm_write>label.title {
        min-width: unset;
    }

    #donation_frm .frm_write>span.dest {
        width: 100%;
    }

    #donation input.label_box+label {
        width: calc((100% / 2) - 0.5em);
        text-align: center;
        padding: 0.7em 0;
    }

    #donation_frm input[type=text],
    #donation_frm input[type=email],
    #donation_frm input[type=tel] {
        width: 100%;
        max-width: unset !important;
    }

    #agree_box .agree--ment {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    #agree_box .agree--ment label[for=agreement],
    #agree_box .agree--ment a,
    #donation>h3>a {
        white-space: nowrap;
    }

    #donation .sign_pad {
        margin: 0 auto;
    }

    #donation_frm .help {
        text-align: center;
        width: 100%;
    }

    #donation_frm .help.only_montly {
        margin: unset;
        text-align: left;
    }

    #donation_frm .frm_write.sign>span.label {
        text-align: center;
        width: 100%;
    }

    #donation {
        margin: 1em -1em;
        width: 100vw;
        border-radius: 0;
    }
}