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




span{
    font-weight:bolder;
}

article{
    margin-bottom:120px;
}

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

article div{
    padding:20px 30px;
    background-color:#e5eaf6;
}

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

.subpage_article h3{
    background-color:#6d89ae;
    color:#FFF;
    padding:15px 20px;
    font-size:1.3rem;
    margin-top:45px;
    line-height: 1.4rem;
}


@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:15px 20px;
    margin: 0 auto;
}
    
article{
    margin-bottom:60px;
}
    
article p{
    font-size:0.9rem;
    line-height: 1.3rem;
}
    
.subpage_article h2{
    margin-bottom:-12px;
    }
    
    
.subpage_article h3{
    padding:15px 20px;
    font-size:1.1rem;
    margin-top:30px;
    line-height: 1.2rem;
    }

}