@charset "UTF-8";

/* base */
.architectureType2018 #wrap #mainArea main .mainInner {
	margin-top: 70px;
}

/*-------------------------------------------
2023/08 renewal
-------------------------------------------*/
/* style */
.freeloanColor01 {
	color: #0c3bbc !important;
}
.freeloanTextMarker01 {
	padding: 0 15px;
	background: -webkit-linear-gradient(transparent 50%, #eff9ff 50%);
	background: -ms-linear-gradient(transparent 50%, #eff9ff 50%);
	background: linear-gradient(transparent 50%, #eff9ff 50%);
}

/* freeloanMvBlock */
.freeloanMvBlock01 {
	background-color: #88debe;
	background-image: url(/kojin/freeloan/images/index_bg_2023_01.png);
	background-position: left top;
	background-repeat: repeat;
}
.freeloanMvBlock01 > .columnInner {
	padding: 70px 0 100px;
}
.freeloanMvBlock01 .mvNum01,
.freeloanMvBlock01 .mvNum02 {
	line-height: 1;
}
.freeloanMvBlock01 .mvNum01 {
	font-size: 4.6rem;
}
.freeloanMvBlock01 .mvNum02 {
	font-size: 7rem;
}
.freeloanMvBlock01 .freeloanMvCamBlock01 {
	position: relative;
	width: 1000px;
	margin: 95px auto 0;
	padding: 100px 30px 30px;
	background: #fff;
	border-radius: 4px;
	box-sizing: border-box;
}
.freeloanMvBlock01 .freeloanMvRibbonLabel01 {
	position: absolute;
	top: -40px;
	left: 50%;
	width: 976px;
	margin-left: -488px;
}
.freeloanMvBlock01 .freeloanMvCamBlock01 .mvCamPeriodBlock01 {
	width: 435px;
	padding: 10px;
	margin: 0 auto;
	background: #eee;
	border-radius: 4px;
	box-sizing: border-box;
}
.freeloanMvBlock01 .freeloanMvCamBlock01 .mvCamPeriodBlock01 .period {
	display: flex;
	justify-content: center;
}
.freeloanMvBlock01 .mvCamColumn01 {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin-left: 50px;
}
.freeloanMvBlock01 .mvCamColumn01 > * {
	position: relative;
	margin-left: 60px;
}
.freeloanMvBlock01 .mvCamColumn01 > *:first-child {
	margin-left: 0;
}
.freeloanMvBlock01 .mvCamColumn01 > *:last-child:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -40px;
	width: 0;
	height: 0;
	margin-top: -15px;
	border-style: solid;
	border-width: 15px 0 15px 25px;
	border-color: transparent transparent transparent #e98fbd;
}

/* freeloanMvCarousel */
.freeloanMvCarousel01 {
	opacity: 0;
	height: 273px;
}
.freeloanMvCarousel01.v4-carousel01 .bx-viewport {
	padding-bottom: 1px; /* FFブラウザ用 */
}
.freeloanMvCarousel01.v4-carousel01 .bx-viewport .carouselList > li {
	display: flex;
	align-items: stretch;
	min-width: 1000px !important;
	margin-right: 42px;
	padding: 10px;
	border: solid 2px #fff;
	border-radius: 16px;
}
.freeloanMvCarousel01.v4-carousel01 .carouselList > li::before,
.freeloanMvCarousel01.v4-carousel01 .carouselList > li::after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 18px;
	height: 2px;
	background: #88debe;
}
.freeloanMvCarousel01.v4-carousel01 .carouselList > li::before {
	top: -2px;
	right: 80px;
}
.freeloanMvCarousel01.v4-carousel01 .carouselList > li::after {
	bottom: -2px;
	left: 80px;
}
.freeloanMvCarousel01 .bx-default-pager a {
	background: #fff;
}
.freeloanMvCarousel01 .bx-default-pager a.active {
	background: #f7920e;
}
.freeloanMvCarousel01.v4-carousel01 .bx-prev {
	left: 25px !important;
}
.freeloanMvCarousel01.v4-carousel01 .bx-next {
	right: 25px !important;
}
.freeloanMvCarousel01 .freeloanMvCarouselItem01 {
	flex-grow: 1;
	padding: 20px 65px;
	background: #fff;
	border-radius: 16px;
}

/* freeloanSimBlock */
.freeloanSimBlock01 {
	position: relative;
	background: #f0f9f1;
}
.freeloanSimBlock01::before,
.freeloanSimBlock01::after {
	content: "";
	display: block;
	position: absolute;
	top: -100px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent #f0f9f1 transparent;
}
.freeloanSimBlock01::before {
	left: 0;
	border-width: 0 50vw 100px 0px;
}
.freeloanSimBlock01::after {
	right: 0;
	border-width: 0 0px 100px 50vw;
}
.freeloanSimBlock01 .freeloanSimTitle01 .titleImg {
	width: 350px;
}
.freeloanSimBlock01 .freeloanSimFormRadioList {
	background: #fff;
}

.jsFreeloan50sBlock01 {
	display: none;
}

/* freeloanAnshinBlock */
.freeloanAnshinBlock01 {
	position: relative;
	margin-top: 70px;
	padding-top: 150px;
}

/* freeloanRibbonTitle */
.freeloanRibbonTitle01 {
	position: absolute;
	top: -35px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
}

/* freeloanLinkList */
*[class*="freeloanLinkList"] {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
*[class*="freeloanLinkList"] .freeloanLinkBlock01 {
	display: block;
	position: relative;
	color: #000;
}
*[class*="freeloanLinkList"] .freeloanLinkBlock01:hover {
	color: #f7920e;
}
*[class*="freeloanLinkList"] .freeloanArrowBottom {
	padding-bottom: 50px;
}
*[class*="freeloanLinkList"] .freeloanArrowBottom::after {
	content: "\e90a";
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	font-family: 'icon_type2018';
	font-size: 5rem;
	line-height: 1;
	color: #0c3bbc;
}
.freeloanLinkList01 {
	justify-content: center;
	width: 50%;
}
.freeloanLinkList02 {
	justify-content: flex-start;
	width: 100%;
}
.freeloanLinkList01 > * {
	width: 48%;
	margin-left: 2%;
}
.freeloanLinkList02 > * {
	width: 22.9%;
	margin-left: 2.8%;
}
.freeloanLinkList01 > *:nth-child(2n+1) {
	margin-left: 0;
}
.freeloanLinkList02 > *:nth-child(4n+1) {
	margin-left: 0;
}
.freeloanLinkList02 > *:nth-child(n+5) {
	margin-top: 20px;
}

/* freeloanAnchorLinkList */
.freeloanAnchorLinkList01 {
	display: flex;
	justify-content: space-around;
	margin: 10px 0 0 -10px;
}
.freeloanAnchorLinkList01 .listItem {
	margin-left: 10px;
}
.freeloanAnchorLinkList01 .listItem > a {
	color: #000;
}
.freeloanAnchorLinkList01 .listItem > a:hover {
	color: #f7920e;
}

/* freeloanColumnA2_1 */
.freeloanColumnA2_1 {
	display: flex;
	justify-content: space-around;
}

/* freeloanTableLayout */
.freeloanTableLayout01 .freeloanTableTitleLink01,
.freeloanTableLayout01 .freeloanTableTitleLink01 > span::before {
	color: #fff;
}
.freeloanTableLayout01 .freeloanTableTitleLink01:hover {
	opacity: 0.7;
}

/* freeloanMarkCheckList */
.freeloanMarkCheckList01 > *:nth-child(n+2) {
	margin-top: 25px;
}

/* freeloanBeforeArrow */
*[class*="freeloanBeforeArrow"] {
	background-image: url(/common/images/bg_arrow_bottom02.png);
	background-position: center top;
	background-repeat: no-repeat;
}
.freeloanBeforeArrow01 {
	margin-top: 50px;
	padding-top: 60px;
}
.freeloanBeforeArrow02 {
	margin-top: 15px;
	padding-top: 25px;
	background-size: 37px 14px;
}
.freeloanBeforeArrow03 {
	padding-top: 60px;
	background-image: url(/kojin/freeloan/images/index_arrow_2023_01.png);
	background-size: 366px 46px;
}

/* freeloanNum */
*[class*="freeloanNum"] {
	line-height: 1.5;
}
.freeloanNum01 .num {
	font-size: 2.8rem;
}
.freeloanNum02 .num {
	font-size: 3.6rem;
}

/* freeloanPaymentImg */
.freeloanPaymentImg01 {
	position: relative;
	left: 50%;
	width: 274px;
	margin-left: -75px;
}

/* freeloanColumn */
.freeloanColumn01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.freeloanColumn01 .colImg {
	max-width: 165px;
}
.freeloanColumn01 .colText {
	margin-left: 20px;
}

/* freeloanBalloon */
.freeloanBalloonOuter01 {
	position: relative;
	padding-bottom: 110px;
}
.freeloanBalloon01 {
	position: relative;
	padding: 30px 20px;
	background: #fff;
	border: 2px solid #0c3bbc;
	border-radius: 4px;
}
.freeloanBalloon01::before,
.freeloanBalloonOuter01::after {
	content: "";
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
}

/* freeloanLabelTitle */
.freeloanLabelTitle01 {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	line-height: 1.5;
}
.freeloanLabelTitle01 .freeloanLabel {
	margin-right: 10px;
	padding: 5px 20px 4px;
	background: #0c3bbc;
	border-radius: 22px;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #fff;
	box-sizing: border-box;
}

/* freeloanColumnNaviBlock */
.freeloanColumnNaviBlock01 .v3-columnNaviTitle01 {
	position: relative;
	display: block;
	padding: 0 90px;
	text-align: center;
}
.freeloanColumnNaviBlock01 .v3-columnNaviTitleLink {
	position: absolute;
	right: 0;
	bottom: 0;
}

/* freeloanRelationCardBlock */
.freeloanRelationCardBlock01.v3-cardblockA01:before {
	content: none;
}
.freeloanRelationCardBlock01 .freeloanRelationLinkList {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin: -10px 0 0 -20px;
}
.freeloanRelationCardBlock01 .freeloanRelationLinkList .listItem {
	margin: 10px 0 0 20px;
}

/* jsFreeloanMore */
.jsFreeloanMoreOuter01 .jsFreeloanMoreContent01 {
	display: none;
}
.jsFreeloanMoreBtn01 {
	margin-top: 40px;
}

/* freeloanIcon */
*[class*="freeloanIcon"] > span {
	display: inline-block !important;
	position: relative;
}
*[class*="freeloanIcon"] > span::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
*[class*="freeloanIconYen"] > span {
	padding-left: 70px;
}
*[class*="freeloanIconYen"] > span::before {
	width: 58px;
	height: 58px;
	margin-top: -29px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_07.png);
}
.freeloanIconYen02 > span,
.freeloanIconYen03 > span {
	padding-left: 50px;
}
.freeloanIconMedal01 > span,
.freeloanIconMedalNone > span {
	padding: 40px 0 0;
}
.freeloanIconMedal02 > span {
	padding-left: 35px;
}
.freeloanIconCrown01 > span {
	padding-left: 45px;
}
.freeloanIconBalloon01 > span,
.freeloanIconBalloon02 > span {
	padding: 0 100px;
}
.freeloanIconLabel01 > span {
	padding-left: 85px;
}
.freeloanIconFaq01 > span {
	position: static;
}
.freeloanTabPinchBlock01 .freeloanIconBeginner01 > span,
.freeloanTabPinchBlock01 .freeloanIconQuestion01 > span {
	padding: 0 90px !important;
}
.freeloanTabPinchBlock01 .freeloanIconLamp01 > span {
	padding: 0 75px !important;
}
.freeloanIconYen02 > span::before,
.freeloanIconYen03 > span::before {
	top: 3px;
	width: 40px;
	height: 40px;
	margin-top: 0;
}
.freeloanIconYen03 > span::before {
	top: 23px;
}
.freeloanIconMedal01 > span::before,
.freeloanIconMedal02 > span::before {
	top: 0;
	left: 50%;
	width: 26px;
	height: 34px;
	margin-left: -13px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_01.png);
}
.freeloanIconMedal02 > span::before {
	top: 50%;
	left: 0;
	margin: -17px 0 0 0;
}
.freeloanIconCrown01 > span::before {
	width: 41px;
	height: 33px;
	margin-top: -17px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_02.png);
}
.freeloanIconLabel01 > span::before {
	width: 75px;
	height: 44px;
	margin-top: -22px;
	background-image: url(/kojin/freeloan/images/freeloan_label_01.png);
}
.freeloanIconFaq01 > span::before {
	left: 15px;
	width: 30px;
	height: 37px;
	margin-top: -19px;
	background-image: url(/kojin/freeloan/images/freeloan_img_41.png);
}
.freeloanIconBeginner01 > span::before {
	width: 86px;
	height: 68px;
	margin-top: -34px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_08.png);
}
.freeloanIconLamp01 > span::before {
	width: 64px;
	height: 64px;
	margin-top: -32px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_09.png);
}
.freeloanIconQuestion01 > span::before {
	width: 86px;
	height: 68px;
	margin-top: -34px;
	background-image: url(/kojin/freeloan/images/index_ico_2023_10.png);
}
.freeloanIconMedalNone > span::before,
.freeloanIconBalloon01 > span::before {
	content: none;
}
.freeloanIconBalloon01 .balloonImg,
.freeloanIconBalloon02 .balloonImg {
	position: absolute;
	top: 50%;
	left: 0;
	width: 90px;
	margin-top: -25px;
}

/* freeloanQuestion */
.freeloanQustionTitle01 {
	margin: 0 20px 15px;
	padding-left: 40px;
	background: url(/kojin/freeloan/images/index_ico_2023_06.png) 0 50% no-repeat;
	background-size: 28px 28px;
	font-size: 1.111em;
	font-weight: bold;
}
.freeloanQustionList01 {
	display: flex;
	justify-content: center;
}
*[class*="freeloanQustionBlock"] {
	width: 46%;
	margin: 0 2%;
	text-align: center;
	font-weight: bold;
}
.freeloanQustionBlock01 {
	position: relative;
}
.freeloanQustionBlock01::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	border-top: 2px solid #f7920e;
	border-right: 2px solid #f7920e;
	transform: translateX(-50%) rotate(135deg);
}
.freeloanQustionBlock01::after {
	content: '';
	display: block;
	position: relative;
	left: 50%;
	width: 2px;
	height: calc(100% - 2.4em);
	margin-left: 3px;
	background: #f7920e;
}

.freeloanQustionBlock02 *[class*="freeloanQuestionBox"] {
	position: relative;
	margin-bottom: 60px;
}
.freeloanQustionBlock02 *[class*="freeloanQuestionBox"]::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -45px;
	left: 50%;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	transform: translateX(-50%) rotate(135deg);
}
.freeloanQustionBlock02 *[class*="freeloanQuestionBox"]::after {
	content: '';
	display: block;
	position: relative;
	left: 50%;
	width: 2px;
	height: 30px;
	margin: 15px 0 0 3px;
}
.freeloanQustionBlock02 .freeloanQuestionBox01::before {
	border-top: 2px solid #f7920e;
	border-right: 2px solid #f7920e;
}
.freeloanQustionBlock02 .freeloanQuestionBox01::after {
	background: #f7920e;
}
.freeloanQustionBlock02 .freeloanQuestionBox02::before {
	border-top: 2px solid #dedede;
	border-right: 2px solid #dedede;
}
.freeloanQustionBlock02 .freeloanQuestionBox02::after {
	background: #dedede;
}

*[class*="freeloanQuestionBox"] {
	box-sizing: border-box;
	height: 2.4em;
	line-height: 2.4em;
	border-radius: 2px;
}
.freeloanQuestionBox01 {
	background-color: #fff8dc;
}
.freeloanQuestionBox02 {
	background-color: #eee;
}

*[class*="v4-balloonCommentBox"] .v4-balloonCommentBoxInner.bcBlue::after {
	background: url(/kojin/freeloan/images/img_comment01.png) no-repeat;
	background-size: contain;
}

@media print {
	.v4-carousel01.carouselType03 .carouselList,
	.freeloanMvCarousel01.v4-carousel01 .bx-viewport .carouselList > li {
		min-width: 0 !important;
		width: 950px !important;
		margin: 0 auto !important;
	}
}

/***************************************************************

/kojin/freeloan/ssi/relation_info_01.html

***************************************************************/
/* freeloanRelationBtn */
.freeloanRelationBtn01 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/* freeloanRelationCard */
.freeloanRelationCard01.v3-cardblockA01::before {
	content: none;
}

/* freeloanRelationLinkList */
.freeloanRelationLinkList01 {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}
.freeloanRelationLinkList01 > * {
	margin-top: 10px;
	margin-right: 30px;
}

/***************************************************************

/kojin/freeloan/freeloan.html

***************************************************************/
/* freeloanLabelTitle */
.freeloanLabelTitle01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.freeloanLabelTitle01 .labelImg01 {
	width: 90px;
	margin-right: 10px;
}

/* freeloanTextLink */
a.freeloanTextLink01 {
	color: #000;
}
a.freeloanTextLink01:hover {
	color: #f7920e;
}

/* freeloanBalloon */
.freeloanBalloon01 {
	border: 1px solid #0c3bbc;
}
.freeloanBalloon01:after {
	border: 1px solid #0c3bbc;
	border-width: 0 1px 1px 0;
}

/* freeloanLayout01 */
.freeloanLayout01 {
	margin-top: 45px;
}
.freeloanLayout01 .dTable {
	display: block !important;
}
.freeloanLayout01 .dTable .dTcell {
	display: block !important;
}
.freeloanTriangle01 {
	position: relative;
}
.freeloanTriangle01::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: -50px;
	margin-top: -38px;
	border-top: 38px solid transparent;
	border-bottom: 38px solid transparent;
	border-left: 27px solid #e6e6e6;
}
