[class*="flex"]{display: flex;flex-wrap: wrap}
#BodyContentMain{margin: 0;}
.unit-list a{font-size: 1.5em;display: block;position: relative;z-index: 2;}
.unit-list{position: relative;}
.unit-list:before{content: "";position: absolute;width: 115px;height: 36px;border-radius: 5px;left: 0;right: 0;margin: auto;top: 12px;background-color: #ffe234;z-index: 1;}
.unit-list a:active {position:relative;top:1px;}
.unit-list a:hover{color: #000;}
.unit-list{width:calc(100%/3);}
.unit-list:nth-child(2):before,.unit-pag:nth-child(5):before{background-color: #ffb165;}
.unit-list:nth-child(3):before,.unit-pag:nth-child(6):before{background-color: #c0e0ff;}
.unit-menu{margin:4% 0;justify-content: center;}
.toeic-more a{position: relative;}
.toeic-more a:hover i{left:2.5%;}
.toeic-more .fa-chevron-circle-right{position: absolute;left:0;top:5px;}
.notice-list{padding-left: 2em;}
.notice-list li{list-style-type: decimal;text-align: left;}
.notice-list li:nth-child(2){color: #006BAB;}
.rwd-table {min-width: 100%;}
.rwd-table tr:nth-of-type(even) {background: #fff;}
.rwd-table td {text-align: center;line-height: 1.5;padding: 2% 0;}
/* .rwd-table td:nth-child(3){text-align: justify;vertical-align: sub;font-size: 1.1em;padding: 2%;} */
.rwd-table td:nth-child(5){font-size: 0.8rem;}
.rwd-table th {background-color: #C04839;color: #FFFFFF;padding: 2%;}
/* .rwd-table small{display: block;margin-top: 2%;} */
.system-title{font-size:2rem;font-weight: 900;}
.append_title{color:#ffe234;}
.append{color:#C04839;}
.toeic-newsad img{width: 100%;}  
.toeic-cont{padding-left: 2em;}
.toeic-cont li{text-align: left;list-style-type: disc;}
.cont-line{display: inline-flex;flex-wrap: wrap;}
.cont-line li{width: calc(100%/2);}
.certificate{font-size: 1.1em;display: flex;flex-wrap: wrap;padding: 1% 4% 0;margin: 0;}
.certificate dt,.certificate dd{padding: 1em;box-sizing: border-box;margin: .2%;}
.certificate dt{width: 20%;color: white;font-weight: bold;text-align: center;}
.certificate dt span{display: block;}
.certificate dd{width: 79%;background-color:white;text-align: left;}
.certificate dt:nth-of-type(1){background-color: #D4B302;}
.certificate dt:nth-of-type(2){background-color: #01448A;}
.certificate dt:nth-of-type(3){background-color: #006035;}
.certificate dt:nth-of-type(4){background-color: #663606;}
.certificate dt:nth-of-type(5){background-color: #EE9803;}
.certificate dd:nth-of-type(1){background-color: #f9f3cd;}
.certificate dd:nth-of-type(2){background-color: #d6e7f9;}
.certificate dd:nth-of-type(3){background-color: #e4fff3;}
.certificate dd:nth-of-type(4){background-color: #ffefdf;}
.certificate dd:nth-of-type(5){background-color: #ffe8bf;}
.certificate+small,.all_area+small{padding: 3% 4%;display: block;text-align: right;}
.toeic-intro{margin-top: 0;}
.toeic_page>header h1 {margin: 1% 4% 2%;padding: 4% 0 0;color: #ff7e00;border-bottom: solid 1px #eaeaea;}
.toeic-intro h2,.tab-cont h2{color:#806756;font-size: 1.8em;}
.toeic-contad img{width: 100%;}
.toeic_page{margin-bottom: 0;}
.textbook-list{background-color: #fbfbfb;}
.textbook-item{width: calc(100%/4);}
.textbook-item img{width: auto;height: 170px;}
.textbook-list h3,.preferred h1{width: 100%;color: #806756;margin: 2.5% 0 2%;padding: 0 0 5px;border-bottom: solid 1px #eaeaea;font-size: 1.8em;}
.textbook-item a,.cloudCourse-item a{display: block;color: #806756;margin: 2% auto 0;padding: 0 4%;}
.textbook-more{display: flex;justify-content: center;align-items: center;width: 100%;}
.textbook-more a{padding: 1% 35px 0;margin:2% 0 0;color: #806756;text-decoration: none;border-top: solid 1px #eaeaea;display: block;clear: both;width: 100%;}
.textbook-more a i{margin-left: 3px;}
.prepare-box{width: calc(100%/2.05);padding: 1em;border-radius: .3em;box-sizing: border-box;margin: .5%;justify-content: space-around;font-size: 1.1em;line-height: 35px;text-align: left;}
.prepare-box:nth-of-type(odd){background-color: #fffce3;}
.prepare-box:nth-of-type(even){background-color: #EAF3F8;}
.prepare-box ul li{font-size: 1.1em;line-height: 35px;list-style: disc;margin-left: 1em;}
.max-w{width: 100%;}
.prepare-tips{font-weight: bold;display: block;text-align: center;font-size: 1.1em;}
.prepare-tips font{padding: 0 .4em;margin: 0 .5em 0 .2em;border-radius: 100%;background-color: #ffb165;}
.unit-pag{width: calc(100%/8);margin: 0 .5% 2.5%;}
.unit-pag a{font-size: 1.1em;}
#out .unit-pag:before{width: 85px;height: 25px;}
#out{width:100%;}
.click1,.click2,.click3,.click4,.click5,.click6,.click7{display: inline-table;}  
.content1,.content2,.content3,.content4,.content5,.content6,.content7{display: none;}  
.active{display: block;animation-name:ani;animation-duration:0.5s;}
@keyframes ani{from{opacity: 0;}to{opacity:10;}}
.content3 ul li,.content7 ol li{list-style-type: decimal;}
.content7 ol{margin-left: -1em;}
.content7 ol li ul li{list-style-type: disc;font-size: inherit;}
.content3 ul li strong{display: block;}
.prepare-box u{color: #CE3F63;}

@media (min-width: 1024px) {    
    .rwd-table tr:nth-child(odd) {background-color: #fff6bf;}
    .rwd-table th, .rwd-table td {border-bottom: solid 1px #eaeaea;border-right: solid 1px #eaeaea;}    
    .rwd-table th:last-child, .rwd-table td:last-child{border-right: none;}
    .rwd-table tr:last-child td{border-bottom: none;}
}

@media (min-width: 768px) {    
    .toeic-more a{margin: 0 2%;position: relative;padding: 0 4%;font-size: 1.3em;}
}

@media (max-width: 1200px){
    .transfer-more a {display: inline-block;}
    #BodyMenu {display: block;width: 100%;margin-top: 15%;overflow-x: scroll;}
    #menu{display: none;}
    #BodyMenu table:nth-of-type(1){display: none;}
    #SubMenu {width: 100%;}
    @media all and (max-width: 1023px){.textbook-item{width: calc(100%/2);margin: 0 auto;}} 
}

@media (max-width: 768px){    
    #SubMenu {width: 106%;}
    .rwd-table td {display: block;}
    .rwd-table th {display: none;}
    .rwd-table td:before,.rwd-table div:before {content: attr(data-title) "：";font-weight: bold;display: inline-block;}
    .rwd-table td:nth-child(5){font-size: 1rem;}
    .system-title {background-color: #C04839;color: white;font-weight: bold;font-size: 1.3em !important;text-align: center !important;} 
    .system-title a{color: white;}
    .toeic-intro table td small{display: inline;margin-left: .5em;}
    
}

@media (max-width: 767px){
    #BodyFooter_rwd{margin: 5% auto 22%;}
    .toeic-more a {font-size: 1.1em;margin: 0;padding: 0 2% 0 6%;}
    .next_btn>h3{font-size: 1.2em;}
    #SubMenu {width: 225%;}
    .cont-line li,.certificate dt,.certificate dd{width: 100%;}
    .certificate dd{margin: .4% .2% 3%;}
    .prepare-box{width: 100%;}
    .unit-pag {width: calc(100%/3.2);margin: 0 .5% 5%;}
    .unit-pag:nth-child(6):before{background-color: #ffb165;}
    .unit-pag:nth-child(4):before,.unit-pag:nth-child(7):before{background-color: #c0e0ff;}
    .unit-pag:nth-child(5):before{background-color: #ffe234}    
}

@media (max-width: 320px){
    .unit-list:before{width: 100px;}
    .toeic-more a {font-size: 1em;margin: 0;padding: 0 2% 0 6%;}
    #SubMenu {width: 260%;}
}