/*-----------------------------------

	about_block

-----------------------------------*/
@media (min-width: 1200px) {
    .container {
        width: auto;
    }
}

.ccm-custom-style-main:has(#about_block) {
    background-image: none;
    padding: 50px 0;
}

#about_block .pc {
    margin: 0 auto;
}

#about_block h2 {
    width: 449px;
    max-width: 100%;
    margin-bottom: 20px;
}

#about_block .row_box {
    width: 900px;
    max-width: 90%;
    margin: 0 auto;
}

#about_block .txt_box {
    width: 61%;
}

#about_block .txt_box p {
    text-align: justify;
}

#about_block .img_box {
    width: 35%;
    text-align: center;
    position: relative;
}

#about_block .img_box img {
    width: 334px;
}

#about_block .about_txt {
    width: 233px !important;
    max-width: 100%;
    position: absolute;
    right: -80px;
    top: -25px;
}

#about_block .saved_box {
    margin-bottom: 50px;
}

#about_block .saved_box h3 {
    width: 542px;
    max-width: 100%;
    margin: 0 auto 30px;
}

#about_block ul {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

#about_block ul li {
    width: 444px;
}

#about_block ul li:first-child {
    position: relative;
}

#about_block ul li:first-child:before {
    content: "";
    /* background: url(../images/plus.svg) no-repeat; */
    position: absolute;
    right: -25px;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    bottom: 50px;
}

#about_block .link_btn::after {
    content: "";
    position: absolute;
    top: 35px;
    right: 30px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#about_block .link_btn i {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 30px;
    top: calc(50% - 8px);
    font-size: 20px;
}

@media screen and (max-width: 1400px) {

    #about_block ul li {
        width: 49%;
    }
}

@media screen and (max-width: 1024px) {
    #about_block .txt_box {
        width: 100%;
        margin-top: 40px;
    }

    #about_block .txt_box p {
        font-size: 14px;
    }

    #about_block .about_txt {
        top: -50px;
        right: -30px;
    }

    #about_block .img_box {
        width: 100%;
        margin-top: 40px;
    }
}

@media screen and (max-width: 840px) {

    #about_block h2 {
        margin-bottom: 0;
    }

    #about_block ul li {
        width: 100%;
    }

    #about_block ul li:first-child {
        margin-bottom: 15px;
    }

    #about_block ul li:first-child:before {
        right: 0;
        left: 0;
        margin: 0 auto;
        bottom: -20px;
    }
}

@media screen and (max-width: 640px) {

    #about_block {
        padding: 20px 0 40px 0;
    }

    #about_block .row_box {}

    #about_block ul li:first-child:before {
        width: 29px;
        height: 29px;
    }

    #about_block .saved_box {
        margin: 0 calc(50% - 50vw);
        background: #f8de00;
    }

    #about_block .saved_box img {
        max-width: 380px;
        margin: 0 auto;
    }


    #about_block .link_btn {
        height: 55px;
        line-height: 55px;
        margin-top: 40px;
    }

    #about_block .link_btn::after {
        top: 22px;
    }

}