header{
    max-width:1000px;
    margin: 0 auto;
}

header a{
	height: 12rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
header a img{
	width: 12.8rem;
}

main{
    max-width:1000px;
    margin: 0 auto;
    line-height:1.8;
    font-family: "Noto Sans JP", sans-serif;
}

main .txt{
    margin:30px 0;
    font-size:14px;
    line-height:1.8;
}

main .tit{
    margin:50px 0 20px;
    font-size:20px;
    font-weight:bold;
    line-height:1.8;
}

main ul{
    display: flex;justify-content: space-between;list-style: none;flex-wrap:wrap;
}

main ul::after{
    content:"";
    display: block;
    width:calc(100%/4 - 20px);
    margin-bottom:20px;
}

main ul::before{
    content:"";
    order: 1;
    display: block;
    width:calc(100%/4 - 20px);
    margin-bottom:20px;
}

main ul li{
    width:calc(100%/4 - 20px);margin-bottom:20px;
}

main ul li a{
    color:#333;text-decoration: none;
}

main ul li p{
    line-height:1.4;
    margin:5px 0;font-size:14px;
}

@media screen and (max-width:768px){

    main{
        margin:0 4%;
    }
    main ul li{
        width:calc(100%/2 - 20px);margin-bottom:20px;
    }
    main ul::before{
        content:"";
        order: 1;
        display: block;
        width:calc(100%/2 - 20px);
        margin-bottom:20px;
    }
    
}