@charset "utf-8";
main.mypage .matter-container {
	width: 100%;
	margin: 0 auto;
}
/*================================================================================================

* 案件セレクトタブ *

================================================================================================*/
main.mypage .matter-tab-select {
	width: 100%;
	font-size: 0.8rem;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 0 3px 5px -3px rgba(10,10,10,0.1);
	background: #fff;
}
main.mypage .matter-tab-select > .scroll {
	width: 100%;
}

main.mypage .matter-tab-select > .scroll > .inner {
	width: 100%;
	/*min-width: 900px;*/
	position: relative;
}

@media only screen and (max-width: 580px) {
main.mypage .matter-tab-select > .scroll {
	/*overflow-x: scroll;*/
}
/* ** */}


/* スマホ用矢印 ================================================*/
main.mypage .matter-tab-select::after {
	width: 7px;
	height: 7px;
	border-top: 2px solid #004eff;
	border-right: 2px solid #004eff;
	content: "";
	position: absolute;margin: auto;top: 0;right: 1rem;bottom: 0;
	transform: rotate(45deg);
	z-index: 50;
	display: none;
}
main.mypage .matter-tab-select::before {
	width: 7px;
	height: 7px;
	border-top: 2px solid #004eff;
	border-right: 2px solid #004eff;
	content: "";
	position: absolute;margin: auto;top: 0;left: 1rem;bottom: 0;
	transform: rotate(-135deg);
	z-index: 50;
	display: none;
}

@media only screen and (max-width: 580px) {
main.mypage .matter-tab-select::after,
main.mypage .matter-tab-select::before {
	display: block;
}
/* ** */}

/* タブセレクトアイテム ================================================*/
main.mypage .matter-tab-select .item {
	width: 50%;
	text-align: center;
	color: #b8bfc4;
	font-weight: 700;
	background: #fff;
	padding: 0.75rem 1rem;
	position: relative;
	cursor: pointer;
}
		main.mypage .matter-tab-select .item.active {
			color: #fff;
			transition: 0.35s ease 0.15s;
		}

@media only screen and (max-width: 580px) {
main.mypage .matter-tab-select .item {
	/*width: 130px;*/
}
/* ** */}

/* 文字 ================================================*/
main.mypage .matter-tab-select .item span {
	z-index: 10;
	position: relative;
}

/* アクティブ背景 ================================================*/
main.mypage .matter-tab-select .active-bg {
	width: 50%;
	height: 100%;
	background: #004eff;
	content: "";
	position: absolute;margin: auto;top: 0;bottom: 0;left: 0;
	z-index: 5;
	pointer-events: none;
}
		main.mypage .matter-tab-select .active-bg.no01 {
			transform: translateX(0%);
			transition: 0.25s ease;
		}
		main.mypage .matter-tab-select .active-bg.no02 {
			transform: translateX(100%);
			transition: 0.25s ease;
		}
/*      main.mypage .matter-tab-select .active-bg.no03 {
			transform: translateX(200%);
			transition: 0.25s ease;
		}
		main.mypage .matter-tab-select .active-bg.no04 {
			transform: translateX(300%);
			transition: 0.25s ease;
		}
		main.mypage .matter-tab-select .active-bg.no05 {
			transform: translateX(400%);
			transition: 0.25s ease;
		}
		main.mypage .matter-tab-select .active-bg.no06 {
			transform: translateX(500%);
			transition: 0.25s ease;
		}*/

@media only screen and (max-width: 580px) {
main.mypage .matter-tab-select .active-bg {
	/*width: 130px;*/
}
/* ** */}

/* タブコンテンツWRAP ================================================*/
main.mypage .matter-tab-wrap {
	width: 100%;
	padding-top: 2rem;
	display: none;
}
main.mypage .matter-tab-wrap.on {
	display: block;
}


/*================================================================================================

* 案件一覧 *

================================================================================================*/

main.mypage .matter-list-item {
	margin-bottom: 3rem;
}

main.mypage .matter-list-item > .group {
	padding: 0rem;
	min-height: auto;
	position: relative;
	box-shadow: 0 20px 30px -15px rgba(10,10,10,0.1)
}

@media only screen and (max-width: 580px) {
main.mypage .matter-list-item {
	margin-bottom: 3rem !important;
}
/* ** */}

/* ステータスバー ================================================*/
main.mypage .matter-list-item .status-bar {
	width: 100%;
	padding: 1rem;
	padding-top: 2rem;
	padding-bottom: 3rem;
	background: #fff;/* 黄色が（顧客）案件詳細でチラつくので#fffに変更。2019/12/29 変更前：#FFB000 */
	text-align: center;
	font-weight: 700;
	color: #fff;
	font-size: 0.8rem;
	position: relative;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

/* メニューボタン ================================================*/
main.mypage .matter-list-item .menu-btn-wrap {
	width: 100%;
	margin: auto;position: absolute;top: 0;left: 0rem;
	transform: translateY(-50%);
	padding-left: 8px;
}

/* お気に入りボタン ================================================*/
main.mypage .matter-list-item .fav-btn {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background: #fff;
	position: relative;
	margin-right: 7px;
}
		main.mypage .matter-list-item .fav-btn .pin {
			width: 100%;
			height: 100%;
			margin: auto;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			cursor: pointer;
			transition: 0.35s ease;
		}

		main.mypage .matter-list-item .fav-btn .pin.true {
			opacity: 0;
			transform: translateY(4px);
			transition: 0.35s ease;
		}
		main.mypage .matter-list-item .fav-btn .pin.true {
			background: url(../../mypage/img/icon/fav-true.svg)no-repeat center / 60% auto;
		}

		main.mypage .matter-list-item .fav-btn .pin.false {
			opacity: 1;
			transform: translateY(0);
			transition: 0.35s ease 0.25s;
		}
		main.mypage .matter-list-item .fav-btn .pin.false {
			background: url(../../mypage/img/icon/fav-false.svg)no-repeat center / 60% auto;
		}

main.mypage .matter-list-item .fav-btn.on .pin.true {
    opacity: 1;
    transform: translateY(0px);
    transition: 0.35s ease 0.25s;
}
main.mypage .matter-list-item .fav-btn.on .pin.false {
    opacity: 0;
    transform: translateY(4px);
    transition: 0.35s ease;
}

/* ゴミ箱ボタン ================================================*/
main.mypage .matter-list-item .dust-btn {
	width: 35px;
	height: 35px;
	border-radius: 100%;
	background: #fff;
	position: relative;
	cursor: pointer;
	background: #fff url(../../mypage/img/icon/dustbox-.svg)no-repeat center / 55% auto;
}


/* メインアイコン ================================================*/
main.mypage .matter-list-item .icon {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 100%;
	background: #fff url(../../mypage/img/icon/home-.svg)no-repeat center / 50% auto;
	margin: auto;position: absolute;bottom: 0;right: 0;left: 0;
	transform: translateY(50%);
}

/* タイトル ================================================*/
main.mypage .matter-list-item .title-wrap {
	width: 100%;
	padding: 1rem;
	padding-top: 3rem;
	font-weight: 700;
	color: #004eff;
}
main.mypage .matter-list-item .title-wrap .title {
	font-size: 0.9rem;
	width: calc(100% - 40px);
	text-align: center;
}

/* 情報欄 ================================================*/
main.mypage .matter-list-item .info-wrap {
	width: 100%;
	font-size: 0.8rem;
	border-top: 1px solid #f3f3f3;
}
main.mypage .matter-list-item .info-wrap > div {
	padding: 1rem;
	text-align: center;
}
		main.mypage .matter-list-item .info-wrap > div p.title {
			font-size: 0.8rem;
			color: #8d9498;
		}
		main.mypage .matter-list-item .info-wrap > div p.info {
			font-size: 0.9rem;
			color: #004eff;
			font-weight: 700;
		}

/* 情報欄 - インフォメーション ================================================*/
main.mypage .matter-list-item .info-wrap > div.info {
	width: 100%;
	border-bottom: 1px solid #f3f3f3;
	width: 100%;
}
		main.mypage .matter-list-item .info-wrap > div.info p.info {
			font-weight: normal;
			font-size: 0.8rem;
			font-weight: 700;
			max-width: 350px;
			margin: 0 auto;
			text-align: left;
		}

/* 情報欄 - 日付 ================================================*/
main.mypage .matter-list-item .info-wrap > div.day {
	width: 50%;
}
		main.mypage .matter-list-item .info-wrap > div.day.first {
			border-right: 1px solid #f3f3f3;
		}

/* 情報欄 - 業者開示区分 ================================================*/
main.mypage .matter-list-item .info-wrap > div.caseTrader {
	border-bottom: 1px solid #f3f3f3;
	width: 100%;
}

/* 情報欄 - 借り入れ金額 ================================================*/
main.mypage .matter-list-item .info-wrap > div.price {
	border-top: 1px solid #f3f3f3;
	width: 100%;
}
main.mypage .matter-list-item .info-wrap > div.price p.info {
	font-size: 0.7rem;
}
main.mypage .matter-list-item .info-wrap > div.price span {
	font-size: 1rem;
	padding-right: 0.25rem;
}

/* 情報欄 -取得物件住所 ================================================*/
main.mypage .matter-list-item .info-wrap > div.address {
	border-top: 1px solid #f3f3f3;
	width: 100%;
}
main.mypage .matter-list-item .info-wrap > div.address p.info {
	font-size: 0.8rem;
}

/* リンクボタン ================================================*/

main.mypage .matter-list-item .link-btn-wrap {
	width: 100%;
	border-top: 1px solid #f3f3f3;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}
main.mypage .matter-list-item .link-btn-wrap > a {
	width: 100%;
}
		main.mypage .matter-list-item .link-btn-wrap button.mypage-btn {
			border-radius: 0px;
			width: 100%;
			max-width: 100%;
		}

		main.mypage .matter-list-item .link-btn-wrap .main-btn.inquiry button.mypage-btn span::after{
			background: url(../../mypage/img/icon/item-list-wh.svg)no-repeat center / contain;
		}
		main.mypage .matter-list-item .link-btn-wrap .main-btn.examination button.mypage-btn span::after{
			background: url(../../mypage/img/icon/examination-wh.svg)no-repeat center / contain;
		}
		main.mypage .matter-list-item .link-btn-wrap .main-btn.done button.mypage-btn span::after{
			background: url(../../mypage/img/icon/done-wh.svg)no-repeat center / contain;
		}
		main.mypage .matter-list-item.upload .link-btn-wrap .main-btn button.mypage-btn span::after,
		main.mypage .matter-list-item .link-btn-wrap .upload-btn button.mypage-btn span::after {
			background: url(../../mypage/img/icon/upload-wh.svg)no-repeat center / contain;
		}
		main.mypage .matter-list-item .link-btn-wrap .disclose-btn button.mypage-btn span::after {
			background: url(../../mypage/img/icon/unlock-wh.svg)no-repeat center / contain;
		}
		/* main.mypage .matter-list-item .link-btn-wrap .reload-btn button.mypage-btn span::after {
			background: url(../../mypage/img/icon/examination-wh.svg)no-repeat center / contain;
		} */

/*================================================================================================

* 案件一覧カードの状態による変化 *

================================================================================================*/

/* ステータスバー ================================================*/

main.mypage .matter-list-item.input .status-bar,
main.mypage .matter-list-item.upload .status-bar {
	background: #FFB000;
}
main.mypage .matter-list-item.re-upload .status-bar,
main.mypage .matter-list-item.wait .status-bar {
	background: #FF495C;
}
main.mypage .matter-list-item.examination .status-bar {
	background: #256AAA;
}
main.mypage .matter-list-item.fix .status-bar {
	background: #004eff;
}
main.mypage .matter-list-item.stop .status-bar {
	background: #ff1029;
}

/* ステータスカラ ================================================*/

main.mypage .matter-list-item.wait .status-bar{
	background: #FFB000;
}
main.mypage .matter-list-item.normal .status-bar {
	background: #004eff;
}
main.mypage .matter-list-item.warning .status-bar {
	background: #ff1029;
}
/* 
main.mypage .matter-list-item.input .status-bar p::after {
	content: "入力中";
}
main.mypage .matter-list-item.upload .status-bar p::after {
	content: "アップロード待ち";
}
main.mypage .matter-list-item.re-upload .status-bar p::after {
	content: "再アップロード待ち";
}
main.mypage .matter-list-item.examination .status-bar p::after {
	content: "仮審査中";
}
main.mypage .matter-list-item.fix .status-bar p::after {
	content: "審査済";
}
main.mypage .matter-list-item.wait .status-bar p::after {
	content: "お客さま確認待ち";
}
main.mypage .matter-list-item.stop .status-bar p::after {
	content: "案件中止";
} */

/* 情報欄 - インフォメーション ================================================*/
/* main.mypage .matter-list-item.input .info-wrap > div.info p.info::after {
	content: "仮審査の入力が一時保存されています。入力をお願いします。";
}
main.mypage .matter-list-item.upload .info-wrap > div.info p.info::after {
	content: "仮審査のお申込みは完了しました。続いて、本人確認資料のアップロードをお願いします。";
}
main.mypage .matter-list-item.re-upload .info-wrap > div.info p.info::after {
	content: "資料に不備がありました。再度、資料のアップロードをお願いします。";
}
main.mypage .matter-list-item.examination .info-wrap > div.info p.info::after {
	content: "仮審査中となります。審査結果のご連絡まで、少々お待ちくださいませ。";
}
main.mypage .matter-list-item.fix .info-wrap > div.info p.info::after {
	content: "仮審査の判定結果は「ご融資可能」です。続いて、正式審査へお進みください。";
}
main.mypage .matter-list-item.wait  .info-wrap > div.info p.info::after {
	content: "入力情報を変更しています。ご確認の上、承認をお願いします。";
}
main.mypage .matter-list-item.stop  .info-wrap > div.info p.info::after {
	content: "申し訳ございません。こちらの案件は中止になりました。";
} */

/* リンクボタン - テキスト ================================================*/
main.mypage .matter-list-item.input .link-btn-wrap .main-btn button.mypage-btn span::before {
	content: "仮審査へ";
}
main.mypage .matter-list-item.upload .link-btn-wrap .main-btn button.mypage-btn span::before,
main.mypage .matter-list-item .link-btn-wrap .upload-btn button.mypage-btn span::before {
	content: "資料アップロード";
}
main.mypage .matter-list-item.fix .link-btn-wrap .main-btn button.mypage-btn span::before {
	content: "正式審査へ";
}
/* main.mypage .matter-list-item.wait .link-btn-wrap .main-btn button.mypage-btn span::before {
	content: "変更内容承認へ";
} */
main.mypage .matter-list-item .link-btn-wrap .reload-btn button.mypage-btn span::before {
	content: "再審査";
}
main.mypage .matter-list-item .link-btn-wrap .disclose-btn button.mypage-btn span::before {
	content: "開示";
}


/* リンクボタンの非表示 ================================================*/

main.mypage .matter-list-item .link-btn-wrap .main-btn.none,
main.mypage .matter-list-item .link-btn-wrap .upload-btn.none,
main.mypage .matter-list-item .link-btn-wrap .reload-btn.none,
main.mypage .matter-list-item .link-btn-wrap .disclose-btn.none {
	display: none;
}

/*================================================================================================

* 案件一覧カードの過去分による変化 *

================================================================================================*/
main.mypage .matter-tab-wrap.no02 .matter-list-item .info-wrap > div p.info {
	color: #8d9498;
}
main.mypage .matter-tab-wrap.no02 .matter-list-item .link-btn-wrap .main-btn {
	display: none;
}
main.mypage .matter-tab-wrap.no02 .matter-list-item .status-bar {
	background: #b8bfc4 !important;
}

/*================================================================================================

* 案件詳細 *

================================================================================================*/

main.mypage.matter-detail .right-col > .inner {
	max-width: 620px;
}

main.mypage .matter-detail-wrap {
	width: 100%;
	margin: 0 auto;
}

main.mypage .matter-detail-wrap .dust-btn,
main.mypage .matter-detail-wrap .more-btn {
	display: none;
}

main.mypage .matter-detail-wrap .conf .p-grid > .group {
	padding-bottom: 0rem;
}

main.mypage .matter-detail-wrap .target .sub1 {
	color: #999999;
	text-align: right;
	margin-top: -30px;
	margin-button: 20px;
}

main.mypage .matter-detail-wrap .target .sub {
	color: #999999;
	padding: 10px;
	margin-top: -30px;
}
main.mypage .matter-detail-wrap .target .main {
    padding: 5px;
    border: solid;
    color: #999999;
    background: #FFFFFF;
    border-width: 1px;
  }

/* ご連絡事項、融資実行条件　改行処理*/
main.mypage .matter-detail-wrap .step07-renrau-jiko,
main.mypage .matter-detail-wrap .step07-yuushi-jikkou-jyoken {
    white-space:pre-wrap;
  }
/*================================================================================================

* 申し込み内容確認 *

================================================================================================*/
main.mypage .matter-detail-wrap .input-group.conf .inner > h2 {
	font-size: 1.25rem;
}
main.mypage .matter-detail-wrap .input-group .inner > h2.title::after {
	height: 45px;
	width: 45px;
	background: url(../../img/icon/note-.svg)no-repeat center / contain;
}
main.mypage .matter-detail-wrap .input-group.conf .box,
main.mypage .matter-detail-wrap .conf-group h3 .edit-btn {
	display: none;
}

/*================================================================================================

* 連帯者パスワード確認 *

================================================================================================*/
main.mypage.matter-detail .rentai-pass .mypage-modal-wrap > .inner {
	max-width: 640px;
	padding: 1.5rem 2rem;
}

main.mypage.matter-detail .rentai-pass .row {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #bbb;
}
		main.mypage.matter-detail .rentai-pass .row:last-of-type {
			margin-bottom: 0rem;
			padding-bottom: 0rem;
			border-bottom: 0px solid #bbb;
		}

main.mypage.matter-detail .rentai-pass .row .title {
	width: 20%;
}
main.mypage.matter-detail .rentai-pass .row .name {
	width: 25%;
}
main.mypage.matter-detail .rentai-pass .row .pass {
	width: 35%;
}
		main.mypage.matter-detail .rentai-pass .row .pass > div:nth-child(2) {
			padding-left: 1rem;
			font-weight: 700;
			color: #24C19F;
		}
main.mypage.matter-detail .rentai-pass .row .btn {
	width: 20%;
	padding: 0.5rem;
	color: #fff;
	text-align: center;
	background: #24C19F;
	font-size: 11px;
	font-weight: 700;
	border-radius: 3px;
	cursor: pointer;
}
main.mypage.matter-detail .information-wrap .contents-title {
	width: 60%;
}
main.mypage.matter-detail .information-wrap .reference {
	margin-bottom: 1rem;
	width: 40%;
}


main.mypage.matter-detail .information-wrap .reference button {
	font-size: 1rem;
	position: relative;
	color: #24C19F;
	padding: 0.5rem;
	background: #fff;
	border: 2px solid;
	font-size: 11px;
	border-radius: 3px;
	font-weight: 700;
	cursor: pointer;
}

@media only screen and (max-width: 580px) {
main.mypage.matter-detail .rentai-pass .mypage-modal-wrap > .inner {
	padding: 1.5rem 1rem;
}
main.mypage.matter-detail .rentai-pass .row .title {
	width: 50%;
}
main.mypage.matter-detail .rentai-pass .row .name {
	width: 55%;
}
main.mypage.matter-detail .rentai-pass .row .pass {
	width: 100%;
	margin-bottom: 0.5rem;
}
main.mypage.matter-detail .rentai-pass .row .btn {
	width: 100%;
}
/* ** */}

@media only screen and (max-width: 768px) {
	main.mypage.matter-detail .information-wrap .contents-title {
		width: 50%;
	}
	main.mypage.matter-detail .information-wrap .reference {
		margin-bottom: 1rem;
		width: 50%;
	}
/* ** */}
/*================================================================================================

* メディアクエリ *

================================================================================================*/
/* ** */
@media only screen and (max-width: 1024px) {
/* ** */}
@media only screen and (max-width: 768px) {
/* ** */}
@media only screen and (max-width: 480px) {
/* ** */}