.article__detail--conteiner {
    max-width: 670px;
    margin: 80px auto;
    padding: 0 20px;
}

.article__detailMemo {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


.article__detailMemo--name {
    margin-right: 10px;
    padding: 5px 10px;
    background: #303737;
    border-radius: 11px;
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    color: #FFFFFF;
}

.article__detailMemo--data {
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    color: #303737;
    opacity: 0.5;
}

.article__detail--conteiner h1 {
    font-weight: 600;
    font-size: 32px;
    line-height: 39px;
    letter-spacing: -0.03em;
    color: #303737;
    margin: 0;
}

.article__content {
    margin: 45px 0 40px;
}

.appInfo__img img {
    width: 100%;
    border-radius: 12px;
    margin: 20px 0 0;
    cursor: zoom-in;
}

.article__content p {
    margin: 30px 0 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #303737;
    opacity: 0.7;
}

.article__content h2 {
    margin: 0;
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DDE7EB;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #303737;
}
.article__content a{
    color: #23A4B1;
    text-decoration: none;
}
.article__content ul {
    margin: 30px 0 0;
    padding: 0;
    list-style-type: none;
    font-weight: 700;
    font-size: 18px;
    line-height: 150%;
    color: #303737;
    opacity: 0.7;
}

.article__content ul li {
    font-weight: 500;
    font-size: 18px;
    line-height: 130%;
    color: #303737;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.article__content ol {
    margin: 0;
    padding: 0;
}

.article__content ol.with_text {
    margin: 20px 0 0;
    padding: 0;
    list-style-type: none;
}

.article__content ol.with_text > li {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    color: #303737;
    opacity: 0.7;
    text-decoration: none;
    margin: 0 0 20px;
}

.article__content ol.with_text > li:last-child {
    margin: 0;
}

.article__content ul li:first-child {
    margin-top: 30px;
}

.article__content ul li::before {
    content: " ";
    margin-right: 15px;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_188_2211)'%3E%3Cpath d='M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z' stroke='%233DD6E5' stroke-opacity='1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 12L11 14L15 10' stroke='%233DD6E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_188_2211'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.article__content .talk__about-us div {
    background: #F1F6F8;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 20px;
}

.article__content .talk__about-us div:first-child {
    margin-top: 30px;
}

.article__content .talk__about-us p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #303737;
    margin: 0 0 20px
}

.article__content .talk__about-us span {
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    color: #23A4B1;
}

.article__detail--back {
    display: flex;
    border: 1px solid #BDD0D8;
    border-radius: 4px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    max-width: 240px;
    padding: 13px;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #23A4B1;
}

.article__detail--back:hover {
    border: 1px solid #23A4B1;
}

.article__detail--back img {
    margin-right: 5px;
}

@media (max-width: 1100px) {
    .article__detail--conteiner {
        max-width: 670px;
        margin: 30px auto 40px;
        padding: 0 20px;
    }
}

@media (max-width: 700px) {
    .article__detail--conteiner {
        max-width: initial;
        margin: 30px 20px 40px;
        padding: 0
    }

    .article__detailMemo {
        margin-bottom: 20px;
    }

    .article__content {
        margin: 20px 0 40px;
    }

    .article__content h2 {
        padding-top: 30px;
        padding-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
    }

    .article__content p,
    .article__content ul li,
    .article__content ul {
        font-size: 16px;
    }

    .article__content ul {
        margin: 20px 0 0;
    }

    .article__content .talk__about-us span {
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        margin: 20px 0 0;
        color: #23A4B1;
    }

    .article__content .talk__about-us p {
        font-size: 14px;
        line-height: 150%;
    }

    .article__content .talk__about-us div:first-child {
        margin-top: 20px;
    }

    .article__detail--back {
        max-width: initial;
    }
}
.appInfo__img--container {
    display: flex;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    align-items: center;
    height: 100%;
    justify-content: center;
    cursor: zoom-out;
}

.appInfo__img--container img {
    width: auto;
    max-height: 100vh;
    max-width: 100%;
}

.appInfo__img--background {
    display: none;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 9990;
}