/* 
information
*/

@import url('pager.css');

:root {
	--main-color: #ff7600;
	--mb-fb-17: 2.2368421052632vw;
	--mb-fs-18: 2.3684210526316vw;
	--mb-fs-24: 3.1578947368421vw;
	--mb-fs-30: 3.9473684210526vw;
	--mb-fs-36: 4.7368421052632vw;
	--mb-fs-59: 7.7631578947368vw;
	--mb-fs-35: 4.6052631578947vw;
	--mb-lh-22: 2.8947368421053vw;
	--mb-lh-32: 4.2105263157895vw;
	--mb-lh-35: 4.6052631578947vw;
	--mb-lh-36: 4.7368421052632vw;
	--mb-lh-47: 6.1842105263158vw;
	--mb-lh-70: 9.2105263157895vw;
	--mb-lh-79: 10.394736842105vw;
	--mb-text-color-ff7600: #ff7600;
	--mb-text-color--000000: #000000;
	--border-5px: 0.2683843263553409vw;

}

body {
	font-family: 'Noto Sans JP' !important;
}

a {
	text-decoration: none !important;
}

.banner-info{
	position: relative;
}

.banner-info .banner {
	position: relative;
}

.banner .banner-img{
	background-image: url('../images/gallery/banner-pc-1.png');
	background-repeat: no-repeat;
	width: 100vw;
	height: 21.82vw;
	background-size: 100%;
}

.banner .logo{
	position: absolute;
	z-index: 3;
}

.logo .brand-head {
	position: relative;
	top: -4vw;
	left: -3vw;
	width: 38%;
}

/*お知らせ用追加部分↓*/
.bg-info {
	
}

.bg-info img{
	max-height: 270px;
}

.bg-info .concept-box {
	background-color: #EDE9E2;
	border: 5px solid #000;
	box-shadow: white 15px 16px 1px 0px;
	height: 100%;
}

.element-btn-action {
	margin-bottom: 0px;
}
/*小サイズ表示*/
@media screen and (max-width: 760px ) {

	.banner-info{
		position: relative;
	}

	.banner-info .banner {
		position: relative;
	}

	.banner .banner-img{
		background-image: url('../images/gallery/banner-sp-1.png');
		background-repeat: no-repeat;
		width: 100vw;
		height: 106vw;
		background-size: 100%;
	}
}