/* CSS Document */


/* adjust 4 all */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
}

/* set common class */

@media screen and (min-width:1000px) {

	/* for PC  */

	.mid_only, .sp_only, .sp_mid_only, .mid_sp_only {display:none;}

	.pc_only, .pc_mid_only {display:block}

	.pc_only.inline, .pc_mid_only.inline {display:inline}

	.pc_only.grid, .pc_mid_only.grid {display:grid}
}

@media screen and (min-width:730px) and (max-width:999px) {

	/* 730-979px */

	.pc_only, .sp_only {display:none;}

	.mid_only, .sp_mid_only, .mid_sp_only, .pc_mid_only {display:block}

	.mid_only.inline, .sp_mid_only.inline, .mid_sp_only.inline, .pc_mid_only.inline {display:inline}

	.mid_only.grid, .sp_mid_only.grid, .mid_sp_only.grid, .pc_mid_only.grid {display:grid}
}

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

	/* for SP */
	.pc_only, .mid_only, .pc_mid_only {display:none;}

	.sp_only, .sp_mid_only, .mid_sp_only {display:block}

	.sp_only.inline, .sp_mid_only.inline, .mid_sp_only.inline {display:inline}

	.sp_only.grid, .sp_mid_only.grid, .mid_sp_only.grid {display:grid}
}

/* responcive */

@media screen and (min-width:730px) {

    section .wrap_text.even {
        display: grid;
        grid-template-columns: 67% 33%;
    }
    
    section .wrap_text.odd {
        display: grid;
        grid-template-columns: 33% 67%;
    }

    .wrap_img img {
        width:33vw;
        max-width: 33%;
    }
}

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

    h1 {
        text-align: center;
    }

    .wrap_text_in {
        width: calc(100% - 2rem);
        margin:0 1rem;
    }

    .wrap_img img {
        width:100%;
        max-width: 33vw;
    }
}

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

    h1, #site_info {
        width: calc(100% - 2rem);
        margin:0 1rem;
    }

    h1 img {
        width: 100%;
        max-width:416px !important;
    }
}