.ml_01::after {display:block; content:''; clear:both;}
.ml_01 > div {float:left;}
.ml_02::after {display:block; content:''; clear:both;}
.ml_02 > div {float:left;}
.ml_02 .ml02_l > div::after {display:block; content:''; clear:both;}
.ml_02 .ml02_l > div > div {float:left;}

@media (min-width:1640px) {
    .main_region_top {width:1400px; margin:0 auto;}

    .ml_01 {margin:0 -16px;}
    .ml_01 > div {width:50%; padding:0 16px;}

    .ml_02 {margin:0 -16px; margin-top:32px;}
    .ml_02 > div {width:50%; padding:0 16px;}

    .ml_02 .ml02_l > div {margin:0 -16px;}
    .ml_02 .ml02_l > div > div {width:50%; padding:0 16px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .main_region_top {width:1200px; margin:0 auto;}

    .ml_01 {margin:0 -16px;}
    .ml_01 > div {width:50%; padding:0 16px;}

    .ml_02 {margin:0 -16px; margin-top:32px;}
    .ml_02 > div {width:50%; padding:0 16px;}

    .ml_02 .ml02_l > div {margin:0 -16px;}
    .ml_02 .ml02_l > div > div {width:50%; padding:0 16px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .main_region_top {padding:0 24px 12px;}

    .ml_01 > div {width:100%;}

    .ml_01 .ml01_r {margin-top:24px;}

    .ml_02 {margin-top:24px;}
    .ml_02 > div {width:100%;}

    .ml_02 .ml02_l > div {margin:0 -12px;}
    .ml_02 .ml02_l > div > div {width:50%; padding:0 12px;}

    .ml_02 .ml02_r {margin-top:24px;}
}
@media (max-width:767px) {
    .main_region_top {padding:0 16px 8px;}

    .ml_01 > div {width:100%;}

    .ml_01 .ml01_r {margin-top:16px;}

    .ml_02 {margin-top:16px;}
    .ml_02 > div {width:100%;}

    .ml_02 .ml02_l > div > div {width:100%;}

    .ml_02 .ml02_l .ml02l_r {margin-top:16px;}
    .ml_02 .ml02_r {margin-top:16px;}
}

/* mc 01 */
.mc_01 .mc01_t {position:relative; background:#227f41; padding:12px 20px; padding-left:96px;}
.mc_01 .mc01_t h4 {display:block; font-weight:500; color:#fff;}
.mc_01 .mc01t_l {position:absolute; left:0; top:0;}
.mc_01 .mc01t_l i {display:none; font-weight:500; color:#fff; background:#1d6133; width:76px; text-align:center; padding:12px 20px;}
.mc_01 .mc01t_l i.on {display:block;}
.mc_01 .mc01t_r {position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0 16px;}
.mc_01 .mc01t_r::after {display:block; content:''; clear:both;}
.mc_01 .mc01t_r > * {float:left; margin-left:16px;}
.mc_01 .mc01t_r .s_c > * {font-size:14px; line-height:24px; font-weight:500; padding:0 2px; color:#fff;}
.mc_01 .mc01t_r .s_b [class^="btn_"] {display:block; float:left; width:24px; height:24px; background:url() no-repeat #1d6133 center center / auto 12px; margin-left:1px;}
.mc_01 .mc01t_r .s_b .btn_prev {background-image:url(../img/main/mc01_ico_prev.png)}
.mc_01 .mc01t_r .s_b .btn_next {background-image:url(../img/main/mc01_ico_next.png)}

.mc_01 .mc01_slide {border:1px solid #ddd; border-top:0; overflow:hidden;}
.mc_01 .mc01_slide .s_w .sw_l {width:100%;}
.mc_01 .mc01_slide .s_w .sw_l > ul::after {display:block; content:''; clear:both;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li {float:left; width:50%;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a {position:relative; display:inline-block; width:100%; vertical-align:middle;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a::before {display:block; content:''; background:url() no-repeat center center / 100%; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span {display:block;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span > * {display:inline; vertical-align:middle;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span > strong {font-weight:500; margin-right:4px;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span.mc01s_b > strong {color:#227f41;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span > em {font-size:12px; line-height:20px; color:#888;}
.mc_01 .mc01_slide .s_w .sw_l > ul > li > a > span.mc01s_b > em {color:#444;}

.mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(1) > a::before {background-image:url(../img/main/mc01_ico_01.png)}
.mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(2) > a::before {background-image:url(../img/main/mc01_ico_02.png)}
.mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(3) > a::before {background-image:url(../img/main/mc01_ico_03.png)}
.mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(4) > a::before {background-image:url(../img/main/mc01_ico_04.png)}


@media (min-width:1640px) {
    .mc_01 .mc01_t h4,
    .mc_01 .mc01t_l i {font-size:18px; line-height:26px;}

    .mc_01 .mc01_slide {height:280px;}
    .mc_01 .mc01_slide .s_w,
    .mc_01 .mc01_slide .s_w .sw_l,
    .mc_01 .mc01_slide .s_w .sw_l > ul {height:100%;}
    .mc_01 .mc01_slide .s_w .sw_l > ul {padding:0 24px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li {height:50%;}

    .mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(n+3) {border-top:1px dashed #ddd;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a {padding-left:80px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a::before {width:64px; height:64px;}
    .mc_01 .mc01_slide .mc01s_t strong {font-size:16px; line-height:24px;}
    .mc_01 .mc01_slide .mc01s_b strong {font-size:28px; line-height:36px;}

}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_01 .mc01_t h4,
    .mc_01 .mc01t_l i {font-size:18px; line-height:26px;}

    .mc_01 .mc01_slide {height:280px;}
    .mc_01 .mc01_slide .s_w,
    .mc_01 .mc01_slide .s_w .sw_l,
    .mc_01 .mc01_slide .s_w .sw_l > ul {height:100%;}
    .mc_01 .mc01_slide .s_w .sw_l > ul {padding:0 24px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li {height:50%;}

    .mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(n+3) {border-top:1px dashed #ddd;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a {padding-left:80px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a::before {width:64px; height:64px;}
    .mc_01 .mc01_slide .mc01s_t strong {font-size:16px; line-height:24px;}
    .mc_01 .mc01_slide .mc01s_b strong {font-size:28px; line-height:36px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_01 .mc01_t h4,
    .mc_01 .mc01t_l i {font-size:17px; line-height:25px;}

    .mc_01 .mc01_slide .s_w .sw_l > ul {padding:0 20px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li {padding:16px 0;}

    .mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(n+3) {border-top:1px dashed #ddd;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a {padding-left:72px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a::before {width:56px; height:56px;}
    .mc_01 .mc01_slide .mc01s_t strong {font-size:15px; line-height:23px;}
    .mc_01 .mc01_slide .mc01s_b strong {font-size:24px; line-height:32px;}
}
@media (max-width:767px) {
    .mc_01 .mc01_t h4,
    .mc_01 .mc01t_l i {font-size:16px; line-height:24px;}

    .mc_01 .mc01_slide .s_w .sw_l > ul {padding:0 16px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li {width:100%; padding:12px 0;}

    .mc_01 .mc01_slide .s_w .sw_l > ul > li:nth-child(n+2) {border-top:1px dashed #ddd;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a {padding-left:64px;}
    .mc_01 .mc01_slide .s_w .sw_l > ul > li > a::before {width:48px; height:48px;}
    .mc_01 .mc01_slide .mc01s_t strong {font-size:14px; line-height:22px;}
    .mc_01 .mc01_slide .mc01s_b strong {font-size:20px; line-height:28px;}
}

/* mc 02 */
.mc_02 > a {display:block; position:relative;}
.mc_02 > a > img {display:block; width:100%; height:100%;}
.mc_02 > a > p {display:block; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.64); color:#fff; padding:12px 20px;}

@media (min-width:1640px) {
    .mc_02 > a {height:330px !important;}
    .mc_02 > a > p {font-size:16px; line-height:24px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_02 > a {height:330px !important;}
    .mc_02 > a > p {font-size:16px; line-height:24px;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_02 > a > p {font-size:15px; line-height:23px;}
}
@media (max-width:767px) {
    .mc_02 > a > p {font-size:14px; line-height:22px;}
}

/* mc 03 */
.mc_03 .mc03_t::after {display:block; content:''; clear:both;}
.mc_03 .mc03_t .mc03t_l {float:left;}
.mc_03 .mc03_t .mc03t_r {float:right;}
.mc_03 .mc03_t > div > *,
.mc_03 .mc03_t .mc03t_r .s_c,
.mc_03 .mc03_t .mc03t_r .s_b,
.mc_03 .mc03_t .mc03t_r .s_b > * {float:left;}
/* .mc_03 .mc03_t h4 {display:block; font-size:18px; line-height:26px; font-weight:500; color:#222;} */
.mc_03 .mc03_t .mc03t_r {padding:1px 0;}
.mc_03 .mc03_t .mc03t_r > * {margin-left:16px;}
.mc_03 .mc03_t .s_c > * {font-size:14px; line-height:24px; padding:0 2px;}
.mc_03 .mc03_t .s_c > strong {color:red; font-weight:500;}
.mc_03 .mc03_t .s_b [class^="btn_"] {display:block; width:24px; height:24px;padding:1px;background:url() no-repeat center center / auto 12px; border:1px solid #ddd; margin-left:2px;}
.mc_03 .mc03_t .s_b .btn_prev {background-image:url(../img/main/mc03_ico_prev.png)}
.mc_03 .mc03_t .s_b .btn_pause {background-image:url(../img/main/mc03_ico_pause.png)}
.mc_03 .mc03_t .s_b .btn_play {background-image:url(../img/main/mc03_ico_play.png)}
.mc_03 .mc03_t .s_b .btn_next {background-image:url(../img/main/mc03_ico_next.png); border-right:1px solid #ddd;}

.mc_03 .mc03_slide {overflow:hidden; border:3px solid #ddd; /* margin-top:8px; */}
.mc_03 .mc03_slide .sw_l {width:100%;padding:1px;background-color:#ddd}
.mc_03 .sw_l > a {display:block;}
.mc_03 .sw_l > a > img {display:block; width:100%; height:100%;}

@media (min-width:1640px) {
    .mc_03 .sw_l > a {height:250px !important;}
}
@media (min-width:768px) and (max-width:1639px) {
    .mc_03 .sw_l > a {height:211px !important;}
}
@media (min-width:768px) and (max-width:1199px) {
}
@media (max-width:767px) {
}

/* mc 04 */
.mc_04 .mc04_t::after {display:block; content:''; clear:both;}
.mc_04 .mc04_t h4 {display:block; font-size:18px; line-height:26px; font-weight:500; color:#222;}

.mc_04 .mc04_b {overflow:hidden; border:4px solid #3d4382; margin-top:8px;}
.mc_04 .mc04_b > a {display:block; position:relative;}
.mc_04 .mc04_b > a::after {display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../img/main/mc04_ico_play.png) no-repeat rgba(0,0,0,0.48) center center / 48px;}
.mc_04 .mc04_b > a > img {display:block; width:100%; height:100%;}

@media (min-width:1640px) {
    .mc_04 .mc04_b > a {height:160px !important;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_04 .mc04_b > a {height:160px !important;}
}
@media (min-width:768px) and (max-width:1199px) {
}
@media (max-width:767px) {
}

/* mc 05 */
.mc_05 .mc05_t::after {display:block; content:''; clear:both;}
.mc_05 .mc05_t h4 {display:block; font-size:18px; line-height:26px; font-weight:500; color:#222;}

.mc_05 .mc05_b {margin-top:8px;}
.mc_05 .mc05_b > ul {margin:0 -4px;}
.mc_05 .mc05_b > ul::after {display:block; content:''; clear:both;}
.mc_05 .mc05_b > ul > li {float:left; width:25%; padding:0 4px;}
.mc_05 .mc05_b > ul > li > div {border:1px solid #ddd; background:url() no-repeat #fafafa right 16px bottom 16px / auto 20px;}
.mc_05 .mc05_b .mc05b_t {padding:8px 16px; background:#fff;}
.mc_05 .mc05_b .mc05b_t > a > span {display:inline-block; vertical-align:middle; font-size:15px; line-height:23px; font-weight:500;}
.mc_05 .mc05_b .mc05b_t > a::after {display:inline-block; content:''; vertical-align:middle; width:15px; height:15px; background:url(../img/main/mc05_ico_window.png) no-repeat center center; margin-left:4px;}
.mc_05 .mc05_b .mc05b_b > p {display:block; font-size:12px; line-height:20px; color:#666; padding:12px 16px;}

.mc_05 .mc05_b ul > li:nth-child(1) > div {background-image:url(../img/main/mc05_ico_01.png); background-size:auto 16px;}
.mc_05 .mc05_b ul > li:nth-child(2) > div {background-image:url(../img/main/mc05_ico_02.png)}
.mc_05 .mc05_b ul > li:nth-child(3) > div {background-image:url(../img/main/mc05_ico_03.png)}
.mc_05 .mc05_b ul > li:nth-child(4) > div {background-image:url(../img/main/mc05_ico_04.png)}

.mc_05 .mc05_b ul > li:nth-child(1) .mc05b_t > a > span {color:#0b4b85;}
.mc_05 .mc05_b ul > li:nth-child(2) .mc05b_t > a > span {color:#0d818b;}
.mc_05 .mc05_b ul > li:nth-child(3) .mc05b_t > a > span {color:#2d9219;}
.mc_05 .mc05_b ul > li:nth-child(4) .mc05b_t > a > span {color:#d75900;}

@media (min-width:1640px) {
    .mc_05 .mc05_b > ul > li > div {height:168px;}
}
@media (min-width:1200px) and (max-width:1639px) {
    .mc_05 .mc05_b > ul > li > div {height:168px;}
    .mc_05 .mc05_b .mc05b_t > a::after {display:none;}
}
@media (min-width:768px) and (max-width:1199px) {
    .mc_05 .mc05_b > ul > li > div {height:149px; padding-bottom:24px;}
}
@media (max-width:767px) {
    .mc_05 .mc05_b > ul > li {width:100%;}
    .mc_05 .mc05_b > ul > li ~ li {margin-top:8px;}
    .mc_05 .mc05_b > ul > li > div {background-image:none !important;}
}