/*  ※2019.03.18      */
/* =============================================== */
/** 展示枠 sellfund-entry/sellfund-offer CSS 
/* ----------------------------------------------- */
/* ルール */
/* ある程度の部品に分解する                       */
/* マージンやパディングは、基本的に下方向につける */

/* フォントサイズは em で指定する                 */
/* 基本的には 1em = 16px となる                   */

/* =============================================== */
/** プログラム詳細
/* ----------------------------------------------- */
/* インデント */
.fundProgramDetailListBox{
	margin-bottom: 20px;
	text-align: left;
}
.fundProgramDetailListTxt {
	list-style: none;
	padding-left: 1em;
}
.List-Indent2 {
	padding-left: 2em;
}

/* テキスト */
.txt-bold {
	font-weight: bold;
}

/* map */
.g_map {
height: 0;
overflow: hidden;
padding-bottom: 75%;
position: relative;
margin-bottom: 8em;
}
.g_map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.fundProgramDetailImgBox .g_map {
	height: 0px;
	overflow: hidden;
	padding-bottom: 66.9%;
	position: relative;
	margin-bottom: 0;
}

/* =============================================== */
/** プログラム詳細_内容確認
/* ----------------------------------------------- */
/*--◆◆◆展示枠利用規約ここから◆◆◆--*/
/* Accordion */
.fundAccordionTxtArea{
	margin: 0 3%;
	padding: 0 0 10px;
}
.fundAccordion{
	margin: 0 1%;
	border-top: 1px solid #ccc;
}
.fundAccordionHeading{
	padding: 12px 34px;
	color: #369;
	font-size: 1em;
	background-image: url(./../images/fund-arrow-down.png);
	background-position: 6px 50%;
	background-size: 22px; 
	background-repeat: no-repeat;
	text-align: left;
	cursor: pointer;
	background-image: url(./../images/fund-arrow-down.png)\9;
	*background-image: url(./../images/fund-arrow-down.png);
}
.fundAccordionHeading:hover{
	background-color: #f5f5f5;
}
.js-accordion-area{
}
.fundAccordion .is-present{
	background-color: transparent;
}
.fundAccordion .is-present:hover{
	background-color: transparent;
}
.fundAccordionTxtArea{
	margin: 0 24px 14px;
	padding: 10px;
	line-height: 1.6;
}
.fundAccordionTxt{
	text-align: left;
	line-height: 1.6;
}
.fundAccordionTxt p{
	margin: 0 0 .5em;
	font-size: .9em;
	line-height: 1.6;
}
.fundAccordionTxt + .fundAccordionTxt{
	padding: .7em 0 0;
}

/* Agreement */
.fundAgreementArea{
	padding: 50px 0 0;
}
.helpCnt ol{
	margin: 0;
	padding: 0 0 10px 2em;
	font-size: .9em;
}
.titleHlpLrg{
	color: #333399;
	font-weight: bold;
	padding: 12px 0 8px 0;
}
.titleHlpMlm{
	font-weight: bold;
	padding: 6px 0 8px 0;
}

/* Tooltip */
.fundTooltipArea{
	position: relative;
	vertical-align: middle;
}
.fundTooltipTxtArea{
	position: absolute;
	display: none;
	width: 500px;
	top: 30px;
	left: -20px;
	z-index: 1;
	border: 1px solid #ccc;
	background-color: #fff;
	box-shadow: 1px 1px 2px #ddd;
}
.fundTooltipTxt{
	padding: 6px 10px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.6;
}
/*--◆◆◆展示枠利用規約ここまで◆◆◆--*/


/* =============================================== */
/** プログラム詳細_完了
/* ----------------------------------------------- */
/*--◆◆◆展示枠sellfundComplete.htmlここから◆◆◆--*/
.fundProgramCompleteContents{
	padding-bottom: 60px;
	text-align: center;
	background: #F9F9F9;
}
.fundProgramCompleteHeadding{
	margin-bottom: 60px;
}
.fundProgramCompleteHeaddingTxt{
	font-size: 1.38em
}
.fundProgramCompleteMessageArea{
	padding: 86px 0 60px;
	margin-bottom: 80px;
	background: #fff;
}
.fundProgramCompleteMessageBox{
	margin: 0 auto;
	text-align: center;
	width: 600px;
}
.fundProgramCompleteTxtArea{
	padding: 20px 0;
}
.fundProgramCompleteTxtBox{
	margin-bottom: 40px;
	text-align: left;
}
.fundProgramCompleteTxt-bottom{
	padding-bottom: 20px;
}
.fundProgramCompleteTxtBox-last{
	text-align: right;
}
.fundProgramCompleteInfoBox{
	padding: 80px 240px 60px;
}
.fundProgramCompleteInfoArea{
	width: 1080px;
	margin: 0 auto 40px;
}
.fundProgramCompleteInfoBox{
	padding: 80px 240px 40px;
	background: #fff;
}
.fundProgramCompleteInfoArea .fundProgramCompleteHeadding{
	margin: 0;
}
.fundProgramCompleteInfo{
	padding: 80px 0 40px;
	border-bottom: 1px solid #ccc;
}
.fundProgramCompleteInfo:last-child{
	border-bottom: none;
}
.fundProgramCompleteSubHeadding{
	margin-bottom: 60px;
}
.fundProgramCompleteSubHeaddingTxt{
	font-size: 1em;
	font-weight: normal;
}
.fundProgramCompleteImgArea{
	margin-bottom: 50px;
}
.fundProgramCompleteInfoArea .fundProgramCompleteTxtArea{
	padding: 0;
}
.fundProgramCompleteInfoArea .fundProgramCompleteTxtBox{
	margin-bottom: 40px;
}
.fundProgramCompleteBtnArea{
	margin-bottom: 40px;
}
.fundProgramCompleteBtn a{
	margin: 0 auto;
	padding: 14px 6.2%;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 50px;
}
.fundProgramCompleteBtn a:hover{
	opacity: 0.8;
	color: #333;
	text-decoration: none;
}
/*--◆◆◆展示枠sellfundComplete.htmlここまで◆◆◆--*/


/* =============================================== */
/** プログラム開設相談_入力画面
/* ----------------------------------------------- */
/*--◆◆◆展示枠sellfundOffer1.htmlここから◆◆◆--*/
.fundOfferTitle{
	margin-bottom: 110px;
	background: #9b9b9b url(../images/title-startup-pc.png) no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	width: 100%;
	height: 570px;
	position: relative;
}
.fundOfferTitleTxtArea {
	width: 80%;
	position: absolute;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	-webkit-transform: translate(50%, 50%);
	-ms-transform: translate(50%, 50%);
}
.fundOfferTitleTxtHead {
	margin-bottom: 40px;
	font-size: 2.5em;
	font-weight: bold;
	color: #fff;
}
.fundOfferTitleTxt {
	margin-bottom: 50px;
	font-size: 1.15em;
	color: #fff;
}

.fundOfferBtnArea{
	text-align: center;
}
.fundOfferBtn a{
	display: block;
	text-decoration: none;
	padding: 18px 160px;
	margin: 0 auto;
	width: 8em;
	border-radius: 50px;
	background-color: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.fundOfferBtn a:hover{
	color: #333;
	transition: 0.5s;
	opacity: 0.8;
}
.fundOfferBtn span{
	font-size: 1.15em;
}

.fundOfferHeadding {
	margin-bottom: 80px;
}
.fundOfferHeaddingTxt {
	font-size: 2.88em;
}
.fundOfferHeaddingTxt-about {
	letter-spacing: 0.125em;
}
.fundOfferHeaddingTxt-contact {
	letter-spacing: 0.175em;
}

.fundOfferHeaddingTxt-dot {
	-webkit-text-emphasis:filled dot #FF4A87;
	-moz-text-emphasis:filled dot #FF4A87;
	text-emphasis:filled dot #FF4A87;
}

.fundOfferSubHeadding {
	font-size: 1.15em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.fundOfferIntroduction {
	width: 1080px;
	margin: 0 auto;
}
.fundOfferPresentationArea {
	margin-bottom: 100px;
}
.fundOfferPresentationBox {
	border-bottom: 1px solid #ccc;
}
.fundOfferPresentationTxtArea{
	margin-bottom: 32px;
}
.fundOfferPresentationImgArea{
	margin-bottom: 100px;
}

.fundOfferMeritArea {
	margin-bottom: 120px;
}
.fundOfferMeritBox {
	padding-bottom:80px;
	border-bottom: 1px solid #ccc;
	letter-spacing: -1em;
	font-size: 0;
}
.fundOfferMerit {
	width: 28%;
	vertical-align: top;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundOfferMeritImgArea {
	margin-bottom: 25px;
}
.fundOfferMeritImg img {
	width: 150px;
	height: auto;
}
.fundOfferMeritTxtBox {
	padding: 0 10%;
	letter-spacing: 0.02em;
	font-size: 1rem;
	text-align: left;
}
.fundOfferSDGsArea{
	margin-bottom: 50px;
	padding-bottom:50px;
}
.fundOfferSDGsImgArea{
	margin-bottom: 60px;
}
.fundOfferSDGsTxtArea{
	margin-bottom: 20px;
}
.fundOfferSDGsImgArea{
	letter-spacing: -1em;
	font-size: 0;
}
.fundOfferSDGsImgBox{
	display: inline-block;
	letter-spacing: 0.02em;
	font-size: 1rem;
}
.fundOfferLogoImg{
	padding: 0 30px;
	border-right: 1px solid #ccc;
}
.fundOfferSDGsImg{
	padding: 0 30px;
}
/*--◆◆◆展示枠sellfundOffer1.htmlここまで◆◆◆--*/


/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer3.htmlここから◆◆◆--*/
.fundOfferForm .fundFormTxtArea{
	margin-bottom: 30px;
	text-align: center;
}
.fundOfferForm .fundFormTxtBox{
	text-align: center;
	font-size: 1em;
}
.fundOfferForm .fundFormNoteBox{
	padding: 0 80px 20px;
}
.fundOfferForm .fundFormNote{
	font-weight: bold;
	text-align: left;
}
.fundOfferForm .fundFormNoteTxt{
	text-align: left;
}
/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer3.htmlここまで◆◆◆--*/


/* =============================================== */
/** プログラム開設相談_入力内容確認画面
/* ----------------------------------------------- */


/* =============================================== */
/** プログラム開設相談_相談受付完了画面
/* ----------------------------------------------- */
/*--◆◆◆展示枠sellfundOfferComplete.htmlここから◆◆◆--*/
.fundOfferCompleteHeadding{
	margin-bottom: 74px;
}
.fundOfferCompleteHeaddingTxt{
	font-size: 1.38em;
}
.fundOfferCompleteTxtArea{
	margin: 0 auto;
	width: 980px;
}
.fundOfferCompleteTxtBox{
	margin-bottom: 68px;
}
.fundOfferCompleteTxt{
	text-align: left;
}
.fundOfferCompleteBtnArea{
	margin-bottom: 120px;
}
.fundOfferCompleteBtnArea .fundBtn{
	padding: 10px 40px;
	border: 1px solid #ccc;
	border-radius: 100px;
	background: #fff;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.fundOfferCompleteBtnArea .fundBtn:hover{
	border: 1px solid #333;
}
.fundOfferCompleteBtnArea .fundBtn a:hover{
	color: #333333;
	text-decoration: none;
}
/*--◆◆◆展示枠sellfundOfferComplete.htmlここまで◆◆◆--*/


/* mobile responsive ----------------------------------------------- */
@media screen and (max-width:640px){

	/* =============================================== */
	/** プログラム詳細
	/* ----------------------------------------------- */
	.sp-br {
		display: block;
	}
	.fundProgramDetailListTxt {
		font-size: 0.88em;
	}

	/* =============================================== */
	/** プログラム詳細_完了
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundComplete.htmlここから◆◆◆--*/
	.fundProgramCompleteContents{
		padding-bottom: 10px;
	}
	.fundProgramCompleteMessageArea{
		margin-bottom: 14px;
		padding: 0;
	}
	.fundProgramCompleteHeaddingImg img{
		width: 30px;
		height: auto;
	}
	.fundProgramCompleteHeadding {
		margin-bottom: 0;
		padding: 40px 5%;
	}
	.fundProgramCompleteHeaddingTxt{
		font-size: 1em;
	}
	.fundProgramCompleteMessageBox{
		width: 100%;
	}
	.fundProgramCompleteTxtArea{
		padding: 0 0 36px;
	}
	.fundProgramCompleteTxtBox{
		margin-bottom: 30px;
		padding: 0 5%;
	}
	.fundProgramCompleteTxt{
		font-size: 0.88em;
	}
	.fundProgramCompleteTxt-bottom{
		padding-bottom: 0;
	}
	.fundProgramCompleteInfoArea{
		margin: 0;
		width: 100%;
	}
	.fundProgramCompleteInfoBox{
		margin: 0 3%;
		padding: 0 4%;
	}
	.fundProgramCompleteInfo{
		padding: 40px 0 20px;
	}
	.fundProgramCompleteSubHeadding{
		margin-bottom: 40px;
	}
	.fundProgramCompleteSubHeaddingTxt{
		font-size: 0.88em;
		text-align: left;
	}
	.fundProgramCompleteInfoArea .fundProgramCompleteHeadding{
		padding: 40px 5% 0px;
	}
	.fundProgramCompleteInfoArea .fundProgramCompleteTxtBox{
		margin-bottom: 20px;
	}
	.fundProgramCompleteImgArea{
		margin-bottom: 40px;
	}
	.fundProgramCompleteBtnArea{
		margin-bottom: 20px;
	}
	/*--◆◆◆展示枠sellfundComplete.htmlここまで◆◆◆--*/


	/* =============================================== */
	/** プログラム開設相談_入力画面
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundOffer1.htmlここから◆◆◆--*/
	.fundOfferTitle{
		margin-bottom: 55px;
		padding-top: 72%; /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		background: #9b9b9b url(../images/title-startup-sp.png?20200303) no-repeat;
		background-size: contain;
		background-position: center;
		width: 100%;
		height: 0;
	}
	.fundOfferTitleTxtArea{
		width: 94%;
	}
	.fundOfferTitleTxtHead {
		margin-bottom: 14px;
		font-size: 1.15em;
	}
	.fundOfferTitleTxt {
		margin-bottom: 10%;
		font-size: 0.75em;
		color: #fff;
	}

	.fundOfferBtnArea{
		text-align: center;
	}
	.fundOfferBtn a{
		padding: 7px 9px;
		width: 6em;
	}
	.fundOfferBtn span {
		font-size: 0.88em;
	}

	.fundOfferHeadding {
		margin-bottom: 30px;
	}
	.fundOfferHeaddingTxt {
		font-size: 1.75em;
		line-height: 1.4;
	}
	.fundOfferSubHeadding {
		font-size: 0.88em;
	}
	.fundOfferIntroduction {
		width: 100%;
	}
	.fundOfferPresentationArea {
		margin: 0 5% 40px;
	}
	.fundOfferPresentationImgArea {
		margin-bottom: 10px;
	}
	.fundOfferPresentationImg {
		padding-bottom: 20px;
	}
	.fundOfferPresentationTxtArea {
		margin-bottom: 40px;
		text-align: left;
		font-size: 1em;
	}

	.fundOfferMeritArea {
		margin: 0 5% 60px;
	}
	.fundOfferMeritBox {
		padding: 0;
		letter-spacing: 0.02em;
	}
	.fundOfferMerit {
		margin-bottom: 30px;
		display: block;
		width: 100%;
		letter-spacing: -1em;
		font-size: 0;
	}
	.fundOfferMeritImgArea {
		margin-bottom: 0;
		display: inline-block;
		width: 25%;
	}
	.fundOfferMeritTxtArea {
		display: inline-block;
		width: 75%;
		vertical-align: top;
		letter-spacing: 0.02em;
		font-size: 0.88rem;
	}
	.fundOfferMeritTxtBox {
		padding: 0 0 0 6%;
		text-align: left;
	}

	.fundOfferSDGsArea {
		margin: 0 5% 40px;
		padding-bottom: 20px;
	}
	.fundOfferSDGsTxtArea {
		margin-bottom: 6px;
		text-align: left;
		font-size: 0.88em;
	}
	.fundOfferSDGsImgArea{
		margin-bottom: 20px;
	}
	.fundOfferSDGsImgBox-left{
		width: 25%;
	}
	.fundOfferSDGsImgBox-right{
		width: 75%;
	}
	.fundOfferLogoImg{
		margin-bottom: 10px;
		padding: 0 10px 0 0;
	}
	.fundOfferSDGsImg{
		margin-bottom: 10px;
		padding: 0 0 0 10px;
	}
	.fundOfferLogoImg img{
		width: 100%;
		height: auto;
	}
	.fundOfferSDGsImg img{
		width: 100%;
		height: auto;
	}
	/*--◆◆◆展示枠sellfundOffer1.htmlここまで◆◆◆--*/


	/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer3.htmlここから◆◆◆--*/
	.fundOfferForm .fundOfferHeadding {
		margin-bottom: 40px;
	}
	.fundOfferForm .fundFormTxtArea {
		margin-bottom: 20px;
		text-align: left;
	}
	.fundOfferForm .fundFormTxtBox {
		padding: 0 5%;
		text-align: left;
		font-size: 1em;
	}
	.fundOfferForm .fundFormNoteBox{
		padding: 0 5%;
	}
	.fundOfferForm .fundFormTxt {
		font-size: 0.88em;
	}
	/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer3.htmlここまで◆◆◆--*/


	/* =============================================== */
	/** プログラム開設相談_入力内容確認画面
	/* ----------------------------------------------- */


	/* =============================================== */
	/** プログラム開設相談_相談受付完了画面
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundOfferComplete.htmlここから◆◆◆--*/
	.fundOfferCompleteHeadding{
		margin-bottom: 0;
		padding: 40px 5%;
	}
	.fundOfferCompleteHeaddingTxt{
		font-size: 1em;
	}
	.fundOfferCompleteTxtArea{
		width: 100%;
	}
	.fundOfferCompleteTxtBox{
		margin-bottom: 40px;
	}
	.fundOfferCompleteTxt {
		padding: 0 5%;
		font-size: 0.88em;
	}
	.fundOfferCompleteBtnArea{
		margin-bottom: 60px;
	}
	/*--◆◆◆展示枠sellfundOfferComplete.htmlここまで◆◆◆--*/

	.PageTop{
		right: 10px;
	}
}


/* 640px-1080px responsive --------------------------------------------- */

@media screen and (min-width: 640px) and (max-width: 1080px) {

	/* =============================================== */
	/** プログラム詳細
	/* ----------------------------------------------- */


	/* =============================================== */
	/** プログラム詳細_内容確認
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠利用規約ここから◆◆◆--*/
	/* Agreement */
	.fundAgreementArea{
		padding: 30px 0 0;
	}
	.helpCnt ol li{
		list-style: decimal;
	}
	/*--◆◆◆展示枠利用規約ここまで◆◆◆--*/


	/* =============================================== */
	/** プログラム詳細_完了
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundComplete.htmlここから◆◆◆--*/
	.fundProgramCompleteMessageBox{
		width: 100%;
	}
	.fundProgramCompleteTxtArea{
		padding: 20px 2%;
	}
	.fundProgramCompleteInfoArea{
		width: 100%;
	}
	.fundProgramCompleteInfoBox{
		padding: 80px 10% 40px;
	}
	.fundProgramCompleteImg img{
		max-width: 100%;
		height: auto;
	}
	/*--◆◆◆展示枠sellfundComplete.htmlここまで◆◆◆--*/


	/* =============================================== */
	/** プログラム開設相談_入力画面
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundOffer1.htmlここから◆◆◆--*/
	.fundOfferIntroduction{
		width: 100%;
	}
	.fundOfferPresentationArea,
	.fundOfferMeritArea{
		padding: 0 3%;
	}
	.fundOfferMerit {
		width: 33.33%;
	}
	.fundOfferSDGsArea{
		padding: 0 3% 50px;
	}
	/*--◆◆◆展示枠sellfundOffer1.htmlここまで◆◆◆--*/


	/* =============================================== */
	/** プログラム開設相談_入力内容確認画面
	/* ----------------------------------------------- */


	/* =============================================== */
	/** プログラム開設相談_相談受付完了画面
	/* ----------------------------------------------- */
	/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer2.htmlここから◆◆◆--*/
	.fundOfferCompleteTxtArea {
		width: 100%;
	}
	.fundOfferCompleteTxt {
		padding: 0 3%;
	}
	/*--◆◆◆展示枠sellfundOffer2.html/sellfundOffer2.htmlここまで◆◆◆--*/
}