.projectNotice {
    padding-bottom: 15px;
}

.projectNotice__heading {
    padding: 20px 0 10px 0;
    font-size: 2.5em;
    font-weight: bold;
    color: #e2041b;
    text-align: center;
}

.projectNotice__text {
    font-size: 1em;
    font-weight: bold;
    color: #e2041b;
    line-height: 1.5;
    text-align: center;
}
    
@media only screen and (max-width: 767px) {
.projectNotice__heading {
    font-size: 1.5em;
}
.projectNotice__text {
    font-size: 0.8em;
}
} 


/* プログラム詳細 */
.fundProgramContents{
	width: 1080px;
	margin: 0 auto;
}
.fundProgramDetailContents{
	width: 100%;
	background: #fff;
}
.fundProgramTitleArea{
	padding: 80px 0 50px;
}
.fundProgramTitleBox{
	margin-bottom: 60px;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.fundProgramTitleHeading{
	margin: 0 auto;
	padding-bottom: 60px;
	width: 100%;
	letter-spacing: 0.02em;
}
.fundProgramTitleImgArea{
	width: 68%;
}
.fundProgramTitleImgArea-1col{
	margin: 0 auto;
}
.fundProgramTitleImg{
	width: 100%
}
.fundProgramTitleTxt{
	font-size: 1.62em;
}

.fundProgramRecordDataArea{
	width: 30%;
}
.fundProgramRecordDataContainer{
	display: table;
	text-align: left;
	background: #fff;
	width: 100%;
	height: 100%;
}
.fundProgramRecordDataInner{
	padding: 24px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3;
}
.fundProgramRecordDataBox{
	margin-bottom: 30px;
}
.fundProgramRecordDataBox-accept{
	margin-bottom: 0;
}
.fundProgramRecordDataBox-return{
	font-weight: bold;
}
.fundProgramRecordDataBoxArea{
	display: none;
}
.fundProgramRecordDataBox:last-child{
	margin-bottom: 0;
}
.fundProgramTargetAmountBox{
	margin: 0 0 20px;
}
.fundProgramRecordDataBoxArea{
	padding: 0 0 30px;
}
.fundAcceptingDetailHidden{
	padding: 10px 0;
}
.fundProgramRecordData{
	font-weight: bold;
}
.fundUseRecordCount-value{
	font-size: 1.9em;
}
.fundUseRecordCount-value-txt{
	font-size: 1.5em;
}
.fundProgramRecordDataImg,
.fundProgramRecordDataTxt{
	display: inline-block;
	vertical-align: middle;
}

.fundProgramEntryBtnArea{
	margin-bottom: 30px;
}
.fundProgramEntryBtn a{
	margin: 0 auto;
	padding: 11px 2.2%;
	display: block;
	width: 14em;
	background: #ff4a87;
	border-radius: 50px;
}
.fundProgramEntryBtn a:active {
	color: #fff;
	text-decoration: none;
}
.fundProgramEntryBtnTxt{
	color: #fff;
	font-weight: bold;
}

#entry1{
	min-height: 1000px;
}

.fundProgramDetailArea{
	margin: 0 auto;
	width: 1080px;
	background: #fff;
}
.fundProgramDetailBox{
	padding: 80px 8.4% 40px;
	/*background: #fff;*/
}
.fundProgramHeadding{
	margin-bottom: 80px;
}
.fundProgramHeaddingTxt{
	font-size: 1.25em;
	color: #555555;
}
.fundProgramDetailHeadding{
	margin-bottom: 20px;
}
.fundProgramDetailHeaddingTxt{
	padding: 60px 0 6px;
	text-align: left;
	font-size: 1.25em;
	border-bottom: 1px solid #ccc;
}
.fundProgramDetailSubHeadding{
	margin-bottom: 20px;
}
.fundProgramDetailSubHeaddingTxt{
	padding-top: 30px;
	text-align: left;
	font-size: 1.15em;
}
.fundProgramDetailTxtArea{
	margin-bottom: 20px;
}
.fundProgramDetailTxt{
	margin-bottom: 20px;
	text-align: left;
}
.fundProgramDetailTxt-aside{
	font-size: 0.78em;
}
.fundProgramDetailTxt a{
	text-decoration: underline;
	color: #333;
}
.fundProgramDetailImgArea{
	letter-spacing: -1em;
	font-size: 0;
	text-align: left;
	flex-wrap:wrap;
	display: flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
}
.fundProgramDetailImgBox{
	margin-bottom: 20px;
	letter-spacing: 0.02em;
	font-size: 1rem;
	width: 48%;
}
.fundProgramDetailImg{
	border: 1px solid #ccc;
}
.fundProgramDetailImg img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.fundProgramDetailImgTxt{
	padding-top: 7px;
	font-size: 0.9em;	
}
.fundProgramDetailInner{
	padding-bottom: 60px;
	border-bottom: solid 1px #ccc;
}


/* SDGs */
.fundProgramSDGsBox{
	padding : 80px 0 50px;
	border-bottom: solid 1px #ccc;
}
.fundProgramSDGsImgArea{
	margin-bottom: 40px;
	font-size: 0;
}
.fundProgramSDGsLogoImgBox{
	margin-bottom: 40px;
}
.fundProgramSDGsImgBox{
	margin: 10px;
	display: inline-block;
	font-size: 1rem;
}
.fundProgramSDGsTxt{
	text-align: center;
}

/* ステップ */
.fundProgramStepBox{
	margin-bottom: 80px;
	padding: 40px 8.4% 30px;
}
.fundProgramStep{
	margin-bottom: 80px;
	display: table;
}
.fundProgramStepImg{
	display: table-cell;
	width: 15%; 
}
.fundProgramStepTxtBox{
	display: table-cell;
	width: 85%; 
	vertical-align: middle;
}
.fundProgramStepLink:hover{
	color: #FF4A87;
}
.fundProgramStepHeadding{
	text-align: left;
}
.fundProgramStepHeaddingTxt{
	padding-left: 40px;
	font-size: 1.15em;
	font-weight: bold;
}
.fundProgramStepHeaddingTxt,
.fundProgramStepTxtBox .fundProgramDetailTxt{
	padding-left: 40px;
}
.fundProgramStepImg img,
.fundProgramReturnImg img{
	width: 100%;
	height: auto;
}

.PageForm{
	display: none;
}

/*リターン*/
.fundProgramReturnBox {
	margin-bottom: 80px;
	padding: 0 8.4% 80px;
}
.fundProgramReturnBoxInner {
	padding-top: 80px;
	border-top: solid 1px #ccc;
}

/* キャンペーン */
.fundProgramCanpaignArea {
	margin: 0 auto 50px;
	padding: 20px 0;
	width: 100%;
	background: #ffbfd4;
}
.fundProgramCanpaignBox {
	margin: 0 auto;
	width: 100%;
	max-width: 640px;
	align-items: center;
}
.fundProgramCanpaign {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	align-items: center;
	background: #ffbfd4;
}
.fundProgramCanpaignTitleBox {
	margin-right: 4%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	align-items: center;
	width: 56%;
	min-height: 100px;
	border-radius: 20px;
	background: #fff;
}
.fundProgramCanpaignTitle {
	padding: 10px;
}
.fundProgramCanpaignTitleTxt {
	font-size: 0.85em;
}
.CanpaignTitleTxt-em {
	font-size: 1.06em;
}
.fundProgramCanpaignDetailBox {
	width: 40%;
	font-weight: bold;
}
.fundProgramCanpaignSup {
	margin-bottom: 6px;
	color: #fff;
}
.fundProgramCanpaignTerms {
	color: #ff4a87;
}
.fundProgramCanpaignItem {
	color: #ff4a87;
}
.fundProgramCanpaignPrice {
	font-size: 1.6em;
	color: #ff4a87;
}
.fundProgramCanpaignDate {
	padding: 12px 4px;
	margin: 0 0 20px 0;
	display: inline-block;
	font-size: 1.6em;
	color: #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #ffffff;
	line-height: 1.5;
	box-sizing: border-box;
}
.fundProgramCanpaignLinkBox {
	text-align: center;
}
.fundProgramCanpaignLink {
	padding: 0 4%;
}
.fundProgramCanpaignLink a {
	text-decoration: underline;
	color: #333;
}
/* キャンペーン */

/* mobile responsive ----------------------------------------------- */
@media screen and (max-width:360px){
	#FormAssist_submit_fa_tag{
		width: 100%!important;
		height: auto!important;
		font-size: 0.8rem!important;
		line-height: 68px!important;
	}
}


/* mobile responsive ----------------------------------------------- */
@media screen and (max-width:640px){
	.fundProgramContents{
		width: 100%;
	}
	.fundProgramTitleArea{
		padding: 0 0 20px;
		background: #fff;
	}
	.fundProgramTitleBox{
		margin: 0;
		flex-direction: column;
	}
	.fundProgramTitleImgArea{
		width: 100%;
		order: 1;
	}
	.fundProgramTitleImgBox{
		margin-bottom: 20px;
	}
	.fundProgramTitleHeading{
		margin-bottom: 20px;
		padding: 0 6%;
		width: initial;
		text-align: left;
		order: 2;
	}
	.fundProgramTitle{
		margin: 0 5% 20px;
	}
	.fundProgramTitleTxt{
		font-size: 1em;
	}
	.fundProgramGroupTxt{
		font-size: 0.88em;
	}
	.fundProgramRecordDataArea{
		width: 100%;
		background: #fff;
		order: 3;
	}
	.fundProgramRecordDataContainer{
		padding: 0 6%;
		display: block;
		width: initial;
		height: initial;
		letter-spacing: -1em;
		font-size: 0;
	}
	.fundProgramRecordDataInner{
		padding: 20px 0;
		display: block;
		border-top: 1px solid #ccc;
		line-height: 1.75;
	}
	.fundProgramRecordDataBoxArea{
		padding: 0;
	}
	.fundProgramRecordDataBox{
		margin-bottom: 0;
		display: inline-block;
		width: 50%;
		text-align: center;
		letter-spacing: 0.02em;
	}
	.fundProgramRecordDataBox-accept{
		width: 100%;
	}
	.fundProgramRecordDataBox-return{
		width: 100%;
		margin-top: 20px;
	}
	.fundProgramTargetAmountBox{
		margin: 0 0 20px 0;
		text-align: center;
		font-size: 1rem;
	}
	.fundAcceptingDetailHidden{
		padding: 0;
		font-size: 1rem;
	}
	.fundProgramTargetAmountBox .fundProgramRecordDataHeading,
	.fundProgramTargetAmountBox .fundProgramRecordDataTxt{
		margin: 0 6px 0 0;
		display: inline-block;
		vertical-align: middle;
	}
	.fundProgramRecordDataHeading{
		font-size: 0.875rem;
	}
	.fundProgramRecordDataTxt{
			font-size: 1rem;
	}
	.fundProgramRecordDataTitle{
		margin: 0 auto;
		display: block;
		width: 100%;
	}
	.fundProgramRecordDataImg{
		margin-right: 6px;
	}
	.fundProgramRecordDataImg img{
		width: 16px;
		height: auto;
	}
	.fundUseRecordCount-value{
		font-size: 1rem;
	}
	.fundUseRecordCount-value-txt{
		font-size: 1rem;
	}
	.fundProgramEntryBtnArea{
		margin-bottom: 20px;
	}
.fundProgramEntryBtn a{
	padding: 11px 10.8%;
	width: 11.8em;
}
	.fundProgramEntryBtnTxt{
		font-size: 0.88em;
	}

	.fundProgramDetailContents{
		background: #F9F9F9;
	}
	.fundProgramDetailArea{
		margin: 10px 3%;
		width: initial;
		border-radius: 10px;
	}
	.fundProgramDetailBox{
		padding: 40px 3% 14px;
	}
	.fundProgramDetail{
		padding: 0;
		margin: 0;
	}
	.fundProgramDetailOverview{
		padding: 0;
	}
	.fundProgramHeadding{
		margin-bottom: 35px;
	}
	.fundProgramHeaddingTxt{
		font-size: 1em;
	}
	.fundProgramDetailHeaddingTxt{
		padding: 30px 0 6px;
		font-size: 1em;
	}
	.fundProgramDetailSubHeaddingTxt{
		font-size: 0.88em;
	}
	.fundProgramDetailTxt{
		font-size: 0.88em;
	}
	.fundProgramDetailTxt-aside{
		font-size: 0.75em;
	}

	.fundProgramDetailImgArea{
		width: 100%;
	}
	.fundProgramDetailImgBox{
		width: 100%;
	}
	.fundProgramDetailImgTxt{
		font-size: 0.88em;
	}
	.fundProgramDetailInner{
		padding-bottom: 30px;
		border-bottom: none;
	}

	/*SDGs*/
	.fundProgramSDGsImgArea{
		margin-bottom: 12px;
	}
	.fundProgramSDGsBox{
		padding: 40px 0 0;
		border-top: solid 1px #ccc;
		border-bottom: none;
	}
	.fundProgramSDGsLogoImgBox{
		margin: 0 10px 40px;
	}
	.fundProgramSDGsImgBox{
		margin: 10px;
	}
	.fundProgramSDGsImg img{
		width: 90px;
		height: auto;
	}
	.fundProgramSDGsTxt{
		text-align: left;
	}

	/*もっと見る*/
	.readmore{
		position: relative;
	}
	.readmore-btn{
		margin-bottom: 40px;
		display: block;
		border: 1px solid #ccc;
		padding: 10px;
		border-radius: 50px;
	}
	.readmore-content {
		position: relative;
		overflow: hidden;
		height: 80px; /*隠した状態の高さ*/
	}
	.readmore-content::before {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 40px; /*グラデーションで隠す高さ*/
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
		background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
		content: "";
	}
	.readmore-accordion {
		display: none; /*チェックボックスは常に非表示*/
	}
	.readmore-accordion:checked + .readmore-btn {
		display: none; /*チェックされていたらbtnを非表示にする*/
	}
	.readmore-accordion:checked ~ .readmore-btn {
		display: none; /*チェックされていたらbtnを非表示にする*/
	}
	.readmore-accordion:checked ~ .readmore-content {
		height: auto; /*チェックされていたら高さを戻す*/
	}
	.readmore-accordion:checked ~ .readmore-content::before {
		display: none; /*チェックされていたらbeforeを非表示にする*/
	}

	/*ステップ*/
	.fundProgramStepBox{
		margin-bottom: 10px;
		padding: 40px 3% 10px;
	}
	.fundProgramStep{
		margin-bottom: 30px;
	}
	.fundProgramStepHeaddingTxt{
		font-size: 0.88em;
	}
	.fundProgramStepTxtBox .fundProgramDetailTxt{
			font-size: 0.78em;
	}
	.fundProgramStepImg{
		width: 25%;
	}
	.fundProgramStepTxtBox{
		width: 75%;
	}
	.fundProgramStepTxtBox .fundProgramDetailTxt{
		margin-bottom: 0;
	}
	.fundProgramStepHeaddingTxt,
	.fundProgramStepTxtBox .fundProgramDetailTxt{
		padding-left: 10px;
	}

	/*リターン*/
	.fundProgramReturnBox{
		margin-bottom: 10px;
		padding: 40px 3% 10px;
	}
	.fundProgramReturnBoxInner {
		padding-top: 0;
		border-top: none;
	}

	/* キャンペーン */
	.fundProgramCanpaign {
		display: block;
		margin-bottom: 6px;
		padding: 20px 4%;
	}
	.fundProgramCanpaignTitleBox {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
		min-height: 80px;
	}
	.fundProgramCanpaignDetailBox {
		width: 100%;
	}
	.fundProgramCanpaignPrice {
		font-size: 2em;
	}
	.fundProgramCanpaignDate {
		font-size: 1.6em;
		padding: 12px 4px;
	}
	.fundProgramCanpaignLink {
		padding: 0 4% 10px;
		display: inline-block;
	}
	.fundProgramCanpaignLink a ,
	.fundProgramCanpaignLink-inactive {
		display: block;
		text-align: left;
	}
	/* キャンペーン */
}


/* 800px-1080px responsive --------------------------------------------- */

@media screen and (min-width: 800px) and (max-width: 1080px) {
	.fundProgramContents{
		width: 100%;
	}
	.fundProgramRecordDataInner{
		padding: 10%;
	}
	.fundProgramDetailArea{
		width: 100%;
	}
}


/* 640px-800px responsive --------------------------------------------- */

@media screen and (min-width: 640px) and (max-width: 800px) {
	.fundProgramContents{
		width: 100%;
	}
	.fundProgramRecordDataInner{
		padding: 10%;
	}
	.fundProgramDetailArea{
		width: 100%;
	}
	.fundUseRecordCount-value,
	.fundUseRecordCount-value-txt {
		font-size: 1em;
	}
}