@charset "utf-8";
    *{ list-style: none; margin: 0; padding: 0; border: 0; box-sizing: border-box; text-decoration: none;}
    select::-ms-expand{ display: none;}
    html{ overflow-y: scroll; width: 100%; height: 100%; background: #000000;}
    body{ overflow: hidden; -webkit-text-size-adjust: none;}	
	
	.screen-reader-text {
		position: absolute;
		top: -10000em;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip: rect(0,0,0,0);
		border: 0
	}

	h1, h2 {display: none;}	
	.hidden-links a{display: none;}

    .wrapper{ padding: 20px;}
    .wrapper .contents{ display: flex; flex-direction: column; grid-gap: 10px; margin: 0 auto; max-width: 1010px; width: 100%;}

    .banner_01{}
    .banner_01 a{ display: block; height: auto; background: #595959;}
    .banner_01 a img{ display: block; width: 100%; height: auto;}

    .banner_02{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px;}
    .banner_02 a{ display: block; height: auto; background: #595959;}
    .banner_02 a img{ display: block; width: 100%; height: auto;}

    .banner_03{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 10px;}
    .banner_03 a{ display: block; height: auto; background: #595959;}
    .banner_03 a img{ display: block; width: 100%; height: auto;}

    .banner_04{}
    .banner_04 a{ display: block; background: #595959;}
    .banner_04 a img{ display: block; width: 100%; height: auto;}

    @media(max-width: 1100px){
        .wrapper{ padding: 10px;}
        .wrapper .contents{ grid-gap: 5px;}		   
		.banner_02{ grid-template-columns: repeat(1,1fr); grid-gap: 5px;}
        .banner_03{ grid-template-columns: repeat(2,1fr); grid-gap: 5px;}
    }