@charset "UTF-8";



@media screen and (max-width: 768px) {



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



	/* index.html



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

	/*creditMvBlock*/

	.creditMvBlock01 {

		background: url(/kojin/credit/images/index_bg_03.png) no-repeat center top;

		background-size: cover;

	}

	.creditMvBlock01 .mvImageBlock {

		left: auto;

		right: 50%;

		margin-left: 0;

		margin-right: -206px;

		width: 225px;

	}

	.creditMvBlock01 .columnInner {

		min-height: 207px;

	}

	.creditMvBlock01 .v4-topicsBlock01 {

		top: -40px;

		bottom: auto;

		right: 30px;

		background-color: #fff;

	}

	.creditMvBlock01 .mvTextBlock {

		margin: 0 auto;

		max-width: 375px;

	}

	.creditMvBlock01 .mvTextBlock .mvText {

		font-size: 1.0625em;

		line-height: 1.47;

	}

	.creditMvBlock01 .mvTextBlock .mvBtn .btnT03 {

		width: 175px;

	}

	.creditMvBlock01 .v4-topicsBlock01 .v3-carousel01 .carouselList {

		height: 40px;

	}

	.creditMvBlock01 .v4-topicsBlock01 *[class*="v4-banner"] {

		height: auto;

	}

	.creditMvBlock03 .mvTextBlock {

		width: 100%;

	}

	.creditMvBlock03 .mvTextBlock .v3-itemBalloonA01 {

		width: 100%;

	}

	.creditMvBlock03 .mvImageBlock {

		position: relative;

		top: 0;

		left: 0;

		width: 100%;

		text-align: center;

	}

	.creditMvBlock04 {
		background: url(/kojin/credit/images/index_bg_04.png) repeat top left #fff;
		background-size: 400px;
		height: auto;
	}
	.creditMvBlock04 .columnInner {
		padding: 0;
		flex-direction: column;
	}
	.creditMvBlock04 .columnInner [class*='mvBlock'] .mvBtn > a {
		width: 150px;
		line-height: 1;
	}
	.creditMvBlock04 .columnInner .mvBlock01 {
		padding: 20px 10px 0;
	}
	.creditMvBlock04 .columnInner .mvBlock01 .mvImg {
		max-width: 250px;
	}
	.creditMvBlock04 .columnInner .mvBlock01 .mvBtn {
		top: 10px;
	}
	.creditMvBlock04 .columnInner .mvBlock02 {
		background: url(/kojin/credit/images/index_img_27.png) no-repeat top center;
		background-size: cover;
		padding: 80px 10px 0;
	}
	.creditMvBlock04 .columnInner .mvBlock02 .mvImg {
		width: 100%;
	}
	.creditMvBlock04 .columnInner .mvBlock02 .mvBtn {
		top: -20px;
	}
	.creditMvBlock04 .columnInner .mvBlock01 .indexPointIcon01 {
		padding-left: 36px;
	}
	.creditMvBlock04 .columnInner .mvBlock01 .indexPointIcon01:before {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}



	/*creditCardBlock*/

	.creditCardBlock02 .v3-hasMerit01 .v3-blockInner {

		padding-top: 45px;

	}



	/*creditEmphasisBlock*/

	.creditEmphasisBlock01 {

		margin: 30px auto 0;

		padding: 30px 0 35px;

		max-width: 325px;

		background: url(/kojin/credit/images/index_bg_01_sp.png) no-repeat left 42% top;

		background-size: contain;

	}



	/*creditCardComparisonBlock*/

	.creditCardComparisonBlock01 {

		background: linear-gradient(-10deg, #83bcdd 50%, #fff 50%, #fff 51%, #0c3bbc 51%, #0c3bbc);

	}

	.creditCardComparisonBlock01 .blockInner {

		padding: 44px 20px;

	}

	.creditCardComparisonColumn01 {

		display: block;

	}

	.creditCardComparisonColumn01 .creditComparisonCol {

		margin-bottom: 25px;

	}

	.creditCardComparisonColumn01 .creditComparisonCol:last-child {

		margin-top: 30px;

		margin-bottom: 0;

	}

	.creditCardComparisonColumn01 .cardText {

		font-size: 1.375em;

		line-height: 1.5;

	}

	.creditCardComparisonColumn01 .comparisonText {

		position: static;

		margin-top: 0;

		margin-left: 0;

		width: 69px;

		height: 69px;

		font-size: 1.875em;

	}

	.creditCardComparisonColumn01 .comparisonText > * {

		margin-top: 5px;

		height: 40px;

	}



	/*text*/

	.creditLargeText01 {

		font-size: 1.125em;

	}



	/*icon*/

	.iconClubCom {

		padding-left: 47px;

	}

	.iconClubCom .logo {

		top: -15px;

		width: 58px;

	}

	.creditQuestion01 {

		width: 36px;

	}

	.creditQuestion02 {

		width: 30px;

	}

	.iconFree01 {

		min-width: 50px;

		width: 50px;

		height: 50px;

		font-size: 0.9375em;

	}



	.creditEmphasisBlock02 > span {

		width: 100%;

		padding: 0 60px 0 45px;

		box-sizing: border-box;

	}

	.creditEmphasisBlock02 > span:before {

		top: -10px;

		left: 0;

		margin-top: 0;

		width: 45px;

		height: 91px;

		background-size: contain;

	}

	.creditEmphasisBlock02 > span:after {

		top: -10px;

		right: 0;

		margin-top: 0;

		width: 60px;

		height: 98px;

		background-size: contain;

	}

	.creditLargeText01 {

		font-style: 14px;

	}

	.creditLargeText02 {

		font-size: 16px;

	}

	.creditRibbonLabel01 .v4-ribbonLabelInner .ribbonText {

		font-size: 18px;

	}

	.creditRibbonLabel01 .v4-ribbonLabelInner > * {

		padding: 12px 12px;

	}

	.indexPresentBlock > p {

		font-size: 20px;

		line-height: 1.5;

	}

	.indexPresentBlock > p > span {

		display: block;

		padding: 0 40px;

	}

	.indexPresentBlock > p > span:before {

		width: 38px;

		height: 58px;

		margin-top: -29px;

	}

	.indexPresentBlock > p > span:after {

		width: 38px;

		height: 58px;

		margin-top: -29px;

	}

	.indexDecoration01 {

		font-size: 40px;

	}

	.indexDecoration01:before {

		top: -30px;

		right: -45px;

		width: 45px;

		height: 45px;

	}

	.indexDecoration02 {

		font-size: 30px;

	}

	.indexDecoration02:before {

		top: -17px;

		right: -16px;

		width: 25px;

		height: 28px;

	}

	.indexCampaignBlock:before {

		width: 90px;

		height: 65px;

	}

	.indexCampaignBlock:after {

		width: 90px;

		height: 65px;

	}

	.indexCampaignBlock .v3-decorationTextA01 > span:before,

	.indexCampaignBlock .v3-decorationTextA01 > span:after {

		top: 1em;

	}

	.indexBeginnerIcon01 {

		padding-left: 36px;

	}

	.indexBeginnerIcon01:before {

		width: 26px;

		height: 40px;

	}

	.iconApp {

		padding: 4px 0 4px 27px;

		font-size: 20px;

	}

	.iconApp:before {

		width: 15px;

		height: 28px;

		background-size: cover;

	}

	.iconWeb {

		padding: 3px 0 3px 40px;

		font-size: 20px;

	}

	.iconWeb:before {

		width: 30px;

		height: 26px;

		background-size: cover;

	}



	.indexCampaignSlider.v4-carousel01 .bx-prev, .indexCampaignSlider.v4-carousel01 .bx-next {

		margin-top: -42px;

	}



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



	/* hikaku.html



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

	/*creditConversionArea*/

	.creditConversionArea01:before,

	.creditConversionArea01:after {

		display: none;

	}

	.creditConversionArea01 > .columnInner {

		padding-bottom: 60px;

		background-size: 483px 33px;

	}



	/*creditSpaceBlock*/

	.creditSpaceBlock01 .spRotate {

		display: inline-block;

		-webkit-transform: rotate(90deg);

		-ms-transform: rotate(90deg);

		transform: rotate(90deg);

	}



	/*creditColorBlock*/

	.creditColorBlock01 .v3-borderBlockC01 {

		padding: 20px 12px;

	}



	/*creditCalcBlock*/

	.creditCalcBlock01 .v4-detailArrowBlockA01 > * {

		padding: 20px 12px;

	}

	.creditCalcBlock01 .v4-detailArrowBlockA01 .v4-calcColumnB01 {

		height: 100%;

	}

	.creditCalcBlock01 .v4-calcColumnC01 .v4-detailBlockA01 {

		padding: 20px 0;

	}

	.creditCalcBlock01 .v4-calcColumnC01 .v4-detailBlockA01:first-child {

		padding-top: 0;

	}

	.creditCalcBlock01 .v4-calcColumnC01 .v4-detailBlockA01:last-child {

		padding-bottom: 0;

	}

	.creditCalcBlock01 *[class*="v4-calcCol"] > .iconEqual02:before {

		margin-left: -4px;

	}

	.creditCalcBlock01 *[class*="v4-calcCol"] > .iconEqual02:after {

		margin-left: -10px;

	}



	/*creditColumn*/

	.creditColumn01 {

		display: block;

		margin-top: 20px !important;

	}

	.creditColumn01 > * {

		margin-top: 10px;

		margin-right: 0;

	}

	.creditColumn01 .v3-itemBalloonA01 {

		position: relative;

		top: 0;

		margin-bottom: 15px;

	}

	.creditColumn01 .creditCol {

		position: relative;

	}

	.creditColumn01 .creditCol > dt {

		position: absolute;

		left: 0;

		top: 50%;

		margin-top: -14px;

	}

	.creditColumn01 .creditCol > dd {

		margin-top: 0;

		padding: 0 60px;

	}

	.creditColumn01 .creditCol .creditFlexBlock {

		padding-right: 0;

	}

	.creditColumn01 .creditCol .creditFlexItem {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

	}

	.creditColumn01 .creditCol .creditFlexItem > * {

		margin-top: 0;

		width: 70%;

		text-align: left;

	}

	.creditColumn01 .creditCol .creditFlexItem > *:first-child {

		margin-right: 10px;

		width: 30%;

	}



	/*title*/

	.creditExampleTitle {

		padding: 0;

	}



	/*icon*/

	.iconPoint > span {

		padding-left: 35px;

	}

	.iconMoney > span {

		padding-left: 50px;

	}

	*[class*="iconCard"] > span {

		padding-left: 45px;

	}

	.iconParl > span {

		padding-left: 37px;

		padding-right: 62px;

	}

	.iconPoint > span:before {

		margin-top: -15px;

		width: 30px;

		height: 30px;

	}

	.iconMoney > span:before {

		margin-top: -11px;

		width: 41px;

		height: 22px;

		background-size: 41px 22px;

	}

	*[class*="iconCard"] > span:before {

		margin-top: -13px;

		width: 39px;

		height: 26px;

		background-size: 39px 26px;

	}

	.iconParl > span:before {

		margin-top: -15px;

		background-size: 28px 30px;

		width: 28px;

		height: 30px;

	}

	.iconBalloon02 {

		margin-top: -27px;

		width: 59px;

		height: 54px;

		background-size: 59px 54px;

	}



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



	/* cp_jcb_standard.html



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

	/*creditMvBlock*/

	.creditMvBlock02 {

		background: linear-gradient(-13deg,#f0f9f1 0%,#f0f9f1 20%,#fcfefc 20%,#fcfefc 75%,#f0f9f1 75%,#f0f9f1);

	}

	.creditMvBlock02.creditMvBg01 {

		background: linear-gradient(-13deg,#3c3c3c 0%,#3c3c3c 20%,#4a4a4a 20%,#4a4a4a 75%,#3c3c3c 75%,#3c3c3c);

	}

	.creditMvBlock02 .columnInner {

		padding: 20px 0 10px;

	}

	.creditMvBlock02 .mvImageBlock {

		max-width: 250px;

		width: auto;

	}

	.creditMvBlock02 .mvTextBlock .mvText {

		font-size: 1.125em;

		line-height: 1.55;

	}

	.creditMvBlock02 .mvBtn {

		margin-top: 5px;

	}

	.creditMvBlock02 .mvBtn .btnT03 {

		width: 170px;

	}



	/*block*/

	.creditListBlock01 {

		margin-top: 25px;

	}

	.creditListBlock01 .v2-listMarkCheck02 > li + li {

		margin-top: 10px;

	}



	/*creditTabTitle*/

	#wrap .creditTabTitle01 > li .spFs12 > span {

		padding: 0 15px !important;

	}



	/*text*/

	.v3-borderBlockA01 > .creditDecorationText01 {

		margin-left: -97px;

	}

	.v3-borderBlockA01 > .creditDecorationText02 {

		margin-left: -104px;

	}



	.jcbCommentWrap {

		margin-top: 30px;

	}

	.jcbCommentBlock {

		position: relative;

		top: auto;

		left: auto;

		margin-left: 0;

		margin-bottom: 10px;

	}

	.jcbMore01:before {

		top: -38%;

		left: 14%;

		width: 38px;

		height: 38px;

		background-size: cover;

	}



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



	/* modal



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

	/*block*/

	.modalCardBlock01 {

		margin-top: 20px;

		padding: 15px 10px;

	}



	/*modalColumn*/

	.modalColumnA6_3 > li {

		width: calc(100% / 3 - 10px);

	}

	.modalColumnA6_3 > li:nth-child(3n+1) {

		margin-left: 0;

	}

	.modalColumnA6_3 > li:nth-child(n+4) {

		margin-top: 20px;

	}



	/*iconClub*/

	.iconClub > * {

		padding-left: 65px;

	}

	.modalBalloonIcon01:before,

	.modalBalloonIcon02:before {

		top: -45px;

		left: -62px;

		width: 62px;

		height: 59px;

		background-size: 62px 59px;

	}



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



	/* /kojin/credit/modal/modal_pointup.html



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

	.modalPointText {

		width: 100%;

		max-width: 355px;

		padding: 15px 65px 30px 65px;

		box-sizing: border-box;

	}

	.modalPointText:before {

		width: 61px;

		height: 98px;

		background-size: cover;

	}

	.modalPointText:after {

		width: 95px;

		height: 95px;

		background-size: cover;

	}

	.modalPointComment:before {

		top: -123%;

    left: -2%;

		width: 38px;

		height: 38px;

		background-size: cover;

	}

	.statusListWrap {

		display: block;

	}

	.modalPointUp.v3-borderBlockA01 > .v3-decorationTextB01 {

		top: -29.5px;

		margin-left: -130px;

	}

	.iconPoint01 {

		padding-left: 40px;

	}

	.iconPoint01:before {

		margin-top: -15px;

		width: 30px;

		height: 30px;

		background-size: cover;

	}

	.iconPoint02 .fs60 {

		font-size: 30px;

	}

	.iconPoint02 {

		padding-left: 40px;

	}

	.iconPoint02:before {

		margin-top: -16px;

		width: 32px;

		height: 32px;

	}

	.modalPointUpDecoration:before {

		width: 12px;

		height: 12px;

		background-size: cover;

	}

	.modalPointUpDecoration:after {

		top: 37px;

		right: -19px;

		width: 8px;

		height: 8px;

		background-size: cover;

	}

	.glyphScroll01 {

		margin-bottom: 10px;

	}

	.glyphScroll01 > span {

		position: relative;

		display: inline-block;

		padding-left: 2em;

	}

	.glyphScroll01 > span:before {

		position: absolute;

		display: inline-block;

		top: 50%;

		left: 0;

		content: url(/kojin/kinri_kawase/tesuryo/images/ico_scroll01.svg);

		margin-top: -0.8em;

		width: 1.7em;

		height: 1.6em;

	}

	.tableSpScrollA01 {

		overflow: auto;

		margin-bottom: 32px;

	}

	.tableSpScrollA01 table[class^="table"] {

		margin-bottom: 10px;

		min-width: 750px;

	}

	.tableSpScrollA01::-webkit-scrollbar{

		width: auto;

		height: 15px;

	}

	.tableSpScrollA01::-webkit-scrollbar-track{

		background: #dedede;

		border-radius: 10px;

		-webkit-border-radius: 10px;

		-moz-border-radius: 10px;

		-ms-border-radius: 10px;

		-o-border-radius: 10px;

		border-radius: 10px;

	}

	.tableSpScrollA01::-webkit-scrollbar-thumb{

		background: #0c3bbc;

		border: solid 3px #dedede;

		-webkit-border-radius: 10px;

		-moz-border-radius: 10px;

		-ms-border-radius: 10px;

		-o-border-radius: 10px;

		border-radius: 10px;

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

	}

	.pointCalc .v4-detailBlockA01 {

		padding: 20px 12px;

	}



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



	/* /kojin/credit/modal/modal_point_timing.html



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

	.timingList {

		display: block;

		margin-top: 30px;

	}

	.timingList > li {

		margin-top: 10px;

		margin-right: 0;

	}

	.timingPosition {

		position: relative;

		top: auto;

		left: auto;

	}

	.timingHorizon {

		display: flex;

		align-items: center;

		padding-top: 15px;

	}

	.timingHorizon > * {

		width: 50%;

	}

	.timingHorizon > div {

		margin-top: 0;

	}



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



	/* cardsCvArea



	/***************************************************************/
	.cardsCvArea .cardsCvInner {
		width: 100%;
		padding: 35px 10px 20px;
		box-sizing: border-box;
	}
	.cardsCvArea .cardsCvInner:before {
		top: auto;
		bottom: 67px;
		left: 50%;
		width: 110px;
		height: 110px;
		background-size: contain;
		transform: translateX(-110%);
	}
	.cardsCvArea.cardsRelevanceBlock .cardsCvInner:before {
		top: 30%;
		bottom: auto;
	}
	.cardsCvArea .cardsCvInner:after {
		top: auto;
		bottom: 60px;
		right: auto;
		left: 50%;
		width: 167px;
		height: 167px;
		background-size: contain;
	}
	.cardsCvArea.cardsRelevanceBlock .cardsCvInner:after {
		top: 25%;
		bottom: auto;
	}
	.cardsCvArea .cardsCvTitle > span {
		width: 284px;
		padding-left: 0;
	}
	.cardsCvArea .cardsCvTitleComment {
		position: absolute;
		top: -28px;
		left: -6%;
		width: 98px;
	}
	.cardsCvArea .cardsCvBg01 {
		margin-top: 150px;
	}



}