@charset "utf-8";
.under h2 {
    padding: 0.16rem 0.4rem;
    margin-bottom: 0.4rem;
    background: #65aa31;
    color: #fff;
    font-size: 0.2rem;
}
.under h2::before {
    content: '■ ';
}
.under h3 {
    font-size: 0.21rem;
    line-height: 2em;
}
section {
    margin-bottom: 1rem;
}
section .imgcontent {
    display: flex;
    align-items: flex-start;
}
section .imgcontent.img-left {
    justify-content: space-between;
}
section .imgcontent img {
    width: auto;
    max-width: 4rem;
    height: auto;
}
section .imgcontent.img-right {
    flex-direction: row-reverse;
    justify-content: space-between;
}
section .imgcontent.img-center {
    justify-content: center;
}
section .imgcontent.img-center img {
    max-width: 100%;
    margin-bottom: 0.4rem;
}
section .imgcontent.img-center .subcontent
section .subcontent.noimage {
    width: 100%;
}
section .imgcontent.img-left img {
    margin-right: 0.5rem
}
section .imgcontent.img-right img {
    margin-left: 0.5rem
}
article ol,
article ul {
    padding-left: 0.4rem;
}
article ol {
    counter-reset: list;
}
article ol>li,
article ul>li {
    padding-left: 1.5em;
}
article ol>li::before,
article ul>li::before {
    margin-left: -1.5em;
}
article ol>li::before {
    content: '('counter(list)') ';
    counter-increment: list;
}
article ul>li::before {
    content: '◯ ';
}
article section ul>li a {
    text-decoration: underline;
}

@media screen and (min-width:1118px) { /* PCのみ */
}

@media screen and (max-width:1118px) { /* タブレット以下の場合 */
}

@media screen and (max-width:1118px) and (min-width:768px) { /* タブレットのみ */
    section .imgcontent img,
    section .imgcontent .subcontent {
        width: 48%;
    }
}

@media screen and (max-width:768px) { /* スマホのみ */
    section .imgcontent img {
        width: 100%;
        height: auto;
        margin: 0 0 0.2rem;
    }
    section .imgcontent .subcontent {
        width: 100%;
    }
}