@media screen and (min-width:375px){
    section{
        padding: 20px;
    }
    .container{
        max-width: 330px;
    }
    h2{
        margin-left: 20px;
    }
}
@media screen and (min-width:768px){
    section{
        padding: 30px;
    }
    .container{
        max-width: 400px;
    }
        h2{
        margin-left: 30px;
    }
 }

@media screen and (min-width:960px){
    section{
        padding: 40px;
    }
    .container{
        max-width: 900px;
    }
        h2{
        margin-left: 40px;
    }
}

main{
    padding-top:35px;
    background-color: var(--cmn_font_color);    /* 背景色：地層色_1 */
    color: var(--base_font_color);              /* 文字色 */
    line-height: 45px;                          /* 文字の行高さ */ 
}


h3{
    margin-bottom: 30px;
    padding: 0.25em 0.5em;/*上下 左右の余白*/
    border-left: solid 5px;/*左線*/
    font-size: clamp(20px,3.2vw,40px);              /* 12px:スマホサイズ、22pxPCサイズ */ 
}