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

/* ----------------------------------------- */
/* メイン背景 ---------------------------------- */
/* ----------------------------------------- */
.bg-slider {
	width: 100%;
	height: 100vh;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	clear: both;
	overflow: hidden;
	background-image: url(../img/tes7-2.jpg);
}
.bg-slider2 {
	display: none;
}
.bg-slider__title {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.bg-bannar {
	position: absolute;
	bottom: 25px;
	left: 25px;
}

.bg-slider__text {
	text-align: center;
	position: absolute;
	bottom: 20%;
	font-size: 30px;
	font-weight: lighter;
	color: #000;
	letter-spacing: 0.3em;
}
.bg-slider__title2 {
	display: none;

}

.bg-line {
	position: absolute;
	padding: 0px;
	height: 36px;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../../ig-test/img/line-36px.jpg);
	background-repeat: repeat-x;
	background-position: center center;
	bottom: 0px;
}
/* ----------------------------------------- */
/* メイン色被せ ---------------------------------- */
/* ----------------------------------------- */


.color-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: -1;
	background-image: url(../img/pt.png);
	background-repeat: repeat;
}


/* 画面サイズが768以下の場合に適用 */
@media only screen and (max-width: 870px) {

.bg-slider__title img{
	width: 85%;
	margin-right: auto;
	margin-left: auto;

}

/* 画面サイズが768以下の場合に適用 */
@media only screen and (max-width: 768px) {

/* ----------------------------------------- */
/* メイン背景768 ---------------------------------- */
/* ----------------------------------------- */
.bg-slider {
	height: 60vh;

}
.bg-slider__title {

}

.bg-bannar img {
	height: auto;
	width: 80%;
}
.bg-slider__title img{
	width: 55%;
	margin-right: auto;
	margin-left: auto;

}
}




/* 画面サイズが480以下の場合に適用 */
@media only screen and (max-width: 480px) {

/* ----------------------------------------- */
/* メイン背景 480px ---------------------------------- */
/* ----------------------------------------- */
.bg-slider {
	height: 0;
	display: none;
}
.bg-slider2 {
	height: 45vh;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	clear: both;
	overflow: hidden;
	background-image: url(../img/tes7-2-mini.jpg);
	}
.bg-slider img {
	display: none;
}
.br-sp {
	display: none;
}
.bg-slider__title2 {
	text-align: center;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
}


.bg-slider__title2 img{
	width: 80%;
	height: auto;
	margin-top: 50px;
}

/* ----------------------------------------- */
/* メイン色被せ480 ---------------------------------- */
/* ----------------------------------------- */


.color-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.3);
	background-size: cover;
	z-index: -1;
}
}