@charset "UTF-8";
/* CSSコード */
@use url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');
@use url('https://fonts.googleapis.com/css2?family=Train+One&display=swap');
@use url('https://fonts.googleapis.com/css2?family=Cherry+Swash&display=swap');

/* CSS Document */
.circle{
	display: inline-block;
	width: 111px;
	height: 111px;
	border-radius: 50%;
	background: #000066;
}
  
.circle img {
	width: 111px;
	height: 111px;
	border-radius:50%;
}

.raius-circle-111{
	display: inline-block;
	width: 111px;
	height: 111px;
	border-radius: 10%;
	background: #000066;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.raius-circle-111 img {
	width: 111px;
	height: 111px;
	border-radius:10%;
}

.raius-circle-180{
	display: inline-block;
	width: 180px;
	border-radius: 10%;
	background: #000066;
	margin-bottom: 10px;
}

.raius-circle-180 img {
	width: 180px;
	border-radius:10%;
}


sup {
	color: red;
}


.train-one-regular {
	font-family: "Train One", system-ui;
	font-weight: 400;
	font-style: normal;
}
  
#copy {
	font-family: 'Cherry Swash', cursive;
	font-family: 'Sacramento', cursive;
}


  .swiper-slide {
	overflow: hidden;
  }
  
  .swiper-slide figure {
	display: block;
	margin: 0 0 0 -10%;
	width: calc(100% + 20%);
	max-width: calc(100% + 20%);
	overflow: hidden;
  }
  .swiper-slide figure img {
	width: 100%;
	height: 200px;
	object-fit: cover;
  }


.slider {
	width: 100%;
	height: 100%;
}

.slider img {
	width: 100%;
	object-fit: cover;
}

section {
	margin-bottom: 20px;
	text-align:center;
}