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


main article div{
    margin-top:50px;
    border : 2px solid #29396f;
    padding:20px;
    color:#29396f;
    margin-bottom:110px;
}

h3{
    font-size:1.3rem;
    margin-bottom:10px;
    font-weight:bolder;
    letter-spacing: 0.05rem;
}

main article div p{
    font-weight:bolder;
    letter-spacing: 0.05rem;
}








@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;
    }
    
    .contact_container{
        width:75%;
    }
    
    h3{
     font-size:1.1rem;
    }
    
    main article div p{
    font-size:0.9rem;
}
    
    main article div{
    margin-top:40px;
    margin-bottom:-20px;
}
    
    

    


}