@charset "UTF-8";

main{
    background-color:var(--jukenwhite);
    max-width:450px;
    margin:0 auto;
}

main p{
    font-family:"Noto Sans JP", serif;
    font-weight:400;
    font-style:normal;
    text-align:justify;
    color:var(--jukenblack);
    font-size:12px;
    width:80%;
    margin:0 auto;
}


.main_title{
    font-size:26px;
    text-align:center;
    padding-top:40px;
    padding-bottom:20px;
    color:var(--jukenblack);
    font-family:"Kosugi Maru", serif;
    font-weight:400;
    font-style:normal; 
}

.title_decoration{
    width:60px;
    border-bottom:3px solid var(--jukenred);
    margin:0 auto;
    display:block;
    margin-top:5px;
}

.sub_title{
    background-color:#9b2c2c4d;
    height:40px;
    width:90%;
    margin:15px auto;
    font-size:18px;
    color:var(--jukenblack);
    line-height:40px;
    position:relative;
    padding-left:15px;
    font-family:"Kosugi Maru", serif;
    font-weight:400;
    font-style:normal;  
    margin-bottom:10px; 
}

.sub_title::before{
    content:"";
    position:absolute;
    height:40px;
    width:5px;
    background-color:var(--jukenred);
    top:0px;
    left:0px;    
}



/*@media screen and (min-width:1024px){
    main p{
        font-size:15px;
        width:50%;
    }

    .main_title{
        font-size:30px;
    }

    .sub_title{
        height:50px;
        line-height:50px;
        width:60%;
        font-size:22px;
    }

    .sub_title::before{
        height:50px;
    }
}

@media screen and (min-width:1440px){


}*/