@charset "UTF-8";

@media screen and (max-width: 767px) {
	/* base */
	.architectureType2018 #wrap #mainArea main .mainInner {
		margin-top: 40px;
	}

	/*-------------------------------------------
	2023/08 renewal
	-------------------------------------------*/
	/* style */
	.freeloanTextMarker01 {
		padding: 0 10px;
	}

	/* freeloanMvBlock */
	.freeloanMvBlock01 {
		background-image: url(/kojin/freeloan/images/index_bg_2023_01_sp.png);
		background-position: center top;
		background-repeat: repeat-y;
		background-size: cover;
	}
	.freeloanMvBlock01 > .columnInner {
		padding: 20px 10px 50px;
	}
	.freeloanMvBlock01 .mvNum01 {
		font-size: 2.3rem;
	}
	.freeloanMvBlock01 .mvNum02 {
		font-size: 3.4rem;
	}
	.freeloanMvBlock01 .freeloanMvCamBlock01 {
		width: auto;
		margin-top: 60px;
		padding: 60px 10px 20px;
	}
	.freeloanMvBlock01 .freeloanMvRibbonLabel01 {
		top: -20px;
		width: 334px;
		margin-left: -167px;
	}
	.freeloanMvBlock01 .freeloanMvCamBlock01 .mvCamPeriodBlock01 {
		width: auto;
		padding: 5px;
	}
	.freeloanMvBlock01 .freeloanMvCamBlock01 .mvCamPeriodBlock01 .period .title {
		min-width: 42px;
	}
	.freeloanMvBlock01 .mvCamColumn01 {
		margin-left: 0;
	}
	.freeloanMvBlock01 .mvCamColumn01 > * {
		margin-left: 30px;
	}
	.freeloanMvBlock01 .mvCamColumn01 > *:last-child:before {
		left: -21px;
		margin-top: -10px;
		border-width: 10px 0 10px 12px;
	}

	/* freeloanMvCarousel */
	.freeloanMvCarousel01 {
		height: 210px;
	}
	.freeloanMvCarousel01.v4-carousel01 .bx-wrapper {
		padding: 0 10px;
	}
	.freeloanMvCarousel01.v4-carousel01 .bx-viewport {
		padding-bottom: 0;
	}
	.freeloanMvCarousel01.v4-carousel01 .bx-viewport .carouselList > li {
		min-width: 0 !important;
		margin-right: 0;
		padding: 8px;
		border: solid 1px #fff;
		border-radius: 12px;
	}
	.freeloanMvCarousel01.v4-carousel01 .carouselList > li::before,
	.freeloanMvCarousel01.v4-carousel01 .carouselList > li::after {
		width: 16px;
		height: 1px;
	}
	.freeloanMvCarousel01.v4-carousel01 .carouselList > li::before {
		top: -1px;
		right: 30px;
	}
	.freeloanMvCarousel01.v4-carousel01 .carouselList > li::after {
		bottom: -1px;
		left: 30px;
	}
	.freeloanMvCarousel01.v4-carousel01 .bx-prev {
		left: 0 !important;
	}
	.freeloanMvCarousel01.v4-carousel01 .bx-next {
		right: 0 !important;
	}
	.freeloanMvCarousel01 .freeloanMvCarouselItem01 {
		display: flex;
		justify-content: center;
		padding: 10px;
		border-radius: 12px;
	}
	.freeloanMvCarousel01 .freeloanMvCarouselItem01 .itemHorizon01 {
		max-width: 265px;
	}
	.freeloanMvCarousel01 .freeloanMvCarouselItem01 .horizonImg {
		flex-shrink: unset;
	}
	.freeloanMvCarousel01 .freeloanMvCarouselItem01 .horizonContent {
		min-width: 135px;
		margin-left: 10px;
	}

	/* freeloanSimBlock */
	.freeloanSimBlock01::before,
	.freeloanSimBlock01::after {
		top: -30px;
	}
	.freeloanSimBlock01::before {
		border-width: 0 50vw 30px 0px;
	}
	.freeloanSimBlock01::after {
		border-width: 0 0px 30px 50vw;
	}
	.freeloanSimBlock01 .freeloanSimTitle01 .titleImg {
		width: 232px;
	}

	/* freeloanAnshinBlock */
	.freeloanAnshinBlock01 {
		margin-top: 30px;
		padding-top: 105px;
	}

	/* freeloanRibbonTitle */
	.freeloanRibbonTitle01 {
		top: -30px;
		width: 331px;
		margin-left: -166px;
	}

	/* freeloanTabPinchBlock */
	.freeloanTabPinchBlock01 .v4-tabContent {
		padding: 25px 12px;
	}

	/* freeloanLinkList */
	*[class*="freeloanLinkList"] .freeloanArrowBottom {
		padding-bottom: 20px;
	}
	*[class*="freeloanLinkList"] .freeloanLinkBlock01:hover {
		color: #000;
	}
	*[class*="freeloanLinkList"] .freeloanArrowBottom::after {
		margin-left: -10px;
		font-size: 2rem;
	}
	.freeloanLinkList01 {
		width: 80%;
	}
	.freeloanLinkList01 > *,
	.freeloanLinkList02 > * {
		width: 48%;
		margin-left: 2%;
	}
	.freeloanLinkList02 > *:nth-child(2n+1) {
		margin-left: 0;
	}
	.freeloanLinkList02 > *:nth-child(n+3) {
		margin-top: 20px;
	}

	/* freeloanAnchorLinkList */
	.freeloanAnchorLinkList01 {
		flex-wrap: wrap;
		justify-content: space-between;
		margin: -10px 0 0 -2%;
	}
	.freeloanAnchorLinkList01 .listItem {
		width: 49%;
		margin: 10px 0 0 1%;
	}
	.freeloanAnchorLinkList01 .listItem > a:hover {
		color: #000;
	}

	/* freeloanColumnA2_1 */
	.freeloanColumnA2_1 {
		display: block;
	}

	/* freeloanTableLayout */
	.freeloanTableLayout01 .freeloanTableTitleLink01 > span::before {
		top: 50%;
		margin-top: -8px;
	}
	.freeloanTableLayout01 .freeloanTableTitleLink01:hover {
		opacity: 1;
	}

	/* freeloanMarkCheckList */
	.freeloanMarkCheckList01 > *:nth-child(n+2) {
		margin-top: 15px;
	}
	.freeloanMarkCheckList01 .glyphCheck02 > span::before {
		top: -2px;
	}

	/* freeloanBeforeArrow */
	.freeloanBeforeArrow01 {
		margin-top: 20px;
		padding-top: 30px;
		background-size: 37px 14px;
	}
	.freeloanBeforeArrow03 {
		padding-top: 40px;
		background-size: 244px 31px;
	}

	/* freeloanNum */
	.freeloanNum01 .num,
	.freeloanNum02 .num {
		font-size: 2.5rem;
	}

	/* freeloanPaymentImg */
	.freeloanPaymentImg01 {
		width: 189px;
		margin-left: -50px;
	}

	/* freeloanColumn */
	.freeloanColumn01 .colImg {
		max-width: 102px;
	}
	.freeloanColumn01 .colText {
		min-width: 210px;
		margin-left: 5px;
	}

	/* freeloanBalloon */
	.freeloanBalloon01 {
		padding: 20px 10px;
	}

	/* freeloanLabelTitle */
	.freeloanLabelTitle01 {
		font-size: 2rem;
	}
	.freeloanLabelTitle01 .freeloanLabel {
		min-width: 90px;
		margin-right: 5px;
		padding: 3px 10px;
		font-size: 1.6rem;
	}

	/* freeloanSceneCarousel */
	.freeloanSceneCarousel01 .v4-stepBlockA01 {
		padding: 30px 20px 40px;
	}
	.freeloanSceneCarousel01 .bx-prev {
		left: -10px !important;
	}
	.freeloanSceneCarousel01 .bx-next {
		right: -10px !important;
	}

	/* freeloanColumnNaviBlock */
	.freeloanColumnNaviBlock01 .v3-columnNaviTitle01 {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		padding: 0;
		text-align: left;
	}
	.freeloanColumnNaviBlock01 .v3-columnNaviTitleLink {
		position: static;
	}

	/* freeloanRelationCardBlock */
	.freeloanRelationCardBlock01 .freeloanRelationLinkList {
		display: block;
		margin-left: 0;
	}
	.freeloanRelationCardBlock01 .freeloanRelationLinkList .listItem {
		margin-left: 0;
	}

	/* jsFreeloanMore */
	.jsFreeloanMoreBtn01 {
		margin-top: 20px;
	}

	/* freeloanIcon */
	*[class*="freeloanIconYen"] > span {
		padding-left: 40px;
	}
	*[class*="freeloanIconYen"] > span::before {
		width: 32px;
		height: 32px;
		margin-top: -16px;
	}
	.freeloanIconYen02 > span,
	.freeloanIconYen03 > span {
		padding-left: 25px;
	}
	.freeloanIconMedal01 > span,
	.freeloanIconMedalNone > span {
		padding: 26px 0 0;
	}
	.freeloanIconMedal02 > span {
		padding-left: 25px;
	}
	.freeloanIconBalloon01 > span {
		padding: 0 60px;
	}
	.freeloanIconBalloon02 > span {
		padding: 0 0 0 60px;
	}
	.freeloanTabPinchBlock01 .freeloanIconBeginner01 > span,
	.freeloanTabPinchBlock01 .freeloanIconQuestion01 > span,
	.freeloanTabPinchBlock01 .freeloanIconLamp01 > span {
		padding: 0 !important;
	}
	.freeloanIconYen02 > span::before,
	.freeloanIconYen03 > span::before {
		width: 20px;
		height: 20px;
		margin-top: 0;
	}
	.freeloanIconYen03 > span::before {
		top: 13px;
	}
	.freeloanIconMedal01 > span::before,
	.freeloanIconMedal02 > span::before {
		width: 19px;
		height: 24px;
		margin-left: -10px;
	}
	.freeloanIconMedal02 > span::before {
		margin: -12px 0 0 0;
	}
	.freeloanIconBeginner01 > span::before,
	.freeloanIconLamp01 > span::before,
	.freeloanIconQuestion01 > span::before {
		content: none;
	}
	.freeloanIconBalloon01 .balloonImg,
	.freeloanIconBalloon02 .balloonImg {
		width: 55px;
		margin-top: -15px;
	}

	/***************************************************************

	/kojin/freeloan/ssi/relation_info_01.html

	***************************************************************/
	/* freeloanRelationLinkList */
	.freeloanRelationLinkList01 {
		display: block;
	}
	.freeloanRelationLinkList01 > * {
		margin-right: 0;
	}

	/***************************************************************

	/kojin/freeloan/procedure.html

	***************************************************************/
	/* procedureFlowColumn */
	.procedureFlowColumn01 > .v3-flowColumnWrap > .v3-flowColumnCol:nth-child(n + 2)::before {
		top: -47px;
	}

	/***************************************************************

	/kojin/freeloan/freeloan.html

	***************************************************************/
	/* freeloanCarousel01 */
	.freeloanCarousel01 .bx-viewport .carouselList > li {
		margin-right: 15px;
	}
	.freeloanCarousel01 .bx-prev {
		left: -5px !important;
	}
	.freeloanCarousel01 .bx-next {
		right: -5px !important;
	}

	/* freeloanLabelTitle */
	.freeloanLabelTitle01 .labelImg01 {
		width: 75px;
	}

	/***************************************************************

	/kojin/freeloan/way.html

	***************************************************************/
	a.wayCardBlock01.v3-linkBottom > .v3-blockInner {
		padding: 15px 15px 35px;
	}
	a.wayCardBlock01.v3-linkBottom > .v3-blockInner:before {
		bottom: 15px;
	}

	/* freeloanLayout01 */
	.freeloanLayout01 {
		margin-top: 45px;
	}
	.freeloanLayout01 .dTable {
		display: table !important;
	}
	.freeloanLayout01 .dTable .dTcell {
		display: table-cell !important;
	}
	.freeloanTriangle01 {
		margin-top: 30px;
		padding-top: 30px;
	}
	.freeloanTriangle01::before {
		top: 60px;
		left: 50%;
		margin-left: -27px;
		border-top: 18px solid #e6e6e6;
		border-right: 27px solid transparent;
		border-bottom: 18px solid transparent;
		border-left: 27px solid transparent;
	}
}