@charset "utf-8";
/* CSS Document */

/*----------------------------------------
 grid
----------------------------------------*/
.grid1{
	display:grid;
	grid-template-columns: 1fr;
}
.grid2{
	display:grid;
	grid-template-columns: 2fr auto;
}
.grid3{
	display:grid;
	grid-template-columns: 3fr auto;
}
.grid4{
	display:grid;
	grid-template-columns: 4fr auto;
}
.grid5{
	display:grid;
	grid-template-columns: 5fr auto;
}

.grid-19-19-19-19-19{
	grid-template-columns: 19% 19% 19% 19% 19% 19%;
	gap:2%;
}
.grid-20-78{
	grid-template-columns: 20% 75%;
	gap:5%;
}
.grid-20-80{
	grid-template-columns: 20% 76%;
	gap:4%;
}
.grid-20-20-20-20-20{
	grid-template-columns: 18% 18% 18% 18% 18%;
	gap:2%;
}
.grid-23-23-23-23{
	grid-template-columns: 23% 23% 23% 23%;
	gap:2%;
}
.grid-24-24-24-24{
	grid-template-columns: 22% 22% 22% 22%;
	gap:3%;
}
.grid-25-25-50{
	grid-template-columns: 23% 23% 48%;
	gap:2%;
}
.grid-25-25-25-25{
	grid-template-columns: 23% 23% 23% 23%;
	gap:2.3%;
}
.grid-30-30-40{
	grid-template-columns: 28% 28% 38%;
	gap:2%;
}
.grid-30-68{
	grid-template-columns: 30% 65%;
	gap:5%;
}
.grid-30-70{
	grid-template-columns: 28% 68%;
	gap:4%;
}
.grid-33-33-33{
	grid-template-columns: 30% 30% 30%;
	gap:3.3%;
}
.grid-40-40-20{
	grid-template-columns: 38% 38% 18%;
	gap:2%;
}
.grid-40-60{
	grid-template-columns: 38% 58%;
	gap:4%;
}
.grid-48-48{
	grid-template-columns: 48% 48%;
	gap:4%;
}
.grid-50-50{
	grid-template-columns: 50% 50%;
	gap:0;
}
.grid-60-38{
	grid-template-columns: 58% 38%;
	gap:4%;
}
.grid-60-40{
	grid-template-columns: 58% 38%;
	gap:4%;
}
.grid-70-28{
	grid-template-columns: 68% 28%;
	gap:4%;
}
.grid-70-30{
	grid-template-columns: 68% 28%;
	gap:4%;
}
.grid-80-18{
	grid-template-columns: 78% 18%;
	gap:4%;
}
.grid-80-20{
	grid-template-columns: 78% 18%;
	gap:4%;
}
.gap0{
	gap: 0 !important;
}

.gap5{
	gap:5px !important;
	box-sizing: border-box;
}
.gap10{
	gap:10px !important;
	box-sizing: border-box;
}
.gap15{
	gap:15px !important;
	box-sizing: border-box;
}
.gap20{
	gap:20px !important;
	box-sizing: border-box;
}
.gap30{
	gap:30px !important;
	box-sizing: border-box;
}
.gap40{
	gap:40px !important;
	box-sizing: border-box;
}
.gap50{
	gap:50px !important;
	box-sizing: border-box;
}
.gap75{
	gap:75px !important;
	box-sizing: border-box;
}
.gap100{
	gap:100px !important;
	box-sizing: border-box;
}

/*----------------------------------------
 grid イレギュラー

----------------------------------------*/
.access_time_grid{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:8px;
	text-align: left;
}

/*----------------------------------------
 width
----------------------------------------*/

.wd90{
	width: 90%;
	margin: 0 auto;
}
.wd80{
	width: 80%;
	margin: 0 auto;
}
.wd70{
	width: 70%;
	margin: 0 auto;
}
.wd60{
	width: 60%;
	margin: 0 auto;
}
.wd50{
	width: 50%;
	margin: 0 auto;
}
.wd40{
	width: 40%;
	margin: 0 auto;
}
.wd30{
	width: 30%;
	margin: 0 auto;
}
.wd20{
	width: 20%;
	margin: 0 auto;
}
.wd10{
	width: 10%;
	margin: 0 auto;
}

/*----------------------------------------
 border-radius
----------------------------------------*/
.br4{
border-radius: 4px;
}
.br8{
border-radius: 8px;
}
.br16{
border-radius: 16px;
}
.br24{
border-radius: 24px;
}
.br32{
border-radius: 32px;
}
.br64{
border-radius: 64px;
}
.br128{
border-radius: 128px;
}
.North-1 img{
border-radius: 0 64px 32px 0;
}


/*----------------------------------------
 margin-bottom
----------------------------------------*/
.mb0{
	margin-bottom: 0;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px;
}
.mb75{
	margin-bottom: 75px;
}
.mb100{
	margin-bottom: 100px;
}


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

/*----------------------------------------
 grid
----------------------------------------*/
.grid-19-19-19-19-19{
	grid-template-columns: 100%;
	gap:0;
}
.grid-20-78{
	grid-template-columns: 100%;
	gap:0;
}
.grid-20-80{
	grid-template-columns: 100%;
	gap:0;
}
.grid-20-20-20-20-20{
	grid-template-columns: 100%;
	gap:0;
}
.grid-23-23-23-23{
	grid-template-columns: 100%;
	gap:0;
}
.grid-24-24-24-24{
	grid-template-columns: 100%;
	gap:0;
}
.grid-25-25-25-25{
	grid-template-columns: 100%;
	gap:0;
}
.grid-30-68{
	grid-template-columns: 100%;
	gap:0;
}
.grid-30-70{
	grid-template-columns: 100%;
	gap:0;
}
.grid-33-33-33{
	grid-template-columns: 100%;
	gap:0;
}
.grid-30-30-40{
	grid-template-columns: 100%;
	gap:0;
}
.grid-40-60{
	grid-template-columns: 100%;
	gap:0;
}
.grid-48-48{
	grid-template-columns: 100%;
	gap:0;
}
.grid-50-50{
	grid-template-columns: 100%;
	gap:0;
}
.grid-60-38{
	grid-template-columns: 100%;
	gap:0;
}
.grid-60-40{
	grid-template-columns: 100%;
	gap:0;
}
.grid-70-28{
	grid-template-columns: 100%;
	gap:0;
}
.grid-70-30{
	grid-template-columns: 100%;
	gap:0;
}
.sp-grid-70-30{
	grid-template-columns: 68% 28%;
	gap:4%;
}
	
.grid-80-18{
	grid-template-columns: 100%;
	gap:0;
}
.grid-80-20{
	grid-template-columns: 100%;
	gap:0;
}
/*.gap5,
.gap10,
.gap15,
.gap20,
.gap30,
.gap40,
.gap50,
.gap100{
gap:0;
}*/
	
/*----------------------------------------
 grid イレギュラー
----------------------------------------*/
.access_time_grid{
	display: grid;
	grid-template-columns: 1fr;
	gap:8px;
}

/*----------------------------------------
 width
----------------------------------------*/
.wd90,
.wd80,
.wd70,
.wd60,
.wd50,
.wd40,
.wd30,
.wd20,
.wd10{
	width: 100%;
	margin: 0 auto;
}

/*----------------------------------------
 spwidth
----------------------------------------*/

.spwd90{
	width: 90%;
	margin: 0 auto;
}
.spwd80{
	width: 80%;
	margin: 0 auto;
}
.spwd70{
	width: 70%;
	margin: 0 auto;
}
.spwd60{
	width: 60%;
	margin: 0 auto;
}
.spwd50{
	width: 50%;
	margin: 0 auto;
}
.spwd40{
	width: 40%;
	margin: 0 auto;
}
.spwd30{
	width: 30%;
	margin: 0 auto;
}
.spwd20{
	width: 20%;
	margin: 0 auto;
}
.spwd10{
	width: 10%;
	margin: 0 auto;
}
.spmb0{
	margin-bottom: 0;
}	
.spmb5{
	margin-bottom: 5px;
}	
.spmb10{
	margin-bottom: 10px;
}	
.spmb15{
	margin-bottom: 15px;
}	
.spmb20{
	margin-bottom: 20px;
}
.spmb30{
	margin-bottom: 30px;
}
.spmb40{
	margin-bottom: 40px;
}
.spmb50{
	margin-bottom: 50px;
}			
}