html{
	font-size: 0.694vw;
}

@media screen and (max-width: 1440px) {
	html {
		font-size: 10px;
	}
}

.mb32{
	margin-bottom: 3.2rem;
}
.mb80{
	margin-bottom: 8rem;
}



.cards-type1 {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;

	.card {
		max-width: 35.7rem;
		@media screen and (max-width: 768px) {
			max-width: none;
		}
		width: 100%;

		border-radius: 1.5rem;
		background: #dadada;

		padding: 4rem 1.6rem;

		img {
			display: block;
			width: 14.2rem;
			margin: 0 auto;
			margin-bottom: 1.6rem;
		}
		.text1 {
			color: #ba534d;
			text-align: center;
			font-family: "BIZ UDGothic";
			font-size: 2.2rem;
			font-style: normal;
			font-weight: 700;
			line-height: 1.6; /* 3.52rem */

			margin-bottom: 1.6rem;
			@media screen and (max-width: 768px) {
				font-size: 2rem;
			}
		}

		.text2 {
			color: #000;
			font-family: "BIZ UDGothic";
			font-size: 1.6rem;
			font-style: normal;
			font-weight: 400;
			line-height: 1.6; /* 2.56rem */
			letter-spacing: 0.032rem;

			padding:0 0.8rem;
		}
	}
}


.cards-type2 {
	display: flex;
	flex-wrap: wrap;
	gap: 2.4rem;

	.card {
		max-width: 35.7rem;
		@media screen and (max-width: 768px) {
			max-width: none;
		}
		width: 100%;

		border-radius: 1.5rem;
		background: #EAEEF6;

		padding: 4rem 1.6rem;

		img {
			display: block;
			width: 14.2rem;
			margin: 0 auto;
			margin-bottom: 1.6rem;
		}
		.text1 {
			color: #ba534d;
			text-align: center;
			font-family: "BIZ UDGothic";
			font-size: 2.2rem;
			@media screen and (max-width: 768px) {
				font-size: 2rem;
			}
			font-style: normal;
			font-weight: 700;
			line-height: 1.6; /* 3.52rem */
			position: relative;
			width:fit-content;
			margin: 0 auto 1.6rem;
		}
		.text1::after {
			content: "";
			display: block;
			margin: 0 auto;
			margin-top: 0.6rem;
			width: 100%;
			height: 6px;
			background-color: #FFD559;
			border-radius: 3px;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		.text2 {
			color: #000;
			font-family: "BIZ UDGothic";
			font-size: 1.6rem;
			font-style: normal;
			font-weight: 400;
			line-height: 1.6; /* 2.56rem */
			letter-spacing: 0.032rem;

			padding:0 0.8rem;
		}
	}
}

.cards-type3 {
	display: flex;
	flex-wrap: wrap;
	gap: 3.2rem;

	.card {
		max-width: 35.2rem;
		width: 100%;
		@media screen and (max-width: 768px) {
			max-width: none;
		}

		img {
			display: block;
			width: 100%;
			margin-bottom: 1.6rem;
		}
		.text1 {
			color: #003391;
			text-align: center;
			font-family: "BIZ UDGothic";
			font-size: 2.2rem;
			font-style: normal;
			font-weight: 700;
			line-height: 160%; /* 35.2px */
			position: relative;
			width:fit-content;
			margin: 0 auto 1.6rem;
		}
		.text1::after {
			content: "";
			display: block;
			margin: 0 auto;
			margin-top: 0.6rem;
			width: 100%;
			height: 6px;
			background-color: #FFD559;
			border-radius: 3px;
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
		}

		.text2 {
			color: #000;
			font-family: "BIZ UDGothic";
			font-size: 1.6rem;
			font-style: normal;
			font-weight: 400;
			line-height: 1.6; /* 2.56rem */
			letter-spacing: 0.032rem;

			padding:0 0.8rem;
		}
	}
}

.table-img{
	max-width: 102%;
	width:102%;
	margin-left: -1%;
	@media screen and (max-width: 768px) {
		margin-left: -1.5%;
	}

}

.work-mv {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 5.5rem;

	.work-mv1 {

		max-width: 52.9rem;
		width: 100%;
		height: auto;
	}
	.work-mv2 {
		max-width: 53.6rem;
		width: 100%;
		height: auto;
	}
}

.swiper-slide {
	height:16.8rem;
}


.swiper-wrapper {
	transition-timing-function: linear!important;
  }