@charset "UTF-8";

/* style */
.premiumBgColor01 {
	background: #f2f2f2;
}

/* premiumMvBlock */
.premiumMvBlock01 {
	background-image: url(/kojin/visa_debit/premium/images/card_bg_01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.premiumMvBlock01 > .columnInner {
	padding: 18px 0 0;
}
.premiumMvBlock01 .premiumMvContent {
	display: flex;
	margin-left: 100px;
}
.premiumMvBlock01 .mvTitleBlock {
	min-width: 455px;
	margin-top: 47px;
	line-height: 1;
}
.premiumMvBlock01 .mvTitleBlock .mvTitle {
	font-size: 3.1rem;
}
.premiumMvBlock01 .mvTitleBlock .mvTitle .num {
	font-size: 10.9rem;
}
.premiumMvBlock01 .mvTitleBlock .mvTitle .text01 {
	font-size: 6.4rem;
}
.premiumMvBlock01 .mvTitleBlock .mvTitle .text02 {
	font-size: 3.5rem;
}
.premiumMvBlock01 .premiumMvDec01 {
	display: inline-block;
	position: relative;
	top: -17px;
	margin-right: 10px;
	padding: 20px 5px;
}
.premiumMvBlock01 .premiumMvDec01::before,
.premiumMvBlock01 .premiumMvDec01::after,
.premiumMvBlock01 .premiumMvDec01 > span::before,
.premiumMvBlock01 .premiumMvDec01 > span::after {
	content: "";
	display: inline-block;
	position: absolute;
	height: 1px;
	background-color: #000;
}
.premiumMvBlock01 .premiumMvDec01::before,
.premiumMvBlock01 .premiumMvDec01::after {
	left: 0;
}
.premiumMvBlock01 .premiumMvDec01 > span::before,
.premiumMvBlock01 .premiumMvDec01 > span::after {
	right: 0;
}
.premiumMvBlock01 .premiumMvDec01::before,
.premiumMvBlock01 .premiumMvDec01 > span::after {
	width: 125px;
}
.premiumMvBlock01 .premiumMvDec01::after,
.premiumMvBlock01 .premiumMvDec01 > span::before {
	width: 210px;
}
.premiumMvBlock01 .premiumMvDec01::before {
	top: 0;
}
.premiumMvBlock01 .premiumMvDec01::after {
	top: 7px;
}
.premiumMvBlock01 .premiumMvDec01 > span::before {
	bottom: 7px;
}
.premiumMvBlock01 .premiumMvDec01 > span::after {
	bottom: 0;
}
.premiumMvBlock01 .mvCardBlock {
	position: relative;
	margin-left: 60px;
}
.premiumMvBlock01 .mvCardBlock .mvCardImg {
	width: 360px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn,
.premiumMvBlock01 .mvCardBlock .mvColorBtn .btnList {
	display: flex;
	align-items: center;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn {
	position: absolute;
	bottom: 0;
	right: -170px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .title {
	width: 45px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .detail {
	margin-left: 17px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .btnList {
	justify-content: space-between;
	width: 181px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .btnList > * {
	width: 47px;
	height: 47px;
	background: #c8c8c8;
	border-radius: 50%;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn {
	position: relative;
	width: 47px;
	height: 47px;
	border: none;
	font-size: 0;
	border-radius: 50%;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="false"] {
	top: -4px;
	left: 4px;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="false"]:hover {
	top: 0;
	left: 0;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="true"]::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 16px;
	width: 43px;
	height: 34px;
	background: url(/kojin/visa_debit/premium/images/card_ico_01.png) no-repeat 0 0;
	background-size: cover;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnGreen[aria-pressed="true"],
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnGreen[aria-pressed="false"] {
	background: #4B8970;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnWhite[aria-pressed="true"],
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnWhite[aria-pressed="false"] {
	background: #fff;
}
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnBlack[aria-pressed="true"],
.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn.btnBlack[aria-pressed="false"] {
	background: #222325;
}
.premiumMvBlock01 .premiumMvCvBtn {
	margin-top: 50px;
}
.premiumMvBlock01 .premiumMvBalloon {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	margin-top: 25px;
	padding: 10px 20px;
	background: #fff;
	border-radius: 6px;
}
.premiumMvBlock01 .premiumMvBalloon::before {
	content: '';
	display: block;
	position: absolute;
	top: -18px;
	left: 335px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 12px 18px 12px;
	border-color: transparent transparent #fff transparent;
}
.premiumMvBlock01 .premiumMvColumn01,
.premiumMvBlock01 .premiumMvColumn01 .mvImgColumn {
	display: flex;
}
.premiumMvBlock01 .premiumMvColumn01 .mvCol {
	position: relative;
	display: flex;
	min-width: 190px;
}
.premiumMvBlock01 .premiumMvColumn01 .mvCol:last-child {
	margin-left: 70px;
}
.premiumMvBlock01 .premiumMvColumn01 .mvCol:last-child::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -65px;
	width: 50px;
	height: 21px;
	margin-top: -10px;
	background: url(/kojin/visa_debit/premium/images/card_arrow_01.png) no-repeat 0 0;
	background-size: cover;
}
.premiumMvBlock01 .premiumMvColumn01 .mvColBaloon {
	margin: 0 auto 5px;
	width: 115px;
}
.premiumMvBlock01 .premiumMvColumn01 .mvColImg01 > img {
	width: 71px;
}
.premiumMvBlock01 .premiumMvColumn01 .mvColImg02 > img {
	width: 80px;
}
.premiumMvBlock01 .premiumMvColumn01 .mvColText,
.premiumMvBlock01 .mvBalloonText .text {
	line-height: 1.2;
}
.premiumMvBlock01 .premiumMvColumn01 .mvColText {
	margin-top: 5px;
}
.premiumMvBlock01 .mvBalloonText {
	margin-left: 20px;
}
.premiumMvBlock01.v3_fullColumnB01 > .columnInner {
	min-height: 520px;
}

/* premiumList */
.premiumList01 > li {
	display: inline-block;
}
.newAdjustment .listMemo01.premiumList01 > li + li {
	margin-top: 0;
}

/* premiumColorBlock */
.premiumColorBlock01 {
	margin-top: 170px;
	padding-top: 60px;
}

/* list */
.premiumDetailList01 > .v3-title[class*="glyph"] {
	padding-left: 0;
}
.premiumDetailList01 > .v3-title[class*="glyph"] > span {
	position: relative;
	padding-left: 65px;
}

/* label */
.premiumRibbonLabel01 {
	position: absolute;
	top: -140px;
	left: 50%;
	width: 500px;
	margin-left: -250px;
}

.premiumBeforeArrow01 {
	margin-top: 35px;
}
.premiumBeforeArrow01::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: -21px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -15px;
	border-width: 0 15px 21px 15px;
	border-color: transparent transparent #fff2df transparent;
	border-style: solid;
}


@media screen and (max-width: 767px) {
	/* premiumMvBlock */
	.premiumMvBlock01 {
		background-image: url(/kojin/visa_debit/premium/images/card_bg_01_sp.png);
		background-position: left 41% bottom;
		background-size: cover;
	}
	.premiumMvBlock01 > .columnInner {
		padding: 10px 10px 30px;
	}
	.premiumMvBlock01 .premiumMvContent {
		display: block;
		margin-left: 0;
	}
	.premiumMvBlock01 .mvTitleBlock {
		min-width: 0;
		margin-top: 0;
	}
	.premiumMvBlock01 .mvTitleBlock .mvTitle {
		font-size: 2.0rem;
	}
	.premiumMvBlock01 .mvTitleBlock .mvTitle .num {
		font-size: 6.7rem;
	}
	.premiumMvBlock01 .mvTitleBlock .mvTitle .text01 {
		font-size: 4.0rem;
	}
	.premiumMvBlock01 .mvTitleBlock .mvTitle .text02 {
		font-size: 2.3rem;
	}
	.premiumMvBlock01 .premiumMvDec01 {
		top: -10px;
		margin-right: 5px;
		padding: 10px 2px;
	}
	.premiumMvBlock01 .premiumMvDec01::before,
	.premiumMvBlock01 .premiumMvDec01 > span::after {
		width: 75px;
	}
	.premiumMvBlock01 .premiumMvDec01::after,
	.premiumMvBlock01 .premiumMvDec01 > span::before {
		width: 125px;
	}
	.premiumMvBlock01 .premiumMvDec01::after {
		top: 4px;
	}
	.premiumMvBlock01 .premiumMvDec01 > span::before {
		bottom: 4px;
	}
	.premiumMvBlock01 .mvCardBlock {
		margin: 10px 0 0;
	}
	.premiumMvBlock01 .mvCardBlock .mvCardImg {
		width: auto;
		max-width: 210px;
		margin: 0 auto;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn {
		justify-content: center;
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 15px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .title {
		width: 41px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .detail {
		margin-left: 28px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .btnList {
		width: 174px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .btnList > * {
		width: 43px;
		height: 43px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn,
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="false"] {
		width: 43px;
		height: 43px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="false"],
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="false"]:hover {
		top: -3px;
		left: 3px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn .colorBtn[aria-pressed="true"]::before {
		width: 39px;
		height: 31px;
	}
	.premiumMvBlock01 .premiumMvCvBtn {
		margin-top: 20px;
	}
	.premiumMvBlock01 .premiumMvBalloon {
		display: block;
		margin-top: 20px;
		padding: 15px 10px;
	}
	.premiumMvBlock01 .premiumMvBalloon::before {
		top: -14px;
		left: 50%;
		margin-left: -12px;
		border-width: 0 12px 14px 12px;
	}
	.premiumMvBlock01 .premiumMvColumn01 {
		justify-content: center;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvImgColumn {
		display: block;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvCol {
		align-items: flex-end;
		min-width: 0;
		max-width: 118px;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvCol:last-child {
		margin-left: 60px;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvCol:last-child::before {
		left: -55px;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvColImg01 > img {
		width: 71px;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvColImg02 > img {
		margin: 5px 0 0;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvColText,
	.premiumMvBlock01 .mvBalloonText .text {
		line-height: 1.5;
	}
	.premiumMvBlock01 .premiumMvColumn01 .mvColText {
		min-height: 33px;
		margin-top: 5px;
	}
	.premiumMvBlock01 .mvBalloonText {
		margin: 10px 0 0;
	}

	/* premiumList */
	.premiumList01:nth-child(2) {
		margin-top: 8px;
	}
	.newAdjustment .listMemo01.premiumList01 > li + li {
		margin-top: 8px;
	}

	/* premiumColorBlock */
	.premiumColorBlock01 {
		margin-top: 120px;
		padding-top: 45px;
	}

	/* list */
	.premiumDetailList01 > .v3-title[class*="glyph"] > span {
		padding-left: 40px;
	}

	/* label */
	.premiumRibbonLabel01 {
		top: -90px;
		width: 330px;
		margin-left: -165px;
	}
}

@media print {
	.premiumMvBlock01 .premiumMvContent {
		margin-left: 20px;
	}
	.premiumMvBlock01 .mvCardBlock {
		margin-left: 30px;
	}
	.premiumMvBlock01 .mvCardBlock .mvColorBtn {
		right: -80px;
	}
}