.accordion_list,.accordion_list *{font-size:inherit;list-style-type:none;margin:0;padding:0}.wrap.accordion_list{font-family:Concert One,cursive;font-size:20px;letter-spacing:.05em;line-height:1em;margin:0 auto;max-width:720px;text-align:center}.accordion_list .box,.accordion_list .trigger{background-color:var(--box-bg,#333);border:1px solid #666;font-weight:700;margin-bottom:1px;padding:.7em 3em}.accordion_list .trigger{color:#fff;cursor:pointer;position:relative;transition-duration:.2s}.wrap.accordion_list .content{--box-bg:var(--box-bg1,#fff)}.wrap.accordion_list .accordion_list .content{--box-bg:var(--box-bg2,#999)}.wrap.accordion_list>li:first-of-type{--box-bg:#3d85c6;--box-bg1:#fff;--box-bg2:#fff}.wrap.accordion_list>li:nth-of-type(2){--box-bg:#ee7800;--box-bg1:#ff953e;--box-bg2:#fff}.wrap.accordion_list>li:nth-of-type(3){--box-bg:#666;--box-bg1:#fff;--box-bg2:#fff}.accordion_list .trigger:hover{opacity:.8}.accordion_list .trigger:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='5' d='m4 8 8 8 8-8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1em 1em;bottom:0;content:"";display:block;pointer-events:none;position:absolute;right:.5em;top:0;transform:rotate(0deg);transition-duration:inherit;width:2em}.accordion_list .trigger.open:after{transform:rotate(540deg)}@media screen and (max-width:600px){.wrap.accordion_list{font-size:18px;text-align:left}.accordion_list .box,.accordion_list .trigger{padding-left:1em}}