/*******************************

base CSS

**********************************/

/* 表示切り替え
---------------------------- */

.sp,
.sp_p{
	display: none;
}

@media all and (max-width: 769px){
	.sp_p{
		display: block;
	}
	.pc_c{
		display: none;
	}
}
@media all and (max-width: 481px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
}

.ib {
	display: inline-block;
}


/* カラー
---------------------------- */
.f-blu{
	color: #004aaa;
	/*rgba(0, 74, 170, 1)*/
}


.bg-blu{
	background-color: #004aaa;
}

.bg-gra{
	background-color: #f2f2f2;
}

.bg-bla{
	background-color: #323232;
}



/* Font
----------------------------- */
	@font-face {
	font-family: 'gennokaku';
	src: url('../font/SourceHanSans-Light.woff') format('woff'),
	url('../font/SourceHanSans-Light.otf') format('opentype'),
	url('../font/SourceHanSans-Light.ttf') format('truetype');
	}

	.mont{
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
	}

	.mincho {
		font-family: 'Noto Serif JP', "游明朝", YuMincho,serif;
	}
	.you-go {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", sans-serif;
	}
	.hira {
  font-family: "ヒラギノ角ゴ Pro W2","Hiragino Kaku Gothic Pro","gennokaku",sans-serif;
	}

	/* slider
----------------------------- */
/*画像の上下の余白を取る*/
	.slick-initialized .slick-slide div{
	font-size: 0px;
}