.cc_div{
line-height: 1.5;
font-size: 14px;
font-weight: 500;
font-family: 'Red Hat Display', sans-serif;
color: #8e9398;
}
#cm-ov, #cs-ov {
background: rgba(0, 0, 0, .3);
}
#cm {
padding: 35px 50px;
max-width: 460px;
border-radius: 0;
}
#c-ttl svg {
position: absolute;
right: 30px;
top: 20px;
}
#c-txt,
#s-cnt .p {
line-height: 1.5;
font-size: 14px;
color:#8e9398;
}
#s-cnt .p {
margin-top:0;
}
.cc_div #c-bns {
flex-direction: column;
margin-top:30px;
}
.cc_div .c-bn {
font-size: 14px;
font-weight: 500;
background-color: transparent!important;
color: #a02042!important;
padding: 10px 20px;
border-radius: 23px;
height: 46px;
text-decoration: none;
outline: 0;
flex: auto;
}
.cc_div #c-bns .c-bn {
border:1px solid #a02042;
display: block;
width: 100%;
}
.cc_div #s-bns .c-bn{
border:1px solid #a02042;
}
.test{
order:2;
margin-bottom: 15px;
}
#c-s-bn{
order:1;
margin-bottom: 15px;
margin-left: 0!important;
}
#c-p-bn{
order:3;
color: #fff!important;
background-color: #a02042!important;
}
#c-p-bn:hover{
background-color: #7e1a34!important;
}
.cc_div .c-bn:hover{
background-color: #a02042!important;
color:#fff!important;
}
.cc_div .c-bn[aria-label="Close"] {
background-color: transparent !important;
}
#s-bl {
padding-top: 0;
padding-bottom: 90px;
}
@media screen and (max-width: 688px){
#s-bl {
padding-bottom: 130px;
}
}
#s-cnt .p button {
margin-top: 2rem;
}
#s-bl > .c-bl:nth-child(2) {
border: 0 none;
padding: 0 1em 1em 0;
background: transparent !important;
}
#s-bl > .c-bl:nth-child(2) .b-tl {
color:#00476c;
font-size:16px;
}
.cc_div .b-tg .c-tgl:checked~.c-tg {
background: #dee4d5;
}
.cc_div .b-tg .c-tgl:checked~.c-tg:after {
background: #a02042;
}
.cc_div .on-i::before {
border-color: #a02042;
}
#s-bl .c-bl.b-ex {
margin-bottom: 0;
border-radius: 0;
background-color: transparent;
border: 1px solid #C9C9C9;
border-bottom: 0 none;
}
#s-bl .c-bl.b-ex:last-child{
border-bottom: 1px solid #C9C9C9;
}
#s-hdr {
border-bottom: 0 none;
}
#s-bns {
border-top: 0 none;
height: calc(46px + 2em);
}
#s-cnt .b-bn .b-tl {
font-size: 13px;
line-height: 18px;
}
.cc_div .bar #s-bl {
height: auto;
}
.cc_div .bar #s-bns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0;
margin-top: auto;
position: relative;
height: auto;
padding-bottom: 37px;
padding-top: 20px;
}
#s-inr,  .bar.slide #s-inr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0;
max-width: 460px;
border-radius: 0;
}
#s-cnt button+button {
margin-left: 0;
margin-bottom: 20px;
}
#s-cnt #s-rall-bn {
background-color: #fff;
border: 1px solid #a02042;
color: #a02042;
}
#s-cnt button+button:hover {
background-color: #a02042;
}
input.c-tgl:disabled+.c-ro {
opacity: .5;
}
#s-cnt .act .b-bn .b-tl {
border-radius: 0 !important;
}
#s-cnt .b-bn .b-tl.exp:hover {
background: transparent;
outline: none;
}
#s-c-bn{
border-radius: 50%;
border:1px solid #a02042;
}
#s-c-bn::after, #s-c-bn::before{
background-color: #a02042;
left: 0.775em;
top: 0.54em;
}
.cc_div .act .b-bn .exp::before, .cc_div .b-bn .exp::before{
border-color:#a02042;
}
.cc_div a:hover{
border-bottom: 1px solid;
}
#s-c-bn:hover:after, #s-c-bn:hover:before{
background-color:#fff;
}
@media screen and (max-width: 688px){
#c-s-in{
display: flex;
justify-content: center;
}
#s-inr, .bar.slide #s-inr{
max-width: calc(100% - 2em);
}
}
#s-ttl{
color:#00476c;
font-size:16px;
}