@charset "utf-8";

#campaign-sepoct * {
	-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-sepoct *::before,
#campaign-sepoct *::after {
	box-sizing: border-box;
}

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

#campaign-sepoct{
	.header {
		display: block;
		width: auto;
		max-width: 500px;
		margin: 0 auto;
	}

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

	.camp_container {
		max-width: 500px;
		margin: 0 auto;
		padding: 0 0 5%;
		background: #f2ece1;
		
	}

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

	.camp_box{
		padding: 0 0 5%;
		background: #fff;
	}
	.camp_box:first-of-type {
		padding: 0;
	}
	.camp_box + .camp_box {
		padding: 0;
	}
	.camp_box:last-child {
		padding: 0 0 7%; 
	}
	.camp_ttl {
		padding: 2%;
		background: #9a7cb6;
		color: #fff;
		font-size: min(3.8vw, 19px);
		text-align: center;
		letter-spacing: .25em;
	}

	.camp_content {
		display: flex;
		align-items: center;
		gap: 10%;
		margin: 0 auto 4%;
		padding: 7% 0 0;
		width: 80%;
	}

	.camp_image {
		width: 40%;
		height: auto;
		flex-shrink: 0;
		img{
			display: block;
		}
	}
	.camp_text{
		font-size: min(3.8vw, 19px);
		line-height: 1.6;
		text-align: center;
		font-weight: 700;
	}

	.camp_btn {
		display: block;
		width: 80%;
		background-color: #ff9e1c;
		color: #fff;
		font-size: min(3.8vw, 19px);
		font-weight: 500;
		letter-spacing: .2em;
		margin: 0 auto;
		padding: 2% 5%;
		border: none;
		border-radius: 0.2em;
		cursor: pointer;
		text-align: center;
	}

	.camp_btn:hover {
		background-color: #ff771c; /* 濃いオレンジ */
	}
}