@charset "utf-8";

.kj_container1_01 { width: 100%; margin: 0; padding: 0; background: #FFFFFF; }
.kj_container1_01::after { display: block; visibility: hidden; clear: both; content: ""; }
.kj_row1_01 { display: flex; flex-direction: row; flex-wrap: wrap; }
.kj_row1_01::after { display: block; visibility: hidden; clear: both; content: ""; }

.kj_col1_0-1 { width: 50%; }
.kj_col1_0-2 { width: 100%; }

/*	.kj_container01 { width: 100%; margin: 0; padding: 0; background: #FFFFFF; }
	.kj_container01::after { display: block; visibility: hidden; clear: both; content: ""; }
	.kj_row01 { display: flex; flex-direction: row; flex-wrap: wrap; }
	.kj_row01::after { display: block; visibility: hidden; clear: both; content: ""; }

	div[class^=sp01_] { display: inline-block; margin-left: 0%; }
	div[class^=sp01_] ul { display: inline-block; margin: 20px; }
	div[class^=sp01_]:first-child { margin-left: 0%; }
	div[class^=sp01_]:last-child { margin-right: 0%; }
	.sp01_1-1 { width: 100%; }
	.sp01_1-2 { width: 100%; }


	.kj_row01 h1 { font-size: 1.6rem; text-align: center; padding: 3rem; }
	.kj_row01 h2 { font-size: 1.5em; text-align: center; padding: 2.5rem; }
	.kj_row01 h3 { font-size: 1.4rem; text-align: center; padding: 2rem; }
	.kj_row01 h4 { font-size: 1.3rem; text-align: left; padding: 1.5rem; }
	.kj_row01 h5 { font-size: 1.2rem; text-align: left; padding: 1rem; }
	.kj_row01 h6 { font-size: 1.1rem; text-align: left; padding: 0.5rem; }


	.kj_row01 p { font-size: 1rem; text-align: left; padding: 5px; }

	.kj_code01_title { font-size: 1rem; font-weight: bold; margin: 10px; padding: 10px; }
	.kj_code01 { font-size: 1rem; font-style: italic; background: #f1f1f1; margin: 10px; padding: 10px; border-radius: 10px; }
*/


	@media(min-width: 576px)
	{


        .kj_col1_1-1 { width: 25%; }
        .kj_col1_1-2 { width: 50%; border: 1px dotted #FF0000; }
        .kj_col1_1-3 { width: 75%; }
        .kj_col1_1-4 { width: 100%; }

        

/*
        .sp01_1-1 { width: 50%; }
		.sp01_1-2 { width: 100%; }
*/
	}
	@media(min-width: 768px)
	{

        .kj_col1_2-1 { width: 16.66666667%; }
        .kj_col1_2-2 { width: 33.33333333%; }
        .kj_col1_2-3 { width: 50%; }
        .kj_col1_2-4 { width: 66.66666667%; }
        .kj_col1_2-5 { width: 83.33333333%; }
        .kj_col1_2-6 { width: 100%; }

/*
        .sp01_2-1 { width: 16.66666667%; }
		.sp01_2-2 { width: 33.33333333%; }
		.sp01_2-3 { width: 50%; }
		.sp01_2-4 { width: 66.66666667%; }
		.sp01_2-5 { width: 83.33333333%; }
		.sp01_2-6 { width: 100%; }
*/
    }
	@media(min-width: 992px)
	{

        .kj_col1_3-1 { width: 11.11111111%; }
        .kj_col1_3-2 { width: 22.22222222%; }
        .kj_col1_3-3 { width: 33.33333333%; }
        .kj_col1_3-4 { width: 44.44444444%; }
        .kj_col1_3-5 { width: 55.55555556%; }
        .kj_col1_3-6 { width: 66.66666667%; }
        .kj_col1_3-7 { width: 77.77777778%; }
        .kj_col1_3-8 { width: 88.88888889%; }
        .kj_col1_3-9 { width: 100%; }
        
/*        
		.sp01_3-1 { width: 11.11111111%; }
		.sp01_3-2 { width: 22.22222222%; }
		.sp01_3-3 { width: 33.33333333%; }
		.sp01_3-4 { width: 44.44444444%; }
		.sp01_3-5 { width: 55.55555556%; }
		.sp01_3-6 { width: 66.66666667%; }
		.sp01_3-7 { width: 77.77777778%; }
		.sp01_3-8 { width: 88.88888889%; }
		.sp01_3-9 { width: 100%; }
*/        

	}
	@media(min-width: 1200px)
	{
        
        .kj_col1_4-1 { width: 8.333333333%; }
        .kj_col1_4-2 { width: 16.66666667%; }
        .kj_col1_4-3 { width: 25%; }
        .kj_col1_4-4 { width: 33.33333333%; }
        .kj_col1_4-5 { width: 41.66666667%; }
        .kj_col1_4-6 { width: 50%; }
        .kj_col1_4-7 { width: 58.33333333%; }
        .kj_col1_4-8 { width: 66.66666667%; }
        .kj_col1_4-9 { width: 75%; }
        .kj_col1_4-10 { width: 83.33333333%; }
        .kj_col1_4-11 { width: 91.66666667%; }
        .kj_col1_4-12 { width: 100%; }
		
/*        
        .sp01_4-1 { width: 8.333333333%; }
		.sp01_4-2 { width: 16.66666667%; }
		.sp01_4-3 { width: 25%; }
		.sp01_4-4 { width: 33.33333333%; }
		.sp01_4-5 { width: 41.66666667%; }
		.sp01_4-6 { width: 50%; }
		.sp01_4-7 { width: 58.33333333%; }
		.sp01_4-8 { width: 66.66666667%; }
		.sp01_4-9 { width: 75%; }
		.sp01_4-10 { width: 83.33333333%; }
		.sp01_4-11 { width: 91.66666667%; }
		.sp01_4-12 { width: 100%; }
*/		
	}