@font-face {
    font-family: 'S-Core Dream 4';
    src: url('./fonts/myTree/S-CoreDream-4Regular.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-4Regular.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-4Regular.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 5';
    src: url('./fonts/myTree/S-CoreDream-5Medium.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-5Medium.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 6';
    src: url('./fonts/myTree/S-CoreDream-6Bold.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-6Bold.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-6Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 7';
    src: url('./fonts/myTree/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-7ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 8';
    src: url('./fonts/myTree/S-CoreDream-8Heavy.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-8Heavy.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-8Heavy.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream 9';
    src: url('./fonts/myTree/S-CoreDream-9Black.woff2') format('woff2'),
        url('./fonts/myTree/S-CoreDream-9Black.woff') format('woff'),
        url('./fonts/myTree/S-CoreDream-9Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


html body .mcer-area *{letter-spacing: -1px;word-break: keep-all;}
.mcer-area{width: 100%;margin: 70px auto 0;}
.mcer-top{position: relative;padding: 120px 0 0;background: url(../images/myTree/cbg2.jpg) no-repeat center bottom; background-size: cover;}
.mcr-logo{position: absolute;right: 30px;top: 40px;}
.mcert-box{padding: 0 40px;background: url(../images/myTree/tr1.png) no-repeat 40px top, url(../images/myTree/tr2.png) no-repeat right 40px top;}
.mct-title{text-align: center;font-size: 72px;color: #25795f; font-family: 'S-Core Dream 9';line-height: 1.1;margin-bottom: 30px;}
.mct-title span{color: #ce0627;}
.mcts-text{text-align: center;margin-bottom: 80px;}
.mcts-text > p{display: inline-block;background: #e1e7cf;padding: 4px;font-size: 22px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.2;}
.mcts-text > p span{color: #10684e;font-family: 'S-Core Dream 7';}
.mcts-text > span{display: block;font-size: 0;margin-top: 75px;}
.mcert-psc{position: relative;padding: 80px 0 30px;box-sizing: border-box;}
.mcert-psc > .wids{width: calc(100% - 40px);max-width: 960px;margin: 0 auto;position: relative;}
.cbat-m{position: absolute;left: 0;bottom: -10px;max-width: 46%;}
.cbat-t{float: right;width: 50%;box-sizing: border-box;padding-left: 70px;}
.cbat-t ul li{font-size: 20px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.5;}
.cbat-t ul li.r-txt{color: #cd4646;}

.mcer-bot{padding: 60px 80px;background: url(../images/myTree/cbg1.jpg) no-repeat center center; background-size: cover;}
.mwt-box{background: #fff;padding: 60px 40px;border-radius: 10px;position: relative;}
.mwt-box + .mwt-box{margin-top: 110px;}

.mwt-top{width: 100%;max-width: 770px;margin: 0 auto;background: #fdf8e9;border-radius: 10px;}
.mwt-top > div{padding: 30px 40px 30px 200px;}
.mwt-top > div.bg1{background: url(../images/myTree/tbg1.png) no-repeat left bottom;}
.mwt-top > div.bg2{background: url(../images/myTree/tbg2.png) no-repeat left bottom;}
.mwt-top > div > p{font-size: 16px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.5;}
.mwt-top > div > p.mt{margin-top: 8px;color: #6f5eac;}
.mwt-top > div > ul > li{margin: 10px 0;padding-left: 15px;position: relative;font-size: 16px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.5;}
.mwt-top > div > ul > li:after{content: "";position: absolute;left: 0;top: 7px;width: 7px;height: 7px;border-radius: 100%;background: #dba862;}
.mctxt-style{margin-top: 55px;padding-top: 10px;position: relative;padding-left: 22px;background: url(../images/myTree/am.png) no-repeat left top;}
.mctxt-style h4{margin-bottom: 20px;font-size: 24px;color: #333;font-family: 'S-Core Dream 7';line-height: 1;}
.mctxt-style h4 .st{display: inline-block;font-family: 'S-Core Dream 4';}
.mctxt-style ul.text li{margin-bottom: 10px;font-size: 16px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.4;position: relative;padding-left: 15px;background: url(../images/myTree/bm.png) no-repeat left 3px;}
.mctxt-style ul.text li:last-child{margin-bottom: 0;}
.mctxt-style ul.text li .r-t{color: #d84646;}
.cmap-box{text-align: center;}
.cmap-box .bn{margin-top: 55px;}
.cmap-box .bn a{display: inline-block;width: 430px;line-height: 75px;border-radius: 4px;background: #25795f;font-size: 24px;color: #fff;font-family: 'S-Core Dream 7';}

.mcm-lines{margin-top: -35px;margin-left: -35px;}
.mcm-lines > li{position: relative;float: left;margin-top: 35px;margin-left: 35px;text-align: center;width: calc(25% - 35px);height: 76px;display: table;box-sizing: border-box;border: 1px solid #ffd6a2;background: #fff4e7;border-radius: 5px;}
.mcm-lines > li:after{content: "";position: absolute;right: -27px;top: 50%;margin-top: -7px;width: 19px;height: 14px;background: url(../images/myTree/ga.png) no-repeat center center;}
.mcm-lines > li:last-child:after{display: none;}
.mcm-lines > li > p{display: table-cell;vertical-align: middle;font-size: 18px;color: #333;font-family: 'S-Core Dream 6';line-height: 1.2;}
.mcm-lines > li > p span{font-size: 16px;font-family: 'S-Core Dream 4';}

.sc-title{position: absolute;left: 0;width: 100%;top: -30px;text-align: center;font-size: 45px;color: #666;font-family: 'S-Core Dream 7';line-height: 1.2;letter-spacing: -1.5px;}
.sc-title span{display: inline-block;}
.sc-title .co1{color: #25795f;}
.sc-title .co2{color: #fe9f29;}

.grtxt-box{margin-top: 50px;text-align: center;}
.grtxt-box > p{display: inline-block;padding: 12px 40px;border-radius: 50px;background: #eaf1d5;font-size: 30px;color: #333;font-family: 'S-Core Dream 7';line-height: 1.2;letter-spacing: -1.5px;}
.grtxt-box > p .co1{color: #459c55;}
.grtxt-box > p .co2{color: #2b73ba;}
.grtxt-box2{margin-top: 35px;text-align: center;}
.grtxt-box2 > p{font-size: 22px;color: #666;font-family: 'S-Core Dream 5';line-height: 1.2;}
.grtxt-box2 > p span{display: inline-block;vertical-align: bottom;}

.scnum-line{text-align: center;margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.scnum-line > li{width: calc(25% - 24px);box-sizing: border-box;padding: 20px 15px;border-radius: 15px;text-align: left;}
.scnum-line > li.bg1{background: #efedff;}
.scnum-line > li.bg2{background: #c9f5e3;}
.scnum-line > li.bg3{background: #dbf5d3;}
.scnum-line > li.bg4{background: #fae6d9;}
.scnum-line > li > .tops{margin-bottom: 20px;}
.scnum-line > li > .tops > *{display: inline-block;vertical-align: bottom;}
.scnum-line > li > .tops > p{font-size: 56px;color: #333;font-family: 'S-Core Dream 6';line-height: 1;}
.scnum-line > li > .tops > div > p{font-size: 28px;color: #333;font-family: 'S-Core Dream 6';line-height: 1;}
.scnum-line > li > .tops > div > span{margin-top: 5px;display: block;font-size: 13px;color: #333;font-family: 'S-Core Dream 5';line-height: 1;}
.scnum-line > li.bg1 > .tops{background: url(../images/myTree/aic1.png) no-repeat right center;}
.scnum-line > li.bg2 > .tops{background: url(../images/myTree/aic2.png) no-repeat right center;}
.scnum-line > li.bg3 > .tops{background: url(../images/myTree/aic3.png) no-repeat right center;}
.scnum-line > li.bg4 > .tops{background: url(../images/myTree/aic4.png) no-repeat right center;}
.scnum-line > li > ul{padding-left: 15px;}
.scnum-line > li > ul > li{margin-bottom: 8px;position: relative;padding-left: 12px;font-size: 14px;color: #333;font-family: 'S-Core Dream 5';line-height: 1.1;}
.scnum-line > li > ul > li:after{content:"";position: absolute;left: 0;top: 7px;width: 5px;height: 5px;border-radius: 100%;background: #333;}



.cmf-logo{margin-top: 40px;text-align: center;}

@media screen and (max-width: 1200px){
	.mcert-box{background: none;}
}

@media screen and (max-width: 1024px){
	.cmap-box{margin-top: 40px;}
	.sc-title{position: static;font-size: 30px;margin-bottom: 20px;}
	.scnum-line > li{width: calc(50% - 14px);margin-bottom: 20px;}
}

@media screen and (max-width: 767px) {
    .mcer-top {
        background: url(../images/myTree/cbg3.jpg) no-repeat center bottom;
        background-size: cover;
    }

    .mct-title {
        font-size: 52px;
    }

    .mcert-box {
        padding: 0 20px;
    }

    .mcts-text {
        margin-bottom: 0;
    }

    .mcts-text > span {
        margin-top: 40px;
    }

    .mcts-text > span img {
        max-width: 88%;
    }

    .mcts-text > p {
        font-size: 17px;
        line-height: 1.3;
    }

    .mcert-psc {
        padding: 50px 0 30px;
        text-align: center;
    }

    .mctxt-style h4 {
        font-size: 21px;
    }

    .mctxt-style h4 .st {
        display: block;
        font-size: 15px;
        margin-top: 5px;
    }

    .cbat-m {
        position: static;
        max-width: 100%;
        margin-top: 35px;
    }

    .cbat-m img {
        max-width: 90%;
    }

    .cbat-t {
        float: none;
        width: auto;
        padding-left: 0;
    }

    .cbat-t ul li {
        font-size: 18px;
    }

    .mcer-bot {
        padding: 60px 20px;
    }

    .mwt-box {
        padding: 20px 20px;
    }

    .cmap-box .bn {
        margin-top: 45px;
    }

    .cmap-box .bn a {
        width: 180px;
        line-height: 50px;
        font-size: 18px;
    }

    .mwt-top > div {
        padding: 30px 20px 100px 20px;
    }

    .mwt-top > div.bg1 {
        background-size: auto 80px;
    }

    .mwt-top > div.bg2 {
        background-size: auto 80px;
    }

    .mcm-lines > li {
        width: calc(100% - 35px);
    }

    .mcm-lines > li:after {
        right: auto;
        left: 50%;
        top: auto;
        bottom: -24px;
        margin-left: -7px;
        margin-top: 0;
        transform: rotate(90deg);
    }


    .grtxt-box > p {
        padding: 15px 15px;
        border-radius: 10px;
        font-size: 22px;
    }

    .grtxt-box2 > p {
        font-size: 17px;
    }

    .grtxt-box2 > p span {
        display: block;
        margin-top: 6px;
    }

    .scnum-line > li {
        width: calc(100% - 10px);
    }
}

@media screen and (max-width: 520px){
	.mct-title{font-size: 38px;}
	.mcr-logo{top: 35px;max-width: 40%}
}