@charset 'UTF-8';

@media screen and (max-width: 767px) {
	/***************************************************************/

	/* /kojin/kariru.html

	/***************************************************************/
	/* kariruMvArea */
	.kariruMvArea {
		overflow: hidden;
		height: 274px;
		background: #fffcd9 url(/kojin/images/kariru_mv_bg_01_sp.png) no-repeat center center;
		background-size: auto 274px;
	}
	.kariruMvArea .kariruMvBlock01 {
		margin-left: -138px;
		width: 277px;
		height: 258px;
	}
	.kariruMvArea .kariruMvTitle01 {
		top: 55px;
		margin-left: 4px;
		width: 190px;
		height: 120px;
	}
	.kariruMvArea .kariruMvBtn01 {
		bottom: 20px;
	}
	.kariruMvArea .kariruMvSpContent {
		position: relative;
		margin: 0 auto;
		max-width: 375px;
		width: 100%;
		height: 274px;
	}
	.kariruMvArea .kariruMvSpContent .kariruMvBalloon01 {
		top: 4%;
		left: 2%;
		max-width: 110px;
		width: 30%;
	}
	.kariruMvArea .kariruMvSpContent .kariruMvImg01 {
		position: absolute;
		right: -3px;
		bottom: -9px;
		max-width: 85px;
		width: 19%;
	}

	/* kariruAppInfo */
	.kariruAppInfo {
		padding: 20px;
	}
	.kariruAppInfo .kariruAppInfoInner {
		align-items: flex-start;
		font-size: 14px;
	}
	.kariruAppInfo .title {
		margin-right: 20px;
		height: 40px;
		font-size: 14px;
	}
	.kariruAppInfo .point, .kariruAppInfo .app {
		margin-right: 0;
		font-size: 14px;
	}
	.kariruAppInfo .point .img, .kariruAppInfo .app .img {
		margin-right: 10px;
		width: 20px;
		height: auto;
		text-align: center;
	}
	.kariruAppInfo .app .img {
		padding-right: 2px;
		padding-left: 2px;
	}


	/* kariruLineup */
	.kariruLineup .kariruLineupAccordion {
		margin: 0 -5px;
	}
	.kariruLineup .kariruLineupAccordion .kariruLineupList {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.kariruLineup .kariruLineupAccordion .moreBtn.hidden {
		display: none;
	}
	.kariruLineup .kariruLineupAccordion .kariruLineupList.more {
		display: none;
	}
	.kariruLineup .kariruLineupAccordion .kariruLineupList > li {
		box-sizing: border-box;
		padding: 0 5px 20px;
		width: calc(33.3%);
	}
	.kariruLineup .kariruLineupCard {
		padding: 0 10px !important;
	}
	.kariruLineup .kariruLineupCard > .img {
		align-items: flex-end;
		margin-bottom: 5px;
		height: 60px;
	}
	.kariruLineup .kariruLineupCard > .img > img {
		width: auto;
		height: 40px;
	}
	.kariruLineup .kariruLineupCard > .title {
		margin-bottom: 0;
		height: 2.5em;
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.kariruLineup .kariruLineupCard > .icon {
		margin-right: 0;
	}
	.kariruLineup .kariruLineupCard > .icon > img {
		height: 16px;
	}

	/* kariruLayoutBox01 */
	.kariruLayoutBox01:after {
		display: none;
	}

	/* kariruContentsBlock01 */
	*[class*='kariruContentsTitle'] > a,
	a *[class*='kariruContentsTitle'] > span,
	.kariruLoanBtn > span {
		padding: 10px 40px;
		font-size: 20px;
	}
	*[class*='kariruContentsTitle'] > a:before,
	a *[class*='kariruContentsTitle'] > span:before,
	.kariruLoanBtn > span:before {
		left: 25px;
		margin-top: -10px;
		width: 10px;
		height: 20px;
		background-size: contain;
	}
	*[class*='kariruContentsImgArea'] {
		padding: 13px 10px;
		height: 210px;
	}
	.kariruContents01 {
		margin-top: 15px;
		padding: 20px 0 12px;
		width: 100%;
		height: auto;
	}
	.kariruContents01 .v4-carousel01.carouselType03 .bx-wrapper {
		padding: 0 20px;
	}
	.kariruContentsImgArea01 {
		padding-bottom: 15px;
		height: auto;
		background: url(/kojin/images/kariru_bg_01_sp.png) no-repeat center bottom;
		background-size: cover;
	}
	.kariruContentsImgArea02 {
		background: #0ca26c url(/kojin/images/kariru_bg_02_sp.png) repeat-x center bottom;
		background-size: auto 210px;
	}
	.kariruContentsImgArea03 {
		background: url(/kojin/images/kariru_bg_03_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruContentsImgArea04 {
		background: url(/kojin/images/kariru_bg_04_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruContentsImgArea05 {
		background: url(/kojin/images/kariru_bg_05_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruContentsImgArea06 {
		background: url(/kojin/images/kariru_bg_06_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruContentsImgArea07 {
		height: auto;
		background: url(/kojin/images/kariru_bg_07_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruContentsImgArea08 {
		height: auto;
		background: url(/kojin/images/kariru_bg_11_sp.png) no-repeat center center;
		background-size: cover;
	}
	.kariruCotentsBlockInner {
		padding: 15px 12px;
	}
	.kariruCotentsBlockInner a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner {
		padding: 12px 10px;
	}
	.kariruCotentsBlockInner *[class*='v3-detailListB'] > .v3-title {
		font-size: 12px;
	}
	.kariruCotentsBlockInner a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner:before {
		left: 5px;
	}
	.kariruCompareText01 {
		margin-top: -5px;
	}
	.kariruCotentsBlockInner *[class*='v3-detailListB'] > .v3-title + .v3-detail > figure {
		padding: 0 15px;
	}
	.kariruCotentsBlockInner .kariruNarrowBtn01 a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner {
		padding: 12px 10px 12px 13px;
	}
	a.v3-cardblockA01:not(.v3-noMark01) > .v3-blockInner:before {
		margin-top: -3px;
		width: 6px;
		height: 6px;
	}
	.kariruContents02 {
		margin-top: 8px;
	}
	.kariruContents02 > div > img {
		width: 220px;
	}
	.kariruContentsImgArea02 .kariruContentsBg01 {
		position: absolute;
		bottom: 6px;
		left: 6px;
		width: 62px;
	}
	.kariruContentsImgArea02 .kariruContentsBg02 {
		position: absolute;
		right: 3px;
		bottom: 0;
		width: 60px;
	}
	.kariruContents03 {
		margin-top: 14px;
	}
	.kariruContentsImgArea03 .kariruContentsBg03 {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 117px;
	}
	.kariruContents04 {
		margin-top: 17px;
		padding: 0;
	}
	.kariruContents04 > ul > li {
		width: 100%;
	}
	.kariruContents04 > ul > li {
		margin-left: 12px;
		padding: 10px 0;
	}
	.kariruContents04 > ul > li:first-child {
		margin-left: 0;
	}
	.kariruContents04 > ul > li > span > span {
		padding: 0;
	}
	.kariruContentsMemo01 {
		bottom: 5px;
	}
	.kariruContents05 {
		display: inline-block;
		margin-top: 26px;
		padding: 15px 10px;
		width: auto;
		height: auto;
	}
	.kariruContents06 {
		margin-top: 17px;
	}
	.kariruContents06 > ul > li {
		padding: 10px 0;
		height: auto;
	}
	.kariruContents06 > ul > li > div > p > span {
		padding: 0;
		font-size: 33px;
	}
	.kariruContents06 > ul > li {
		margin-left: 20px;
		width: 100%;
	}
	.kariruContents06 > ul > li:first-child {
		margin-left: 0;
	}
	.kariruContents07 {
		margin-top: 10px;
		width: 100%;
	}
	.kariruContents07 .v3-decorationTextA01 {
		max-width: 276px;
	}
	.kariruContents07 .v3-decorationTextA01 > span:before, .kariruContents07 .v3-decorationTextA01 > span:after {
		bottom: 0;
	}
	.kariruContents07 .kariruContentsBox01 {
		display: inline-block;
		padding: 12px 8px;
		width: auto;
	}
	.kariruContents07 .v3-decorationTextA01 > span {
		padding: 0 5px;
	}
	.kariruContents07 .v3-decorationTextA01 > span:before {
		left: -5px;
	}
	.kariruContents07 .v3-decorationTextA01 > span:after {
		right: -5px;
	}
	.kariruContents08 {
		margin-top: 14px;
	}
	.kariruContentsImgArea08 .kariruContentsBg08 {
		position: absolute;
		right: 10px;
		bottom: 0;
		width: 50px;
	}
	.kariruCotentsBlockInner .v3-itemBalloonA01 {
		padding: 12px 5px;
	}

	.kariru1linesBtn01{
		height: 63px;
		padding: 0!important;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		justify-content: center;
	}

	.kariru2linesBtn01{
		height: 63px;
		padding: 0!important;
	}

	.kariru2linesBtn02{
		height: 69px;
		padding: 0!important;
	}

	/* iconFree01 */
	.iconFree01 {
		min-width: 50px;
		width: 50px;
		height: 50px;
		font-size: 0.9375em;
	}

	/* kariruAppDlMv */
	.kariruAppDlMv {
		position: relative;
	}
	.kariruAppDlMv_icon {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}

	/***************************************************************/

	/* /kojin/modal/kariru.html

	/***************************************************************/
	@media screen and (max-width: 768px) {
		/* kariruGlitterTitle */
		.kariruGlitterTitle {
			font-size: 1.4rem;
		}
		.kariruGlitterTitle:before {
			display: none;
		}
		.kariruGlitterTitle:after {
			display: none;
		}
	}
}
