@charset "UTF-8";
/* ---------------------------------------------------------------
住宅ローン（借換） あっとほー夢 .p-kojin_loan_athomeKarikae_top
-----------------------------------------------------------------*/
/*-- リンクボタンボックス .p-kojin_loan_athomeKarikae_top__linkbox ページ内共通 ---*/
.p-kojin_loan_athomeKarikae_top__linkbox{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap:20px;
	background-color: #eeeeee;
	padding: 36px;
}

@media screen and (min-width:814px){
	.p-kojin_loan_athomeKarikae_top__linkbox .c-btnIconLink {
		min-width: 320px;
		min-height: 80px;
	}
}

@media screen and (max-width:814px){
	.p-kojin_loan_athomeKarikae_top__linkbox{
		flex-direction: column;
	}

	.p-kojin_loan_athomeKarikae_top__linkbox .c-btnIconLink {
		width: 100%;
		max-width: 680px;
		min-height: 70px;
	}
}

/*-- キービジュアル .p-kojin_loan_athomeKarikae_top_keyvisual ---*/
/*なし*/

/*-- 金利情報 .p-kojin_loan_athomeKarikae_top_kinri ---*/
.p-kojin_loan_athomeKarikae_top_kinri{
	margin-bottom: 56px;
}

.p-kojin_loan_athomeKarikae_top_kinri__btns{
	text-align: center;
}

.p-kojin_loan_athomeKarikae_top_kinri__btns > .c-btnIconLink{
	max-width: 430px;
	padding: 20px;
	width: 100%;
	margin: auto;
}

/*----*/
.p-kojin_loan_athomeKarikae_top_kinri-more {
	font-size: 2rem;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms {
	display: flex;
	align-items: stretch;
	gap: 14px;
	margin-bottom: 20px;
}
.p-kojin_loan_athomeKarikae_top_kinri-more__terms > div{
	border: solid var(--color-gray) 6px;
	width: 50%;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms > div:first-child {
	position: relative;
	text-align: center;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms > div:first-child p {
	padding: 2rem;
	padding-bottom: 0;
}
.p-kojin_loan_athomeKarikae_top_kinri-more__arrow {
	display: block;
	width: 36px;
	height: 85px;
	clip-path: polygon(0 0, 0 100%, 100% 50%) ;
	background-color: #E2F0FF;
	transform: translateY(50%);
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms > div:nth-of-type(2){
	padding: 18px 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms ol {
	list-style: none;
	padding: 0 2rem 2rem;
	margin: 0 auto;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__terms ol li {
	list-style: none;
	text-align: left;
	margin-left: 0;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__detail > div {
	display: flex;
	justify-content: space-between;
	gap: 16px;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__detail table {
	width: 100%;
}

.p-kojin_loan_athomeKarikae_top_kinri-more__detail th,
.p-kojin_loan_athomeKarikae_top_kinri-more__detail td{
	width: 50%;
	padding: 8px 16px; 
	font-weight: bold;
	text-align: center;
}

@media screen and (max-width:814px){
	.p-kojin_loan_athomeKarikae_top_kinri-more__terms{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 8px;
	}
	.p-kojin_loan_athomeKarikae_top_kinri-more__terms > div {
		width: 100%;
	}
	.p-kojin_loan_athomeKarikae_top_kinri-more__terms ol {
		width: 100%;
	}
	
	.p-kojin_loan_athomeKarikae_top_kinri-more__arrow {
		width: 85px;
		height: 36px;
		clip-path: polygon(0 0, 50% 100%, 100% 0) ;
		transform: inherit;
	}
	
	.p-kojin_loan_athomeKarikae_top_kinri-more__detail > div {
		gap: 2px;
	}
	
	.p-kojin_loan_athomeKarikae_top_kinri-more__detail th,
	.p-kojin_loan_athomeKarikae_top_kinri-more__detail td{
		display: block;
		width: 100%;
		padding: 8px;
	}
	.p-kojin_loan_athomeKarikae_top_kinri-more__detail th {
		border-bottom: none;
	}
}

/*-- 重要なお知らせ .p-kojin_loan_athomeKarikae_top_important ---*/
/*なし*/

/*-- Webでカンタンお申込み .p-kojin_loan_athomeKarikae_top_webRequest ---*/
.p-kojin_loan_athomeKarikae_top_webRequest{
	margin-bottom: 40px;
}

/*-- 特長 .p-kojin_loan_athomeKarikae_top_chara ---*/
.p-kojin_loan_athomeKarikae_top_chara{
	margin-bottom: 40px;
}

/*特長 > 基本金利テーブル　p-kojin_loan_athomeKarikae_top_chara__table*/
.p-kojin_loan_athomeKarikae_top_chara__table th,
.p-kojin_loan_athomeKarikae_top_chara__table td{
	vertical-align: baseline;
	background-color: transparent;
	border: 0 none;
	font-weight: bold;
	padding: 8px;
}

@media screen and (max-width:814px){
	.p-kojin_loan_athomeKarikae_top_chara__table{
		width: 100%;
	}

	.p-kojin_loan_athomeKarikae_top_chara__table + .p-kojin_loan_athomeKarikae_top_chara__table{
		margin-top: 36px;
	}

	.p-kojin_loan_athomeKarikae_top_chara__table th,
	.p-kojin_loan_athomeKarikae_top_chara__table td{
		display: block;
		width: 100%;
		text-align: center;
	}

	.p-kojin_loan_athomeKarikae_top_chara__table th{
		border-bottom: solid 1px #cfcfcf;
	}
}

/*-- 幅広いお使いみち .p-kojin_loan_athomeKarikae_top_use ---*/
/*なし*/

/*-- 住宅ローンの特徴
    .p-kojin_loan_athomeKarikae_top_charaHome
---*/
.p-kojin_loan_athomeKarikae_top_charaHome__point{
	width: 100%;
	display: flex;
	grid-gap: 16px;
}

.p-kojin_loan_athomeKarikae_top_charaHome__point + .p-kojin_loan_athomeKarikae_top_charaHome__point{
	margin-top: 48px;
}

.p-kojin_loan_athomeKarikae_top_charaHome__point .this-icon{
	display: inline-flex;
	width: 130px;
	height: 130px;
	border-radius: 6px;
	border: solid var(--color-gray) 6px;
	background-repeat: no-repeat;
	background-size: 60px;
	background-position: center;
}

.p-kojin_loan_athomeKarikae_top_charaHome__point.this-money .this-icon{
	background-image: url(../image/yellow/icon_yellow__money5.svg);
}

.p-kojin_loan_athomeKarikae_top_charaHome__point.this-card .this-icon{
	background-image: url(../image/yellow/icon_yellow__card.svg);
}

.p-kojin_loan_athomeKarikae_top_charaHome__point.this-insurance .this-icon{
	background-image: url(../image/yellow/icon_yellow__hospital.svg);
}

.p-kojin_loan_athomeKarikae_top_charaHome__point .this-text{
	display: block;
	width: calc(100% - 130px - 36px);
	height: auto;
}

.p-kojin_loan_athomeKarikae_top_charaHome__point .this-text .this-midashi{
	margin-bottom: 8px;
	font-size: 2.0rem;
	font-weight: bold;
}

@media screen and (max-width:600px){
	.p-kojin_loan_athomeKarikae_top_charaHome__point{
		flex-direction: column;
		align-items: center;
	}

	.p-kojin_loan_athomeKarikae_top_charaHome__point .this-text{
		width: 100%;
	}
}

/*-- 住宅ローンの特徴 > 当行ATM・コンビニATMがお得に利用できる
    .p-kojin_loan_athomeKarikae_top_charaHome_atm
---*/
.p-kojin_loan_athomeKarikae_top_charaHome_atm_point{
	display: flex;
	flex-direction: row;
	margin: auto;
	gap: 30px;
}

.p-kojin_loan_athomeKarikae_top_charaHome_atm_point__item{
	width: 50%;
	margin: 0 0 30px;
	list-style: none;
	border: solid var(--color-gray) 6px;
	padding: 20px;
	text-align: center;
	border-radius: 6px;
}

.p-kojin_loan_athomeKarikae_top_charaHome_atm_point__item .this-icon{
	display: block;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 24px;
}

.p-kojin_loan_athomeKarikae_top_charaHome_atm_point__item.this-otoku .this-icon{
	background-image: url(../image/yellow/icon_yellow__atm.svg);
}

.p-kojin_loan_athomeKarikae_top_charaHome_atm_point__item.this-zero .this-icon{
	background-image: url(../image/yellow/icon_yellow__zero.svg);
}

@media screen and (max-width:600px){
	.p-kojin_loan_athomeKarikae_top_charaHome_atm_point{
		flex-direction: column;
	}

	.p-kojin_loan_athomeKarikae_top_charaHome_atm_point__item{
		width: 100%;
	}
}


/*-- 住宅ローンの特徴 > 他行ローンをご利用中、ローン見直しを検討中のお客さま
    .p-p-kojin_loan_athomeKarikae_top_forUser
---*/
.p-kojin_loan_athomeKarikae_top_forUser{
	margin-bottom: 40px;
}

.p-kojin_loan_athomeKarikae_top_forUser .this-desc{
	margin-bottom: 24px;
}

/*-- 住宅ローンの特徴 > その他住宅ローン
    .p-kojin_loan_athomeKarikae_top_other
---*/
/*なし*/



/* ---------------------------------------------------------------
住宅ローン（借換） あっとほー夢の商品詳細 .p-kojin_loan_athomeKarikae_detail;
-----------------------------------------------------------------*/

/*-- キービジュアル .p-kojin_loan_athomeKarikae_detail_keyvisual ---*/
/*なし*/

/*-- 金利情報 .p-kojin_loan_athomeKarikae_detail_kinri ---*/
.p-kojin_loan_athomeKarikae_detail_kinri{
	margin-bottom: 56px;
}

.p-kojin_loan_athomeKarikae_detail_kinri__btns{
	text-align: center;
}

.p-kojin_loan_athomeKarikae_detail_kinri__btns > .c-btnIconLink{
	max-width: 430px;
	padding: 20px;
	width: 100%;
	margin: auto;
}

/*-- 重要なお知らせ .p-kojin_loan_athomeKarikae_detail_important ---*/
/*なし*/

/*-- Webでカンタンお申込み .p-kojin_loan_athomeKarikae_detail_webRequest ---*/
.p-kojin_loan_athomeKarikae_detail_webRequest{
	margin-bottom: 40px;
}



/*-- 商品説明 .p-kojin_loan_athomeKarikae_detail_about ---*/
.p-kojin_loan_athomeKarikae_detail_about__comment{

}

.p-kojin_loan_athomeKarikae_detail_about + .l-kojin_loan_webRequest{
	margin-bottom: 120px;
}

/*-- 商品説明 > ご利用いただける方 .p-kojin_loan_athomeKarikae_detail_about_guest ---*/

/*-- 商品説明 > お使いみち .p-kojin_loan_athomeKarikae_detail_about_use ---*/

/*-- 商品説明 > 特徴 .p-kojin_loan_athomeKarikae_detail_about_chara ---*/
.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo{
	display: flex;
	width: 80%;
}

.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo > div {
	width: 50%;
}

.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo > div:nth-of-type(2){
	border-left: solid 1px #CECECE;
	padding-left: 10px;
}
@media screen and (max-width:600px){
	.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo{
		display: block;
		width: 100%;
	}
	.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo > div {
		width: 100%;
	}
	.p-kojin_loan_athomeKarikae_detail_about_chara__hosyoryo > div:nth-of-type(2){
		margin-top: 16px;
		border-left: none;
		border-top: solid 1px #CECECE;
		padding-left: 0;
		padding-top: 10px;
	}
}

/*-- 商品説明 > その他 .p-kojin_loan_athomeKarikae_detail_about_other ---*/
.p-kojin_loan_athomeKarikae_detail_about_other{
	margin-bottom: 64px;
}

.p-kojin_loan_athomeKarikae_detail_about_other table{
	width: 100%;
}

.p-kojin_loan_athomeKarikae_detail_about_other_table{
	width: 100%;
	min-width: 600px;
}

.p-kojin_loan_athomeKarikae_detail_about_other_hosho,
.p-kojin_loan_athomeKarikae_detail_about_other_commission{
	margin-bottom: 36px;
}