.guide-btn{display: inline-block;margin: 1rem auto;width: 100%;text-align: center;}
.guide-btn a{background: #3f96cd;color: #fff;text-decoration: none;border-radius: .5rem;display: inline-block;padding: .5rem .75rem;}
.guide-btn a:hover{color: #ffd900;}
.course-submenu {display: flex;flex-wrap: wrap;justify-content: end;border-bottom: 3px solid #2b84bc;}
.course-submenu li {margin-left: 0.25rem;list-style-type: none;}
.course-submenu li a {background-color: #3F96CD;color: white;font-weight: bold;padding: 0.25rem 1rem;border-radius: 0.5rem 0.5rem 0 0;display: block;}
.course-submenu .active a {color: #ffd900;text-decoration: none;}
.series-wrap {color: black;text-align: left;}
.series-wrap h1 {font-size: 2.25rem;margin: auto;}
.series-wrap h2 {font-size: 1.5rem;margin: auto;}
.fcolor-red {color: #d13c2d;}
.step {display: flex;flex-wrap: wrap;}
.step dl {width: calc(100%/3);padding-right: 0.75rem;box-sizing: border-box;}
.step dl dt {margin-top: 0.5rem;font-weight: bold;}
.step dl dd, .strategy-cont dl dd {padding: 0;margin: auto;font-size: 15px;}
.step dl:nth-of-type(1) dt, .step dl:nth-of-type(1) dt a {color: #4ba2d8;}
.step dl:nth-of-type(2) dt, .step dl:nth-of-type(2) dt a {color: #1b75ae;}
.step dl:nth-of-type(3) dt, .step dl:nth-of-type(3) dt a, .fourth dl:nth-of-type(4) dt, .fourth dl:nth-of-type(4) dt a {color: #e03f00;}
.fourth dl:nth-of-type(3) dt, .fourth dl:nth-of-type(3) dt a {color: #f18a05;}
.preiod {font-size: 1.75rem;color: #2b84bc;font-weight: bold;}
.strategy {margin: 1rem auto 2rem;}
.strategy-cont {display: flex;flex-wrap: wrap;}
.bgcolor1 {background-color: #4BA2D8;}
.bgcolor2 {background-color: #1b75ae;}
.bgcolor3 {background-color: #e03f00;}
.strategy-cont dl dt {color: white;text-align: center;font-weight: bold;padding: 0.25rem 0;}
.strategy-cont dl dd {background-color: #F1F1F1;padding: 0.25rem;height: 80%;}
.triple dl {width: calc(100%/3 - 3px);border: 1px solid white;margin: 0.25rem auto;}
.twice dl {width: calc(100%/2 - 2px);border: 1px solid white;margin: 0.25rem auto;}
.fourth dl {width: calc(100%/4);}
#myclass a {color:#fff;}
#myclass .classH {border-bottom-width: 3px;border-bottom-style: solid;border-bottom-color: #000;color: #FF0066;background-color: initial;text-align: center;}
#myclass .class1 {color:#FFF;font-weight:bold;text-align: center;background-color:#4ba2d8;}
#myclass .class2 {color:#FFF;font-weight:bold;text-align: center;background-color:#1b75ae;}
#myclass .class3 {color:#FFF;font-weight:bold;text-align: center;background-color:#f18a05;}
#myclass .class4 {color:#FFF;font-weight:bold;text-align: center;background-color:#e03f00;}
#myclass td {background-color:#f1f1f1;padding: 0.25rem;vertical-align: top;border-right: 2px solid white;border-left: 2px solid white;}
.Matrix img {max-width: 100%;}
#BodyContentMainDetail .subtitle {display: inline-block;}
#BodyContentMainDetail table {width: 100%;}

@media (max-width: 999px) {		
}

@media (max-width: 767px) {
	.step dl {width: 100%;padding: 0;}
	.step img {display: block;margin: auto;}
	.course-submenu li a {padding: 0.25rem;}
	.strategy-cont dl {width: 100%;margin: auto;}	
}