/* 1280px以上の幅の場合に適応される（デスクトップPC） */




span{
    font-weight:bolder;
}

article{
    margin-bottom:120px;
}

article p{
    font-size:1.1rem;
    line-height: 1.6rem;
}

article div{
    padding:10px 30px;
}

article a{
    text-decoration: underline;
    font-weight:bolder;
}

.subpage_article h3{
    background-color:#6d89ae;
    color:#FFF;
    padding:15px 30px;
    font-size:1.6rem;
    margin-top:50px;
    margin-bottom:20px;
}


@media screen and (max-width: 1420px) {
	/* 1000px~1420px までの幅の場合に適応される（ノートPC） */
}

@media screen and (max-width: 1030px) {
	/* 730px~1030pxの幅の場合に適応される（タブレット） */
}

@media screen and (max-width: 730px) {
	/* 730px以下の幅の場合に適応される（スマホ） */
    
main{
    width:100%;
    margin:0;
    }
    
.maincontainer{
    margin-top:20px;
    }
    

    
article div{
    padding:0px 25px;
    margin: 0 auto;
}
    
article{
    margin-bottom:60px;
}
    
article p{
    line-height: 1.7rem;
}
    
.subpage_article h3{
    padding:15px 25px;
    font-size:1.4rem;
    font-weight:bolder;
    margin-top:40px;

    }

}