@charset "UTF-8";
/* CSS Document */


#main .change_wrap{ margin:4em auto 0;}
#main .change_wrap .change_click{ margin-bottom:-2px; line-height:1;}
#main .change_wrap .change_click .year_btn{ display:inline-block; padding:0.6em 1em; font-size:1.3em; border:2px solid #FFA023; border-bottom:none; border-radius:0.5em 0.5em 0 0; margin:0.2em 0.5em 0 0; font-weight:900; background:#FFA023; color:#FFF; cursor:pointer;}
#main .change_wrap .change_click .year_btn.on{ background:#FFF4E3; color:#FFA023;}
#main .change_wrap .change_click .year_btn:hover{ background:#FFF4E3; color:#FFA023;}

#main .change_wrap .change_cont{ background:#FFF4E3; padding:3em 2em;border:2px solid #FFA023;}
#main .change_wrap .change_cont .year_wrap{ display:none;}
#main .change_wrap .change_cont .year_wrap.on{ display:block;}
#main .change_wrap .change_cont ul li:first-of-type{border-top: dotted 1px #AAA;padding-top:1em; }
#main .change_wrap .change_cont ul li{border-bottom: dotted 1px #AAA; padding-bottom:1em; margin-bottom:1em;}
#main .change_wrap .change_cont ul li:last-of-type{margin-bottom:0;}
#main .change_wrap .change_cont ul li a{ color:#323232; display:block;}



@media all and (max-width: 768px) {
#main .change_wrap .change_click .year_btn{ padding:0.6em 0.5em; font-size:1.2em;  margin:0.2em 0.25em 0 0; border-radius: 0.5em; margin: 0em 0.5em 0.4em 0;border-bottom:2px solid #FFA023;}
#main .change_wrap .change_cont{ padding:1.5em 1em;}
}