@charset "utf-8";

#campaign-now * {
	-webkit-box-sizing: border-box;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-sizing: border-box;
	color: #1f1f1f;
	line-height: 2;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#campaign-now *::before,
#campaign-now *::after {
	box-sizing: border-box;
}

#campaign-now img {
	max-width: 100%;
}

#campaign-now{
	.main {
		display: block;
		width: auto;
		max-width: 70%;
		margin: 0 auto;
	}

	.main img {
		display: block;
		width: auto;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.camp_container {
		max-width: 70%;
		margin: 0 auto;
		padding: 0 0 5%;
		background: #44b3c7;
	}

	.camp_box_wrap {
		width: 90%;
		margin: 0 auto 7%;
	}

	.camp_box{
		padding: 0 0 4%;
				margin-bottom: 7%;
		background: #fff;
	}

	.camp_ttl {
		padding: 7% 0 0;
		font-size: min(3.8vw, 19px);
		text-align: center;
		span {
			letter-spacing: .25em;
			display: inline-block;
			color: #6e4955;
			border-bottom: 2px solid #6e4955;
		}
	}

	.camp_content {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10%;
		margin: 0 auto 4%;
		padding: 5% 0 0;
		width: 80%;
		max-width: 418px;
	}

	.camp_image {
		width: 40%;
		height: auto;
		flex-shrink: 0;
		img{
			display: block;
		}
	}

	.camp_text{
		font-size: min(3.7vw, 16px);
		line-height: 1.6;
		text-align: center;
		font-weight: 700;
        width: 90%;
        margin: 0 auto;
		/* padding-right: 5%; */
	}

	.camp_text_small{
		font-size: min(3.2vw, 16px);
	}

	.camp_btn {
		display: block;
		width: auto;
		max-width: 422px;
		background-color: #fff8ce;
		color: #6e4955;
		font-size: min(3.8vw, 19px);
		font-weight: 500;
		letter-spacing: .2em;
		margin: 0 auto 7%;
		padding: 2% 5%;
		border: none;
		border-radius: 0.3em;
		cursor: pointer;
		text-align: center;
	}

	.camp_btn:hover {
		background-color: #f0e6ad; 
	}
}