@charset "UTF-8";

.detail-inner {
    padding: 60px 0 60px 0;
    width: 1024px;
    margin: 0 auto;
}
.detail-in-img {
    float: right;
    width: 380px;
}
.detail-in-txt {
    float: left;
    width: 510px;
}
.detail-in-ttl {
    padding: 0 0 0 90px;
    background: url(../../images/icn_school.png) no-repeat 0 0;
    line-height: 1.4;
    font-weight: bold;
    font-size: 40px;
    min-height: 48px;
    margin: 0 0 20px 0;
    text-align: left;
}
.detail-in-tbl {
    border-top: 4px solid #e7e7e7;
}
.detail-in-tbl dl {
    border-bottom: 3px dashed #e7e7e7;
    width: 100%;
    display: table;
    letter-spacing: -.40em;
}
.detail-in-tbl dl dt {
    display: table-cell;
    letter-spacing: normal;
    vertical-align: top;
    text-align: left;
    width: 125px;
    padding: 18px 0;
    font-size: 26px;
}
.detail-in-tbl dl dd {
    display: table-cell;
    letter-spacing: normal;
    vertical-align: top;
    text-align: left;
    padding: 18px 0;
    font-size: 26px;
}
.detail-in-tbl dl dd a {
    text-decoration: underline;
}
.course-inner {
    background: url(../../images/bg01.png) repeat 0 0;
    padding: 80px 0;
    text-align: left;
}
.course-in {
    width: 1024px;
    margin: 0 auto;
}
.course-dw {
    width: 672px;
    margin: 0 auto;
}
.course-dw.wid1 {
    width: 320px;
}
.course-ttl {
    margin: 0 0 40px 0;
}
.course-list {
    margin: 0 0 0 -32px;
}
.list-inner {
    float: left;
    width: 320px;
    margin: 0 0 0 32px;
}
.course-list.marno .list-inner {
    margin: 32px 0 0 32px;
}
.list-ttl {
    margin: 0 0 20px 0;
}
.list_ttl{
    position: relative;
}
.list_ttl .open{
    position: absolute;
    top: 50%;
    left: -48px;
}
.list_ttl .openin{
    position: relative;
    display: table;
    width: 100px;
    height: 100px;
    background: #e6714f;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.list_ttl .openin:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 92%;
    margin-top: -15px;
    border: 15px solid transparent;
    border-left: 15px solid #e6714f;
}
.list_ttl .openin span{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.list_ttl .open.n2{
    left: 316px;
}
.list_ttl .n2 .openin{
    background: #3e76af;
}
.list_ttl .n2 .openin:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #3e76af;
}
.list-ct {
    background: #ffffff;
    border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    padding: 20px 30px 30px 30px;
    height: 1210px;
}
.is-ver2 .list-ct {
    height: 1396px;
}
.is-ver3 .list-ct {
    height: 1546px;
}
.is-ver4 .list-ct {
    height: 1350px;
}
.is-ver5 .list-ct {
    height: 1815px;
}
.is-ver6 .list-ct {
    height: 1635px;
}
.is-ver7 .list-ct {
    height: 1560px;
}
.is-ver8 .list-ct {
    height: 1312px;
}
.is-ver9 .list-ct {
    height: 1508px;
}
.is-ver10 .list-ct {
    height: 1396px;
}
.is-ver11 .list-ct {
    height: 1480px;
}
.is-ver12 .list-ct {
    height: 1675px;
}
.is-ver13 .list-ct {
    height: 982px;
}
.fs {
    position: relative;
    font-size: 13px;
    margin: 5px 0 0 0;
    padding: 0 0 0 1em;
}
.fs span {
    position: absolute;
    top: -1px;
    left: 0;
}
.crs01 .list-ct {
    background: #ffffff url(../../images/course_img04.png) no-repeat right 20px top 21px;
}
.crs02 .list-ct {
    background: #ffffff url(../../images/course_img05.png) no-repeat right 30px top 19px;
}
.crs03 .list-ct {
    background: #ffffff url(../../images/course_img06.png) no-repeat right 31px top 20px;
}
.crs04 .list-ct {
    background: #ffffff url(../../images/scl03_img08.png) no-repeat right 13px top 20px;
}
.crs05 .list-ct {
    background: #ffffff url(../../images/scl03_img09.png) no-repeat right 14px top 20px;
}
.crs06 .list-ct {
    background: #ffffff url(../../images/course04_img02.png) no-repeat right 14px top 20px;
}
.crs07 .list-ct {
    background: #ffffff url(../../images/scl03_img15.png?date=20210901) no-repeat right 14px top 15px;
}
.crs08 .list-ct {
    background: #ffffff url(../../images/course_img11.png) no-repeat right 13px top 20px;
}
.crs09 .list-ct {
    background: #ffffff url(../../images/course_img12.png) no-repeat right 13px top 15px;
}
.crs10 .list-ct {
    background: #ffffff url(../../images/course_img15.png) no-repeat right 13px top 15px;
}
.list-ct.is-bgno {
    background: #fff;
}
.list-tp {
    margin: 0 0 20px 0;
    position: relative;
}
.crs03 .list-tp {
    margin: 0 0 45px 0;
}
.tp-tl {
    margin: 0 0 20px 0;
}
.tp-txt {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 15px 0;
}
.tp-txt.is-ver2 {
    font-size: 16px;
}
.tp-txt:last-child {
    margin: 0 0 0 0;
}
.tp-det {
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.crs01 .tp-det {
    background: #f9dcdf;
    padding: 18px;
}
.crs01 .det-txt {
    color: #e24e61;
    color: #C24252;
    line-height: 1.3;
    font-size: 20px;
    font-weight: bold;
}
.crs01 .det-txt.tc {
    text-align: center;
}
.crs01 .det-txt span {
    color: #484544;
    line-height: 1.5;
    font-size: 17px;
    font-weight: normal;
}
.crs02 .tp-det {
    background: rgba(230, 113, 79, 0.2);
    padding: 13px;
}
.crs02 .det-txt {
    text-align: center;
    color: #e6714f;
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
}
.crs02 .det-txt span {
    color: #484544;
    line-height: 1.5;
    font-size: 17px;
    font-weight: normal;
}
.crs04 .tp-det {
    background: #fafad1;
    padding: 10px;
    margin: 0 0 15px 0;
}
.crs04 .det-img {
    text-align: center;
    margin: 0 0 10px 0;
}
.crs04 .tp-det dl {
    margin: 0 0 10px 0;
    width: 100%;
    display: table;
}
.crs04 .tp-det dl:last-child {
    margin: 0 0 0 0;
}
.crs04 .tp-det dl dt {
    width: 48px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 8px 0;
    color: #ffffff;
    color: #000;
    font-weight: bold;
    line-height: 1;
    font-size: 13px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.crs04 .tp-det dl.pt1 dt {
    background: #49ac35;
    background: #57CB40;
}
.crs04 .tp-det dl.pt2 dt {
    background: #00a0e9;
}
.crs04 .tp-det dl.pt3 dt {
    background: #f39800;
}
.crs04 .tp-det dl dd {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 0 0 10px;
    font-size: 13px;
    line-height: 1.3;
}
.crs04 .tp-det dl dd span {
    font-size: 14px;
    font-weight: bold;
}
.crs04 .tp-det dl.pt1 dd span {
    color: #49ac35;
    color: #317A23;
}
.crs04 .tp-det dl.pt2 dd span {
    color: #00a0e9;
    color: #0071A7;
}
.crs04 .tp-det dl.pt3 dd span {
    color: #f39800;
    color: #981b1e;
}
.crs04 .det-tl {
    color: #cece04;
    color: #737301;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.crs04 .det-txt {
    line-height: 1.3;
    font-size: 18px;
}
.crs05 .tp-det {
    background: #eef4d6;
    padding: 10px;
}
.crs05 .det-txt {
    line-height: 1.5;
    font-size: 17px;
}
.crs05 .det-txt span {
    color: #49ac35;
    color: #317A23;
    font-weight: bold;
}
.crs06 .tp-det {
    background: rgba(255, 155, 132, 0.2);
    padding: 13px;
}
.crs06 .det-txt {
    color: #e11923;
    line-height: 1.3;
    font-size: 20px;
    font-weight: bold;
}
.crs07 .det-tl {
    color: #70bc3a;
    color: #487C23;
    line-height: 1;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.list-tp-ab {
    margin: 0 0 35px 0;
}
.list-tp-ab:last-child {
    margin: 0 0 0 0;
}
.list-tp-ab ul {
    margin: 0 0 15px 0;
}
.list-tp-ab ul li {
    margin: 0 10px 0 0;
    float: left;
    text-align: center;
    color: #3e76af;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    padding: 8px;
    background: #d8e4ef;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.list-tp-ab.is-float ul li {
    position: absolute;
    top: 0;
    left: 157px;
}
.list-tp-ab.is-float.is-ver2 ul li {
    left: 109px;
}
.list-stl {
    border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 1;
}
.crs01 .list-stl {
    background: #e24e61;
    padding: 8px 0;
}
.crs02 .list-stl {
    background: #e6714f;
    padding: 8px 0;
}
.crs03 .list-stl {
    background: #3e76af;
    padding: 10px 0;
}
.crs04 .list-stl {
    background: #e5e519;
    padding: 10px 0;
}
.crs05 .list-stl {
    background: #49ac35;
    padding: 10px 0;
}
.crs06 .list-stl {
    background: #e11923;
    padding: 8px 0;
}
.crs07 .list-stl {
    background: #70bc3a;
    padding: 8px 0;
}
.crs09 .list-stl {
    background: #d36dc6;
    padding: 8px 0;
}
.crs10 .list-stl {
    background: #ec6c00;
    padding: 8px 0;
}
.list-det {
    margin: 0 0 15px 0;
}
.list-det:last-child {
    margin: 0 0 0 0;
}
.list-det.is-ver2 {
    margin: 0 0 60px 0;
}
.list-det.is-ver2:last-child {
    margin: 0 0 0 0;
}
.crs01 .list-det {
    margin: 0 0 25px 0;
}
.list-det-txt {
    line-height: 1.6;
    font-size: 18px;
    margin: 0 0 15px 0;
}
.list-det-txt:last-child {
    margin: 0 0 0 0;
}
.list-det dl {
    margin: 0 0 15px 0;
}
.list-det dl:last-child {
    margin: 0 0 0 0;
}
.list-det dl dt {
    margin: 0 0 8px 0;
    font-weight: bold;
    line-height: 1;
    font-size: 17px;
    text-indent: -0.5em;
}
.crs01 .list-det dl dt {
    color: #e24e61;
    color: #C24252;
    font-size: 15px;
    line-height: 1.4;
}
.crs02 .list-det dl dt {
    color: #e6714f;
}
.crs03 .list-det dl dt {
    color: #3e76af;
}
.crs04 .list-det dl dt {
    color: #cece04;
    color: #737301;
}
.crs05 .list-det dl dt {
    color: #49ac35;
    color: #317A23;
}
.crs06 .list-det dl dt {
    color: #e11923;
}
.crs07 .list-det dl dt {
    color: #70bc3a;
    color: #487C23;
}
.crs08 .list-det dl dt {
    color: #0064fb;
}
.crs09 .list-det dl dt {
    color: #d36dc6;
}
.crs10 .list-det dl dt {
    color: #d45700;
}
.list-det dl dd {
    line-height: 1.6;
    font-size: 15px;
}
.crs01 .list-det dl dd p.tr {
    text-align: right;
}
.crs02 .list-det dl dd .tl span {
    color: #f5cfbb;
    color: #e6714f;
}
.crs03 .list-det dl dd .tl span {
    color: #d8e4ef;
    color: #3e76af;
}
.crs04 .list-det dl dd .tl span {
    color: #efef79;
}
.crs05 .list-det dl dd .tl span {
    color: #49ac35;
    color: #317A23;
}
.crs06 .list-det dl dd .tl span {
    color: #f599a0;
    color: #e11923;
}
.crs08 .list-det dl dd .tl span {
    color: #0064fb;
}
.crs09 .list-det .tl span {
    color: #d36dc6;
}
.list-det dl dd .stx {
    text-align: right;
}
.list-det ul {
    margin: 0 0 20px 0;
}
.list-det ul:last-child {
    margin: 0 0 0 0;
}
.list-det ul li {
    position: relative;
    padding: 0 0 0 1em;
    line-height: 1.8;
    font-size: 14px;
    font-feature-settings: "palt";
}
.list-det ul li.is-red {
    color: #ff0000;
}
.list-det ul li span {
    position: absolute;
    top: 0;
    left: 0;
}
.list-ptp {
    border: 2px solid #e24e61;
    padding: 30px 15px;
}
.ptp-tl {
    text-align: center;
    margin: 0 0 25px 0;
}
.ptp-txt {
    font-size: 16px;
    line-height: 1.8;
    color: #e24e61;
    color: #C24252;
    font-weight: bold;
}
.fea-inner .fea-in {
    position: relative;
    margin: 0 0 15px 0;
}
.fea-inner .fea-in.pt2 {
    height: 45px;
}
.fea-inner .fea-in.pt3 {
    height: 45px;
}
.fea-inner .fea-in:last-child {
    margin: 0 0 0 0;
}
.fea-inner .fea-tl {
    font-size: 16px;
    line-height: 1;
    color: #49ac35;
    color: #317A23;
    font-weight: bold;
    margin: 0 0 10px 0;
}
.fea-inner .fea-in .fea-tl .s-br {
    display: none;
}
.fea-inner .fea-tx {
    font-size: 14px;
    line-height: 1.1;
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 5px 0;
}
.fea-inner .fea-tx.ver2 {
    padding: 0;
}
.fea-inner .fea-tx:nth-child(4) {
    margin: 0 0 0 0;
}
.fea-inner .fea-tx span {
    position: absolute;
    top: 0;
    left: 0;
}
.fea-inner .fea-img {
    position: absolute;
}
.fea-inner .fea-in.pt1 .fea-img {
    top: 16px;
    right: -10px;
}
.fea-inner .fea-in.pt2 .fea-img {
    top: -24px;
    right: -28px;
}
.fea-inner .fea-in.pt3 .fea-img {
    top: -15px;
    right: 35px;
}
.list-img.is-mb {
    margin: 0 0 45px 0;
}
.crs05 .list-img {
    margin: 0 0 20px 0;
}
.prc-inner .prc-first {
    margin: 0 0 10px 0;
}
.prc-inner .prc-base {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
.prc-inner .prc-base span {
    font-size: 22px;
    font-weight: bold;
}
.prc-inner .prc-table {
    border-top: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    width: 100%;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.prc-inner .prc-table tr th {
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    vertical-align: middle;
    text-align: center;
    background: #eeeeee;
    width: 50px;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
}
.prc-inner .prc-table tr th.dev_course {
    width: auto;
    border-bottom: 2px dotted #b2b2b2;
    font-size: 12px;
    background: #ecf7fa;
}
.prc-inner .prc-table.is-ver2 tr th {
    width: 85px;
    line-height: 1.6;
}
.prc-inner .prc-table.is-ver2 tr th span {
    font-size: 10px;
}
.prc-inner .prc-table tr td {
    border-right: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 5px 5px;
}
.is-ver13 .list-det ul li {
    padding: 0 0 0 1.2em;
    margin: 0 0 0 -0.3em;
}
/* .ai_wrap {
    display: flex;
    flex-wrap: wrap;
    text-align: right;
    margin-left: -20px;
}
.ai_wrap .tl {
    margin-left: 20px;
} */
@media (max-width: 767px) {

.detail-inner {
    padding: 30px 20px 30px 20px;
    width: auto;
}
.detail-in-img {
    float: none;
    width: 225px;
    margin: 0 auto;
}
.detail-in-img img {
    width: 100%;
    max-width: 380px;
    height: auto;
}
.detail-in-txt {
    float: none;
    width: auto;
    margin: 0 0 30px 0;
}
.detail-in-ttl {
    padding: 0 0 0 55px;
    background: url(../../images/sp/icn_school.png) no-repeat 0 0;
    background-size: 40px auto;
    -ms-background-size: 40px auto;
    -moz-background-size: 40px auto;
    -webkit-background-size: 40px auto;
    line-height: 1.4;
    font-weight: bold;
    font-size: 22px;
    min-height: 28px;
    margin: 0 0 15px 0;
}
.detail-in-tbl {
    border-top: 2px solid #e7e7e7;
}
.detail-in-tbl dl {
    border-bottom: 2px dotted #e7e7e7;
}
.detail-in-tbl dl dt {
    width: 85px;
    padding: 15px 0;
    font-size: 16px;
}
.detail-in-tbl dl dd {
    padding: 15px 0;
    font-size: 16px;
}
.course-inner {
    padding: 20px 20px 50px 20px;
}
.course-in {
    width: auto;
    margin: 0 auto;
}
.course-dw {
    width: auto;
    margin: 0 auto;
}
.course-dw.wid1 {
    width: auto;
}
.course-ttl {
    margin: 0 0 20px 0;
}
.course-list {
    margin: 0 0 0 0;
}
.list-inner {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
}
.list-inner:last-child {
    margin: 0 0 0 0;
}
.course-list.marno .list-inner {
    margin: 0 0 20px 0;
}
.list-ttl {
    margin: 0 0 20px 0;
}
.list-in-ttl {
    border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    text-align: center;
    padding: 15px 0;
    line-height: 1;
    position: relative;
}
.list-in-ttl:after {
    content: "";
    position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -44vw;
}
.crs01 .list-in-ttl {
    background: #e24e61;
}
.crs02 .list-in-ttl {
    background: #e6714f;
}
.crs03 .list-in-ttl {
    background: #3e76af;
}
.crs04 .list-in-ttl {
    background: #e5e519;
}
.crs05 .list-in-ttl {
    background: #49ac35;
}
.crs06 .list-in-ttl {
    background: #e11923;
}
.crs07 .list-in-ttl {
    background: #70bc3a;
}
.crs08 .list-in-ttl {
    background: #0064fb;
}
.crs09 .list-in-ttl {
    background: #d36dc6;
}
.crs10 .list-in-ttl {
    background: #ec6c00;
}
.crs01 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
    border-top: 15px solid #e24e61;
}
.crs02 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #e6714f;
}
.crs03 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #3e76af;
}
.crs04 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #e5e519;
}
.crs05 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #49ac35;
}
.crs06 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #e11923;
}
.crs08 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #0064fb;
}
.crs09 .list-in-ttl:after {
	border-left: 44vw solid transparent;
    border-right: 44vw solid transparent;
	border-top: 15px solid #d36dc6;
}
.list-ct {
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    padding: 35px 20px 30px 20px;
    height: auto;
}
.is-ver2 .list-ct ,
.is-ver3 .list-ct ,
.is-ver4 .list-ct ,
.is-ver5 .list-ct ,
.is-ver6 .list-ct ,
.is-ver7 .list-ct ,
.is-ver8 .list-ct ,
.is-ver9 .list-ct ,
.is-ver10 .list-ct,
.is-ver11 .list-ct,
.is-ver12 .list-ct,
.is-ver13 .list-ct {
    height: auto;
}
.crs01 .list-ct {
    background: #ffffff url(../../images/sp/course_img04.png) no-repeat right 20px top 35px;
    background-size: 125px auto;
    -ms-background-size: 125px auto;
    -moz-background-size: 125px auto;
    -webkit-background-size: 125px auto;
}
.crs02 .list-ct {
    background: #ffffff url(../../images/sp/course_img05.png) no-repeat right 20px top 35px;
    background-size: 125px auto;
    -ms-background-size: 125px auto;
    -moz-background-size: 125px auto;
    -webkit-background-size: 125px auto;
}
.crs03 .list-ct {
    background: #ffffff url(../../images/sp/course_img06.png) no-repeat right 20px top 35px;
    background-size: 95px auto;
    -ms-background-size: 95px auto;
    -moz-background-size: 95px auto;
    -webkit-background-size: 95px auto;
}
.crs04 .list-ct {
    background: #ffffff url(../../images/sp/scl03_img08.png) no-repeat right 20px top 35px;
    background-size: 95px auto;
    -ms-background-size: 95px auto;
    -moz-background-size: 95px auto;
    -webkit-background-size: 95px auto;
}
.crs05 .list-ct {
    background: #ffffff url(../../images/sp/scl03_img09.png) no-repeat right 10px top 35px;
    background-size: 95px auto;
    -ms-background-size: 95px auto;
    -moz-background-size: 95px auto;
    -webkit-background-size: 95px auto;
}
.crs06 .list-ct {
    background: #ffffff url(../../images/sp/course04_img02.png) no-repeat right 10px top 35px;
    background-size: 68px auto;
    -ms-background-size: 68px auto;
    -moz-background-size: 68px auto;
    -webkit-background-size: 68px auto;
}
.crs07 .list-ct {
    background: #ffffff url(../../images/sp/course_img09.png?date=20210901) no-repeat right 10px top 35px;
    background-size: 80px auto;
    -ms-background-size: 80px auto;
    -moz-background-size: 80px auto;
    -webkit-background-size: 80px auto;
}
.crs08 .list-ct {
    background: #ffffff url(../../images/sp/course_img12.png) no-repeat right 20px top 35px;
    background-size: 95px auto;
    -ms-background-size: 95px auto;
    -moz-background-size: 95px auto;
    -webkit-background-size: 95px auto;
}
.crs09 .list-ct {
    background: #ffffff url(../../images/sp/course_img13.png) no-repeat right 20px top 35px;
    background-size: 125px auto;
    -ms-background-size: 125px auto;
    -moz-background-size: 125px auto;
    -webkit-background-size: 125px auto;
}
.crs10 .list-ct {
    background: #ffffff url(../../images/sp/course_img15.png) no-repeat right 10px top 35px;
    background-size: 100px auto;
    -ms-background-size: 100px auto;
    -moz-background-size: 100px auto;
    -webkit-background-size: 100px auto;
}
.list-ct.is-bgno {
    background: #fff;
}
.list-tp {
    margin: 0 0 20px 0;
}
.crs03 .list-tp {
    margin: 0 0 20px 0;
}
.tp-tl {
    margin: 0 0 20px 0;
}
.tp-txt {
    font-size: 16px;
    margin: 0 0 15px 0;
}
.tp-det {
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.crs01 .tp-det {
    background: #f9dcdf;
    padding: 15px 20px;
}
.crs01 .det-txt {
    line-height: 1.6;
    font-size: 18px;
}
.crs01 .det-txt span {
    font-size: 16px;
}
.crs02 .tp-det {
    background: rgba(230, 113, 79, 0.2);
    padding: 13px;
}
.crs02 .det-txt {
    text-align: center;
    color: #e6714f;
    line-height: 1.3;
    font-size: 24px;
    font-weight: bold;
}
.crs02 .det-txt span {
    color: #484544;
    line-height: 1.5;
    font-size: 17px;
    font-weight: normal;
}
.list-tp-ab {
    margin: 0 0 20px 0;
}
.list-tp-ab ul {
    margin: 0 0 15px 0;
}
.list-tp-ab ul li {
    margin: 0 10px 0 0;
    float: left;
    text-align: center;
    color: #3e76af;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
    padding: 8px;
    background: #d8e4ef;
    border-radius: 8px;
    -ms-border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.list-tp-ab.is-float ul li {
    left: 190px;
}
.list-tp-ab.is-float.is-ver2 ul li {
    left: 129px;
}
.list-stl {
    border-radius: 25px;
    -ms-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 0 0 15px 0;
    text-align: center;
    line-height: 1;
}
.crs01 .list-stl {
    background: #e24e61;
    padding: 8px 0;
}
.crs02 .list-stl {
    background: #e6714f;
    padding: 8px 0;
}
.crs03 .list-stl {
    background: #3e76af;
    padding: 10px 10px;
}
.crs03 .list-stl img {
    width: 100%;
    max-width: 270px;
}
.crs06 .list-stl {
    background: #e11923;
    padding: 8px 0;
}
.list-det {
    margin: 0 0 15px 0;
}
.list-det.is-ver2 {
    margin: 0 0 30px 0;
}
.list-det.is-ver2:last-child {
    margin: 0 0 0 0;
}
.crs01 .list-det {
    margin: 0 0 25px 0;
}
.list-det-txt {
    line-height: 1.6;
    font-size: 17px;
    margin: 0 0 15px 0;
}
.list-det dl {
    margin: 0 0 15px 0;
}
.list-det dl:last-child {
    margin: 0 0 0 0;
}
.list-det dl dt {
    margin: 0 0 8px 0;
    font-weight: bold;
    line-height: 1;
    font-size: 17px;
    text-indent: -0.5em;
}
.crs01 .list-det dl dt {
    color: #e24e61;
    color: #C24252;
}
.crs02 .list-det dl dt {
    color: #e6714f;
}
.crs03 .list-det dl dt {
    color: #3e76af;
}
.list-det dl dd {
    line-height: 1.6;
    font-size: 15px;
}/*
.crs02 .list-det dl dd .tl span {
    color: #f5cfbb;
}
.crs03 .list-det dl dd .tl span {
    color: #d8e4ef;
}*/
.list-det dl dd .stx {
    text-align: right;
}
.list-det ul {
    margin: 0 0 20px 0;
}
.list-det ul li {
    position: relative;
    padding: 0 0 0 1em;
    line-height: 1.8;
    font-size: 14px;
}
.list-det ul li span {
    position: absolute;
    top: 0;
    left: 0;
}
.list-ptp {
    border: 2px solid #e24e61;
    padding: 20px 15px;
}
.ptp-tl {
    text-align: center;
    margin: 0 0 15px 0;
}
.ptp-txt {
    font-size: 16px;
    line-height: 1.6;
    color: #e24e61;
    color: #C24252;
    font-weight: bold;
}
.fea-inner .fea-in.pt2 .fea-img {
    top: -26px;
    right: -3%;
}
.fea-inner .fea-in.pt3 .fea-img {
    top: -18px;
    right: 20%;
}

}
@media (max-width: 374px) {
.fea-inner .fea-in.pt1 .fea-img {
    top: 46px;
    right: 0;
}
.fea-inner .fea-in.pt1 .fea-img img {
    width: 80px;
    height: auto;
}
.fea-inner .fea-in.pt2 .fea-img {
    top: -20px;
    right: -3%;
}
.fea-inner .fea-in.pt2 .fea-img img {
    width: 75px;
    height: auto;
}
.fea-inner .fea-in.pt3 .fea-img {
    top: -11px;
    right: 9%;
}
.fea-inner .fea-in.pt3 .fea-img img {
    width: 75px;
    height: auto;
}
.fea-inner .fea-in .fea-tl .s-br {
    display: block;
}
.fea-inner .fea-in .fea-tl span {
    padding: 0 0 0 1em;
}
.list-tp-ab.is-float ul li {
    position: relative;
    left: 0;
}
.list-tp-ab.is-float.is-ver2 ul li {
    left: 0;
}


}