.accordionjs { position: relative; margin: 0; padding: 0; list-style: none; margin-top: calc(80px + (160 - 80) * (100vw - 375px) / (1920 - 375));}

.accordionjs .acc_section { border-top: thin solid #fff; position: relative; z-index: 10; width: 90vw;}
.accordionjs .acc_section:last-of-type { border-bottom: thin solid #fff; position: relative; z-index: 10;}

.accordionjs .acc_section .acc_head { position: relative; padding: 1.875em 0; display: block; cursor: pointer;}
.accordionjs .acc_section .acc_head h3 { font-size: calc(28px + (56 - 28) * (100vw - 375px) / (1920 - 375)); line-height: 1.125em; letter-spacing: -.03em; position: relative;}
.accordionjs .acc_section .acc_head h3:after { position: absolute; top:50%; right: calc(10px + (20 - 10) * (100vw - 375px) / (1920 - 375));; transform: translate(0, -50%); display: inline-block; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 300; content: "+"; text-align: center;}

.accordionjs .acc_section .acc_head span { display: inline-block; width: calc(40px + (60 - 40) * (100vw - 375px) / (1920 - 375));}
.accordionjs .acc_section .acc_head span.number { color: #4EEEF8; font-size: 16px; letter-spacing: 0; line-height: 2.25em; vertical-align: text-top;}
.accordionjs .acc_section .acc_head span.icon {}
.accordionjs .acc_section .acc_head span.icon img { height: auto; width: calc(24px + (36 - 24) * (100vw - 375px) / (1920 - 375)); margin-top: calc(4px + (12 - 4) * (100vw - 375px) / (1920 - 375)); vertical-align: top;}

.accordionjs .acc_section .acc_content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: flex-start; padding-bottom: calc(40px + (80 - 40) * (100vw - 375px) / (1920 - 375));}

.accordionjs .acc_section .acc_content .txt_accordion { padding-left: calc(40px + (60 - 40) * (100vw - 375px) / (1920 - 375)); width: 37%; order: 1;}
.accordionjs .acc_section .acc_content .txt_accordion p{ font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1920 - 375)); letter-spacing: -.03em; line-height: 1.25em; margin: 1.25em 0 0;}
.accordionjs .acc_section .acc_content .txt_accordion p:first-of-type{ margin: 0;}
.accordionjs .acc_section .acc_content .txt_accordion p a{ background: rgba(255, 255, 255, .08); border: thin solid rgba(255, 255, 255, .16); backdrop-filter: blur(5px); display: inline-block; font-size: 15px; font-weight: 500; line-height: 1.125em; letter-spacing: -.02em; padding: 1em 2em; border-radius: 1.6em;}
.accordionjs .acc_section .acc_content .txt_accordion p a:hover{ border: thin solid rgba(255, 255, 255, .32); color: #fff;}

.accordionjs .acc_section .acc_content .txt_accordion ul{ margin-top: calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375));}
.accordionjs .acc_section .acc_content .txt_accordion ul li{ display: block; font-size: 16px; line-height: 1.25em; padding: 1em 0; border: 0; border-bottom: thin solid rgba(256,256,256,.2);}
.accordionjs .acc_section .acc_content .txt_accordion ul li:first-of-type{ border-top: thin solid rgba(256,256,256,.2);}

@media only screen and (min-width:0) and (max-width:1023px) {
.accordionjs .acc_section .acc_content .txt_accordion { width: 100%; order: 2;}
}

.accordionjs .acc_section .acc_content .media_accordion { width: 57%; order: 2;}
.accordionjs .acc_section .acc_content .media_accordion video { height: auto; width: 100%;}

@media only screen and (min-width:0) and (max-width:1023px) {
.accordionjs .acc_section .acc_content .media_accordion { padding-left: calc(40px + (60 - 40) * (100vw - 375px) / (1920 - 375)); margin-bottom: calc(20px + (40 - 20) * (100vw - 375px) / (1920 - 375)); width: 100%; order: 1;}
}

.accordionjs .acc_section.acc_active > .acc_content { display: block;}
.accordionjs .acc_section.acc_active > .acc_head {}
.accordionjs .acc_section.acc_active > .acc_head h3:after { content: "-";}