@charset "utf-8";

/*-----------------------------------------
	base
-----------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
	/*font-weight: 400;*/
}


p{
	font-size: 15px;
}




#campaign h2{
	font-size: 34px;
	color: #006430;
	text-align: center;
	}
	
	
	@media only screen and (max-width: 768px){
		#campaign h2{
	font-size: 20px;
	text-align: center;
	}
	}

#campaign	div.ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1%;
		text-align: center;
		padding: 100px 5% 65px;
		margin: 0 auto;
	}	
	#campaign div.ttl .img01 {
		width: 20%;
		max-width: 120px;
	}
	#campaign div.ttl p {
		display: inline-block;
		font-size: 26px;
    background:linear-gradient(transparent 60%, #ffffa1c7 60%);
	}
	#campaign div.detail {
		padding: 60px;
		border: 1px solid #000;
	}
	#campaign dl {
		display: flex;
		flex-wrap: wrap;
		font-size: 28px;
		margin-bottom: 30px;
	}
	#campaign dl dt {
		width: 28%;
		text-align: right;
	}
	#campaign dl dd {
		width: 72%;
		text-align: left;
		line-height: 1.5;
		margin-bottom: 30px;
	}
	#campaign dl dd span {
		display: block;
		margin-top: -2px;
		font-size: 16px;
	}
	#campaign .notion p {
		width: 100%;
		margin-bottom: 40px;
		text-align: right;
	}

	#campaign .btn_cont .raijyo {
		color: #fff;
		display: block;
		background: #872105;
		background: linear-gradient(to right, #872105 0%,#db3405 40%,#bb3511 60%, #872105 100%);
		padding: 32px 0;
		text-align: center;
		font-size:30px;
		letter-spacing: 0.03em;
		transition: all 0.3s 0s ease;
	text-align: center;
		width: 80%;
		max-width: 450px;
		margin:  0 auto;
	}
	
	@media only screen and (max-width: 768px){	
		#campaign div.ttl {
		padding: 30px 0 20px;
	}
	#campaign div.ttl .img01 {
		width: 15%;
	}
	#campaign div.ttl p {
		font-size: 16px;
	}
	#campaign .detail {
		padding: 30px 20px;
		border: 1px solid #000;
	}
	#campaign dl {
		flex-direction: column;
		justify-content: left;
		font-size: 18px;
		margin-bottom: 20px;
	}
	#campaign dl dt {
		width: 100%;
		text-align: center;
	}
	#campaign dl dd {
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}
	#campaign dl dd span {
		display: block;
		margin-top: -2px;
		font-size: 12px;
	}
	#campaign .notion p {
		font-size: 12px;
	}

	#campaign .btn_cont .raijyo {
		font-size:22px;
		width: 100%;
	}
	}