@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	background: #f5f2ec;
	font-family: "fot-tsukuardgothic-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

ul {
	list-style-type: none;
}

ul li {
	list-style-type: none;
}

h2 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	text-align: center;
	gap: 20px;
	margin-bottom: 15px;
}

/*===========
inview
===========*/
.fadeIn {
	opacity: 0;
	transition: 2s;
}

.fadeIn.is-show {
	opacity: 1;
}

/* フェードイン(初期値) */
.js-fadeUp {
	opacity: 0;
	/* 最初は非表示 */
	transform: translateY(30px);
	/* 下に30pxの位置から */
	transition: opacity .8s, transform .8s;
	/* 透過率と縦方向の移動を0.8秒 */
}

/* フェードイン(スクロールした後) */
.js-fadeUp.is-inview {
	opacity: 1;
	/* 表示領域に入ったら表示 */
	transform: translateY(0);
	/* 30px上に移動する */
	transition-delay: .5s;
	/* フェード開始を0.5秒遅らせる */
}


/* slide */

.swiper {
	margin-bottom: 10px;
}

.swiper-button-prev:after {
	content: url("../images/arw_left.svg") !important;
}

.swiper-button-next:after {
	content: url("../images/arw_right.svg") !important;
}