/*---------------投稿ページ 基本デザインの変更あれば以下に記載--------------------*/
/*---------------.single-contents 〇〇で プロパティを書くこと--------------------*/

.single-contents .color-green{
    color: var(--color-green);
}
.single-contents{
    letter-spacing: .02em;
}
.single-contents p{
    margin-top: 3rem;
}
.single-contents h1{
    font-size: max(20px, 3.4rem);
    margin: 7.2rem 0 3rem;
    padding-top: 7.2rem;
    border-top: 1px solid var(--color-border3);
}
.single-contents h2{
    font-size: max(18px, 2.6rem);
    margin: 6rem 0 3rem;
    padding: 1rem 1.4rem;
    background-color: #E9EBE9;
}
.single-contents h3{
    font-size: max(17px, 2rem);
    margin: 3rem 0;
}
.single-contents h4{
    font-size: max(15px, 1.8rem);
    margin: 3rem 0;
}
.single-contents  ul,
.single-contents ol,
.single-contents .check-list {
    margin-top: 3rem;
}
.single-contents  ul,
.single-contents ol{
    margin-left: max(20px, 2rem);
}
.single-contents .check-list {
    list-style: none;
    padding: 0;
	margin:3rem 0 0;
}
.single-contents  ul li,
.single-contents ol li,
.single-contents .check-list li {
    margin-bottom: 1rem;
}
.single-contents  ul li,
.single-contents ol li{
    list-style: inherit;
}
.single-contents .check-list li {
    position: relative;
    padding-left: 20px;
}
.single-contents .check-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.single-contents .check-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: max(4px, 0.6rem);
    width: 15px;
    height: 15px;

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2710%27%20r%3D%279%27%20fill%3D%27%23109333%27%2F%3E%3Cpath%20d%3D%27M6%2010L9%2013L14%207%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.single-contents a{
    color: var(--color-green);
    border-bottom: 1px solid var(--color-green);
}
.single-contents img{
    margin-top: 6rem;
    display: block;
}
.single-button-contents{
    margin-top: 6rem;
}
.single-button-contents > span{
    color: var(--color-bg-white);
}
@media only screen  and (max-width: 768px){
    .single-contents p{
        margin-top: 2rem;
    }
    .single-contents h1{
        font-size: min(33px, 2.2rem);
        margin: 5rem 0 3rem;
        padding-top: 5rem;
    }
    .single-contents h2{
        font-size: min(27px, 1.8rem);
        margin: 4rem 0 2rem;
        padding: 1rem;
    }
    .single-contents h3{
        font-size: min(24px, 1.6rem);
        margin: 2rem 0;
    }
    .single-contents h4{
        font-size: min(20px, 1.5rem);
        margin: 2rem 0;
}
    .single-contents  ul,
    .single-contents ol{
        margin-left: max(20px, 2rem);
    }
    .single-contents  ul,
    .single-contents ol,
    .single-contents .check-list {
        margin-top: 2rem;
    }
    .single-contents  ul li,
    .single-contents ol li,
    .single-contents .check-list li {
        margin-bottom: 1rem;
    }
    .single-contents .check-list li {
        position: relative;
        padding-left: 2rem;
    }
    .single-contents .check-list li::before {
        top: 4px;
        width: min(20px,1.5rem);
        height: min(20px,1.5rem);

        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2710%27%20cy%3D%2710%27%20r%3D%279%27%20fill%3D%27%23109333%27%2F%3E%3Cpath%20d%3D%27M6%2010L9%2013L14%207%27%20stroke%3D%27white%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: contain;
    }
    .single-contents img{
        margin-top: 4rem;
        display: block;
    }
}