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

/* TOPPAGE
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


main {
	margin: 0;
}
/*---デスクトップPC以上---*/
@media (min-width: 1441px) {
main {
	margin: 0;
}
}
/*スライダー部分
----------------------------------------------------------*/
.main-visual {
	width: 100%;
	padding: 0;
	margin: 0!important;
	z-index: 0;
}

/*---デスクトップPC以上---*/
@media (min-width: 1441px) {
.main-visual {
	margin: 0!important;
}
}
/*section の上下余白
----------------------------------------------------------*/
section {
	padding-top: calc(100vw / (1441 / 80));
	padding-bottom: calc(100vw / (1441 / 80));
}
 @media (min-width: 1100px) {
section {
	width: calc(100vw / (1441 /1000));
	margin-right: auto;
	margin-left: auto;
}
}
/*swiper部分
----------------------------------------------------------*/
.swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
/*★スマホ時：親要素の領域を縦横比width="780" height="1220"を100:156.41025として保持*/
.swiper-slide:before {
	content: "";
	display: block;
	padding-bottom: 156.41025%;
}
@media (min-width: 768px) {
/*★PC時：親要素の領域を縦横比 width="1920" height="920"を100:47.91666として保持*/
.swiper-slide:before {
	content: "";
	display: block;
	padding-bottom: 47.91666%;
}
}
/*画像を親要素の中央に配置*/
.swiper-slide img {
	position: absolute!important;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: initial!important;/*autoではなく初期値ヘリセット*/
	width: 100%!important;
	height: auto!important;
}
@media (min-width: 768px) {
.swiper-slide img {
	width: 100%!important;
	height: auto!important;
}
/*---画像をmouseoverしたとき薄くなる---*/
.swiper-slide a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}
}
/*丸ポチなどの色　テーマカラーによって変える*/
:root {
 --swiper-theme-color:#1d98ff!important;
}


/*コンテンツ
------------------------------------------------------------*/