section,div{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* ----------------- row ----------------- */
	.grid-wrap{display: block;}
	.grid-wrap:before{clear: both; display: block; content:" "; height: 0px;}
	.grid-wrap:after{clear:both; display: block; content:" "; height: 0px;}
/* ----------------- row end ----------------- */


/* ----------------- グリット ----------------- */
	.grid-1{width: 8.33333333%; float: left; display: block; position:relative;}
	.grid-2{width: 16.66666667%; float: left; display: block; position:relative;}
	.grid-3{width: 25%; float: left; display: block; position:relative;}
	.grid-4{width: 33.33333333%; float: left; display: block; position:relative;}
	.grid-5{width: 41.66666667%; float: left; display: block; position:relative;}
	.grid-6{width: 50%; float: left; display: block; position:relative;}
	.grid-7{width: 58.33333333%; float: left; display: block; position:relative;}
	.grid-8{width: 66.66666667%; float: left; display: block; position:relative;}
	.grid-9{width: 75%; float: left; display: block; position:relative;}
	.grid-10{width: 83.33333333%; float: left; display: block; position:relative;}
	.grid-11{width: 91.66666667%; float: left; display: block; position:relative;}
	.grid-12{width: 100%; float: left; position:relative;}
	
	.grid-1-pc{width: 8.33333333%; float: left; display: block; position:relative;}
	.grid-2-pc{width: 16.66666667%; float: left; display: block; position:relative;}
	.grid-3-pc{width: 25%; float: left; display: block; position:relative;}
	.grid-4-pc{width: 33.33333333%; float: left; display: block; position:relative;}
	.grid-5-pc{width: 41.66666667%; float: left; display: block; position:relative;}
	.grid-6-pc{width: 50%; float: left; display: block; position:relative;}
	.grid-7-pc{width: 58.33333333%; float: left; display: block; position:relative;}
	.grid-8-pc{width: 66.66666667%; float: left; display: block; position:relative;}
	.grid-9-pc{width: 75%; float: left; display: block; position:relative;}
	.grid-10-pc{width: 83.33333333%; float: left; display: block; position:relative;}
	.grid-11-pc{width: 91.66666667%; float: left; display: block; position:relative;}
	.grid-12-pc{width: 100%; float: left; position:relative;}
/* ----------------- グリット end----------------- */



/* ----------------- 余白 ----------------- */
	.grid-offset-1{margin-left: 8.33333333%;}
	.grid-offset-2{margin-left: 16.66666667%;}
	.grid-offset-3{margin-left: 25%;}
	.grid-offset-4{margin-left: 33.33333333%;}
	.grid-offset-5{margin-left: 41.66666667%;}
	.grid-offset-6{margin-left: 50%;}
	.grid-offset-7{margin-left: 58.33333333%;}
	.grid-offset-8{margin-left: 66.66666667%;}
	.grid-offset-9{margin-left: 75%;}
	.grid-offset-10{margin-left: 83.33333333%;}
	.grid-offset-11{margin-left: 100%;}	
	
	.grid-offset-1-pc{margin-left: 8.33333333%;}
	.grid-offset-2-pc{margin-left: 16.66666667%;}
	.grid-offset-3-pc{margin-left: 25%;}
	.grid-offset-4-pc{margin-left: 33.33333333%;}
	.grid-offset-5-pc{margin-left: 41.66666667%;}
	.grid-offset-6-pc{margin-left: 50%;}
	.grid-offset-7-pc{margin-left: 58.33333333%;}
	.grid-offset-8-pc{margin-left: 66.66666667%;}
	.grid-offset-9-pc{margin-left: 75%;}
	.grid-offset-10-pc{margin-left: 83.33333333%;}
	.grid-offset-11-pc{margin-left: 100%;}
/* ----------------- 余白 end ----------------- */


@media screen and (max-width: 1024px) {
	/* ----------------- レイアウト ----------------- */
	.container{width: 100%; margin: auto auto; display: block;}
	/* ----------------- レイアウト end ----------------- */
	
	.grid-1-pc,
	.grid-2-pc,
	.grid-3-pc,
	.grid-4-pc,
	.grid-5-pc,
	.grid-6-pc,
	.grid-7-pc,
	.grid-8-pc,
	.grid-9-pc,
	.grid-10-pc,
	.grid-11-pc,
	.grid-12-pc{width: 100%;}

	/* ----------------- 余白リセット ----------------- */
	.grid-offset-1-pc{margin-left: 0%;}
	.grid-offset-2-pc{margin-left: 0%;}
	.grid-offset-3-pc{margin-left: 0%;}
	.grid-offset-4-pc{margin-left: 0%;}
	.grid-offset-5-pc{margin-left: 0%;}
	.grid-offset-6-pc{margin-left: 0%;}
	.grid-offset-7-pc{margin-left: 0%;}
	.grid-offset-8-pc{margin-left: 0%;}
	.grid-offset-9-pc{margin-left: 0%;}
	.grid-offset-10-pc{margin-left: 0%;}
	.grid-offset-11-pc{margin-left: 0%;}
	
	.grid-1-tab{width: 8.33333333%; float: left; display: block; position:relative;}
	.grid-2-tab{width: 16.66666667%; float: left; display: block; position:relative;}
	.grid-3-tab{width: 25%; float: left; display: block; position:relative;}
	.grid-4-tab{width: 33.33333333%; float: left; display: block; position:relative;}
	.grid-5-tab{width: 41.66666667%; float: left; display: block; position:relative;}
	.grid-6-tab{width: 50%; float: left; display: block; position:relative;}
	.grid-7-tab{width: 58.33333333%; float: left; display: block; position:relative;}
	.grid-8-tab{width: 66.66666667%; float: left; display: block; position:relative;}
	.grid-9-tab{width: 75%; float: left; display: block; position:relative;}
	.grid-10-tab{width: 83.33333333%; float: left; display: block; position:relative;}
	.grid-11-tab{width: 91.66666667%; float: left; display: block; position:relative;}
	.grid-12-tab{width: 100%; float: left; position:relative;}
	.grid-offset-1-tab{margin-left: 8.33333333%;}
	.grid-offset-2-tab{margin-left: 16.66666667%;}
	.grid-offset-3-tab{margin-left: 25%;}
	.grid-offset-4-tab{margin-left: 33.33333333%;}
	.grid-offset-5-tab{margin-left: 41.66666667%;}
	.grid-offset-6-tab{margin-left: 50%;}
	.grid-offset-7-tab{margin-left: 58.33333333%;}
	.grid-offset-8-tab{margin-left: 66.66666667%;}
	.grid-offset-9-tab{margin-left: 75%;}
	.grid-offset-10-tab{margin-left: 83.33333333%;}
	.grid-offset-11-tab{margin-left: 100%;}
	
	/* ----------------- 余白リセット end ----------------- */
}

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


@media screen and (max-width: 480px) {
	.float-sp-none{float: none;}
	.grid-1-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-2-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-3-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-4-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-5-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-6-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-7-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-8-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-9-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-10-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-11-tab{width: 100%; float: left; display: block; position:relative;}
	.grid-12-tab{width: 100%; float: left; position:relative;}
	.grid-offset-1-tab{margin-left: 0%;}
	.grid-offset-2-tab{margin-left: 0%;}
	.grid-offset-3-tab{margin-left: 0%;}
	.grid-offset-4-tab{margin-left: 0%;}
	.grid-offset-5-tab{margin-left: 0%;}
	.grid-offset-6-tab{margin-left: 0%;}
	.grid-offset-7-tab{margin-left: 0%;}
	.grid-offset-8-tab{margin-left: 0%;}
	.grid-offset-9-tab{margin-left: 0%;}
	.grid-offset-10-tab{margin-left: 0%;}
	.grid-offset-11-tab{margin-left: 0%;}
	/* ----------------- 余白リセット ----------------- */
	.grid-1-sp{width: 8.33333333%; float: left; display: block; position:relative;}
	.grid-2-sp{width: 16.66666667%; float: left; display: block; position:relative;}
	.grid-3-sp{width: 25%; float: left; display: block; position:relative;}
	.grid-4-sp{width: 33.33333333%; float: left; display: block; position:relative;}
	.grid-5-sp{width: 41.66666667%; float: left; display: block; position:relative;}
	.grid-6-sp{width: 50%; float: left; display: block; position:relative;}
	.grid-7-sp{width: 58.33333333%; float: left; display: block; position:relative;}
	.grid-8-sp{width: 66.66666667%; float: left; display: block; position:relative;}
	.grid-9-sp{width: 75%; float: left; display: block; position:relative;}
	.grid-10-sp{width: 83.33333333%; float: left; display: block; position:relative;}
	.grid-11-sp{width: 91.66666667%; float: left; display: block; position:relative;}
	.grid-12-sp{width: 100%; float: left; position:relative;}
	.grid-offset-1-sp{margin-left: 8.33333333%;}
	.grid-offset-2-sp{margin-left: 16.66666667%;}
	.grid-offset-3-sp{margin-left: 25%;}
	.grid-offset-4-sp{margin-left: 33.33333333%;}
	.grid-offset-5-sp{margin-left: 41.66666667%;}
	.grid-offset-6-sp{margin-left: 50%;}
	.grid-offset-7-sp{margin-left: 58.33333333%;}
	.grid-offset-8-sp{margin-left: 66.66666667%;}
	.grid-offset-9-sp{margin-left: 75%;}
	.grid-offset-10-sp{margin-left: 83.33333333%;}
	.grid-offset-11-sp{margin-left: 100%;}
	
	/* ----------------- 余白リセット end ----------------- */
}


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

	/* ----------------- グリット ----------------- */
	.grid-1{width: 100%; float: none; display: block; position:relative;}
	.grid-2{width: 100%; float: none; display: block; position:relative;}
	.grid-3{width: 100%; float: none; display: block; position:relative;}
	.grid-4{width: 100%; float: none; display: block; position:relative;}
	.grid-5{width: 100%; float: none; display: block; position:relative;}
	.grid-6{width: 100%; float: none; display: block; position:relative;}
	.grid-7{width: 100%; float: left; display: block; position:relative;}
	.grid-8{width: 100%; float: none; display: block; position:relative;}
	.grid-9{width: 100%; float: none; display: block; position:relative;}
	.grid-10{width: 100%; float: none; display: block; position:relative;}
	.grid-11{width: 100%; float: none; display: block; position:relative;}
	.grid-12{width: 100%; float: left; position:relative;}
	
	.grid-offset-1{margin-left: 0%;}
	.grid-offset-2{margin-left: 0%;}
	.grid-offset-3{margin-left: 0%;}
	.grid-offset-4{margin-left: 0%;}
	.grid-offset-5{margin-left: 0%;}
	.grid-offset-6{margin-left: 0%;}
	.grid-offset-7{margin-left: 0%;}
	.grid-offset-8{margin-left: 0%;}
	.grid-offset-9{margin-left: 0%;}
	.grid-offset-10{margin-left: 0%;}
	.grid-offset-11{margin-left: 0%;}
	/* ----------------- レイアウト end----------------- */
}