@charset "utf-8";

/***********************************************************
reset
***********************************************************/
/*----------------------------------------------------------
cmn
----------------------------------------------------------*/
.oneCLM #cmnNaviHeader{
  margin-bottom: 0;
  box-shadow: none;
}
.oneCLM #main {	width: 100%;}
#contents{	padding: 0 0 75px;}
#contents, #contentsCMP{	width: 100%;}
#contents h1{
	padding:0;
	background:none;
	box-shadow:none;
}
#allMainWrap{
	background: #fff;
	min-width: 980px;
}

/*----------------------------------------------------------
form
----------------------------------------------------------*/
button,input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	cursor: pointer;
}

/*----------------------------------------------------------
#returnTopSP
----------------------------------------------------------*/
#returnTopSP {
	z-index: 12000;
}

/***********************************************************
parts
***********************************************************/
.viasoCollabo a {text-decoration: underline; color: #00a0e9;}
.viasoCollabo a:hover {text-decoration: none;}
.hiAuto {
	height: auto;
}

/*----------------------------------------------------------
.borderBlock
----------------------------------------------------------*/
.borderBlock01{
	border: 2px solid #333;
	border-radius: 10px;
	background: #fff;
}

/*----------------------------------------------------------
.underline
----------------------------------------------------------*/
.markY01{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fffd5b), color-stop(90%, #fffd5b), color-stop(90%, transparent));
	background: linear-gradient(transparent 50%, #fffd5b 50%, #fffd5b 90%, transparent 90%);
}

/*----------------------------------------------------------
txt
----------------------------------------------------------*/
.txtPtn01{
	background: linear-gradient(to bottom, transparent 11px, #333 11px, #333 13px, transparent 13px);
	text-align: center;
}
.txtPtn01 > *{
	display: inline-block;
	padding: 0 27px;
	line-height: 1.25;
	background: #fff;
}

/*----------------------------------------------------------
button
----------------------------------------------------------*/
/* btnPtn01 */
.btnPtn01,.btnPtn02{
	width: 220px;
	margin: auto;
	text-align: center;
}
.btnPtn01 a{
	position: relative;
	display: block;
	padding: 7px 20px 5px 10px;
	font-size: 1.285rem;
	font-weight: bold;
	color: #12c0eb;
	background: #fff;
	text-decoration: none;
	border: 2px solid #12c0eb;
	border-radius: 0.285rem;
}
.btnPtn01 a::after{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 8px;
	margin-top: -8px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_r01.png) top left no-repeat;
	background-size: 100% auto;
}
.btnPtn01 a:hover{
	opacity: 0.8;
}
/* btnPtn02 */
.btnPtn02 {
	position: relative;
	display: inline-block;
	width: auto;
	min-width: 220px;
	padding: 16px 47px 15px 25px;
	background: #12c0eb;
	border-radius: 0.285rem;
	font-size: 1.285rem;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
.btnPtn02::before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 50%;
	right: 8px;
	margin-top: -8px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_r02.png) top left no-repeat;
	background-size: 100% auto;
}
.btnPtn02:hover {
	opacity: 0.8;
}
/* btnPtn03 */
.btnPtn03 a{
	min-width: 250px;
	padding: 14px 18px 12px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 1.428rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: #999;
	line-height: 1.1;
}
.btnPtn03 a:hover{
	opacity: 0.8;
}
/* btnPtn03（.icoBlank01） */
a.icoBlank01{
	position: relative;
	padding-left: 22px;
	padding-right: 42px;
}
a.icoBlank01::after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	width: 20px;
	height: 16px;
	margin-top: -8px;
	background: url(/apply/card/viaso_collabo/img/ico_blank_01.png) center left no-repeat;
	background-size: 100% auto;
}

/* .collaboTop */
.collaboTopBtn{
	width: 650px;
	margin: 0 auto;
}
.collaboTopBtn a{
	display: block;
	position: relative;
	padding: 17px 70px 13px 160px;
	font-size: 1.714rem;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	border: 2px solid #12c0eb;
	-webkit-border-radius: 10rem;
	-moz-border-radius: 10rem;
	border-radius: 10rem;
	background: #e6faff url(/apply/card/viaso_collabo/img/index_bg02_re.png) top left repeat;
}
.collaboTopBtn a::before{
	content: "";
	position: absolute;
	width: 112px;
	height: 42px;
	top: 50%;
	left: 40px;
	margin-top: -21px;
	background: url(/apply/card/viaso_collabo/img/ico_img_01.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTopBtn a::after{
	content: "";
	position: absolute;
	width: 26px;
	height: 26px;
	top: 50%;
	right: 22px;
	margin-top: -13px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_b01.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTopBtn a:hover{
	opacity: 0.8;
	text-decoration: none;
}
/* .closeBtn */
.closeBtn {
	margin-top: 40px;
}

.closeBtn a {
	text-decoration: none;
	color: #000;
}
/*----------------------------------------------------------
accordion
----------------------------------------------------------*/
.accordionTitle {
	position: relative;
	display: block;
	cursor: pointer;
}
/* .accordionTitle .titleInner {
	position: relative;
	display: block;
} */
.accordionTitle::after {
	content: '';
	display: block;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: 40px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	background-color: #0261d8;
}
.accordionTitle .titleInner::before,
.accordionTitle .titleInner::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 46px;
	width: 18px;
	height: 2px;
	margin-top: -1px;
	background: #fff;
	z-index: 10;
}
.accordionCheck + .accordionTitle .titleInner::before {
	transform: rotate(-270deg);
	transition: transform .6s;
}
.accordionCheck:checked + .accordionTitle .titleInner::before {
	transform: rotate(0deg);
}
.accordionCheck {display: none}
.accordionCheck + .accordionTitle + .accordionBody {
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: .6s;
	transition: .6s;
}
.accordionCheck:checked ~ .accordionBody,
.accordionCheck:checked + .accordionTitle + .accordionBody {
	max-height: 3000px;
	opacity: 1;
}

/*----------------------------------------------------------
Title
----------------------------------------------------------*/
.collaboTitleH1{
	width: 980px;
	margin: 0 auto 19px;
	padding-top: 20px;
	position: relative;
}
.collaboTitleH1::before{
	content: "";
	position: absolute;
	width: 368px;
	height: 302px;
	top: 0;
	left: -237px;
	z-index: -1;
	background: url(/apply/card/viaso_collabo/img/index_bg01_l.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTitleH1::after{
	content: "";
	position: absolute;
	width: 368px;
	height: 302px;
	top: 0;
	right: -237px;
	z-index: -1;
	background: url(/apply/card/viaso_collabo/img/index_bg01_r.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTitleH1 h1 {
	color: #0182f0;
	font-size: 50px;
	line-height: 1.2;
}
.collaboTitleH1 .h1Txt01 {
	font-weight: bold;
	font-size: 22px;
}
.marker {
	display: inline-block;
	padding: 0 5px;
	background: linear-gradient(transparent 52%, #fffd5b 0%);
}
.collaboNewCardface {
	height: 167px;
	margin-bottom: 27px;
	background: url(/apply/card/viaso_collabo/img/mv_cardface_bg_pc.png) top center no-repeat;
	text-align: center;
}
.collaboNewCardface .card {
	width: 272px;
}
.collaboTitleH2{
	width: 100%;
	margin-top: 37px;
	text-align: center;
}
.collaboTitleH2 .titleTypeA{
	width: 980px;
	display: inline-block;
	font-size: 1.714rem;
}
.collaboTitleH2 .titleTypeA > *{
	position: relative;
	display: inline-block;
	padding: 15px 50px 12px;
}
.collaboTitleH2 .titleTypeA > *::before{
	content: "";
	position: absolute;
	margin-top: -13px;
	width: 40px;
	height: 26px;
	top: 50%;
	left: 0;
	background: url(/apply/card/viaso_collabo/img/index_h2_ico01.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTitleH2 .titleTypeA > *::after{
	content: "";
	position: absolute;
	margin-top: -13px;
	width: 40px;
	height: 26px;
	top: 50%;
	right: 0;
	background: url(/apply/card/viaso_collabo/img/index_h2_ico01.png) bottom left no-repeat;
	background-size: 100% auto;
}
.collaboTitleH2 .titleTypeB{
	display: block;
	font-size: 2.571rem;
	background: #fffc00 url(/apply/card/viaso_collabo/img/index_bg02_re.png) top left repeat;
}
.collaboTitleH2 .titleTypeB span{
	padding: 20px;
	width: 980px;
	display: inline-block;
}

.collaboTitleH3{
	width: 980px;
	margin: 0 auto;
	font-size: 2.285rem;
	text-align: center;
}
.collaboTitleH3 h3 > *{
	padding-left: 60px;
	position: relative;
	display: inline-block;
}
.collaboTitleH3 h3 > *::before{
	content: "";
	position: absolute;
	width: 46px;
	height: 46px;
	top: 0;
	left: 0;
	background: url(/apply/card/viaso_collabo/img/index_h3_ico01.png) top left no-repeat;
	background-size: 100% auto;
}
.collaboTitleH3.-t2 h3 > *::before {
	background: url(/apply/card/viaso_collabo/img/index_h3_ico02.png) top left no-repeat;
	background-size: 100% auto;
}

/***********************************************************
layout
***********************************************************/
#contents.viasoCollabo > section{
	margin-bottom: 40px;
}
.sectionWid{
	width: 980px;
	margin: 0 auto;
}
.topicBlock .clm.col3 > .colItem:nth-child(n+4) {
	margin-top:15px;
}
.topicBlock .clm.col3 > .colItem:nth-child(3n+1) {
	margin-left: 0;
}
.topicBlock .btnType01.svgIcon .img {
	width: 30px;
}
.topicBlock .btnType01.svgIcon .txt {
	width: 200px;
}
.topicBlock .btnType01.svgIcon {
	height: auto;
}
.topicBlock .btnType04 {
	text-decoration: none;
	color: #fff;
}
.topicBlock .btnType04:hover{
	color: #E60000;
}

/*----------------------------------------------------------
MV
----------------------------------------------------------*/
.viasoCollabo {
	overflow: hidden;
}
.viasoCollaboMV{
	position: relative;
	text-align: center;
	z-index: 0;
	background: url(/apply/card/viaso_collabo/img/index_bg01_re.png) top left repeat;
}
/* .viasoCollaboMV::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 530px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #03c1f0;
} */
.collaboMvWrap{
	/* width: 980px; */
	margin: 0 auto;
	padding: 39px 0;
	background-color: #03c1f0;
}
/* .collaboMvWrap > *{
	padding-bottom: 20px;
} */
.collaboMvWrap .mvTxtWrap {
	padding: 0 40px 34px;
	line-height: 1.4;
	text-align: left;
	font-size: 15px;
	color: #fff;
}
.collaboMvWrap [class^="mvTxt"] .mvTxtH2 {
	position: relative;
	margin-top: 25px;
	padding-left: .85714rem;
	font-weight: bold;
	font-size: 18px;
}
.collaboMvWrap [class^="mvTxt"]:first-child .mvTxtH2 {
	margin-top: 0;
}
.collaboMvWrap [class^="mvTxt"] .mvTxtH2::before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background-color: #fff;
	content: "";
}
.mvTxt3 {
	line-height: 1.7778;
}
.collaboMvWrap .mvTxtWrap a {
	color: #0563c1;
}
.collaboMvWrap .mvTxtWrap [class^=mvTxt] p {
	margin-top: 18px;
}
.mvImg01 > img {
	margin: 0 auto;
}
/* .collaboCardList
----------------------------------------------------------*/
.collaboCardList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 900px;
	margin: 0 auto;
}
/* .collaboCardList::after {
	content: "";
	clear: both;
	display: block;
} */
.collaboCardList > * {
	width: 206px;
	height: auto;
	/* margin-bottom: 12px;
	margin-right: 12px;
	float: left; */
}
.collaboCardList > *:nth-child(n + 5) {
	margin-top: 20px;
}
/* .collaboCardList > *:nth-child(-n+6){
	margin-top: 0;
}
.collaboCardList > *:nth-child(6n){
	margin-right: 0;
} */
.collaboCardList > * img{
	border: 1px solid rgba(21,64,64,0.22);
	box-shadow:0px 4px 7px 0px rgba(73,136,151,0.35);
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;
}

.collaboCardList a img {
	transform: scale(1);
	transition: transform .2s;
}
.collaboCardList a:hover img {
	transform: scale(1.06);
}

/*----------------------------------------------------------
.collaboBlock
----------------------------------------------------------*/
#contents.viasoCollabo .collaboBlock > section{
	margin-bottom: 0;
	padding-bottom: 62px;
}
.collaboCardCat{
	width: 100%;
	padding: 40px 20px;
}
.collaboCardCat:nth-child(even){
	background: #e9f4f4;
}
.collaboCardArea{
	margin: 25px auto;
}
.collaboCardBlackWrap {
	display: flex !important;
	flex-wrap: wrap;
	max-width: 580px !important;
}
.collaboCardBlackWrap.col1 {
	max-width: 290px !important;
}
.collaboCardBlackWrap .collaboCardBlack:nth-child(n + 3) {
	margin-top: 11px;
}
.collaboCardBlackWrap.col1 .collaboCardBlack:nth-child(n + 2) {
	margin-top: 11px;
}
.collaboCardBlack {
	width: 280px !important;
	height: auto;
	margin: 0 5px;
	padding-bottom: 59px;
	position: relative;
	text-align: center;
}
.collaboCardBlack > *{
	width: 100%;
	display: block;
}
.cardName{
	display: table;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
}
.cardName::before{
	content: "";
	height: 100%;
	min-height: 55px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.cardName > *{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cardImg{padding: 0 25px;}
.cardImg img {width: 245px;}
.collaboCardBlack .cardCopyright{
	margin-top: 10px;
	font-size: 9px;
	line-height: 1.2;
	color: #666666;
}
.collaboCardBlack .cardTxt{
	margin-top: 12px;
	padding: 0 10px;
	font-size: 14px;
}
.collaboCardBlack .cardBtn{
	position: absolute;
	bottom: 0;
}
.cardBtn > *:not(:first-child){	margin-top: 10px;}

/*----------------------------------------------------------
VIASOカード（シルバー）
----------------------------------------------------------*/
.silverBlock{
	width: 860px;
	margin: 0 auto;
	border: 2px solid #ccc;
}
.silverBlock .silverTitle{
	padding: 11px 12px 9px;
	font-size: 1.428rem;
	font-weight: bold;
	text-align: center;
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(left,  #cccccc 0%, #e2e3e7 50%, #e2e3e7 51%, #e2e3e7 51%, #cccccc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #cccccc 0%,#e2e3e7 50%,#e2e3e7 51%,#e2e3e7 51%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #cccccc 0%,#e2e3e7 50%,#e2e3e7 51%,#e2e3e7 51%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 */
}
.silverBlock .silverTitle span{
	font-size: 1.714rem;
}
.silverBlock .silverInner{
	margin: 0 auto;
	padding: 30px;
	display: table;
}
.silverBlock .silverInner > *{
	display: table-cell;
	padding: 0 28px;
	vertical-align: middle;
}
.silverBlock .cardName::before{	content: none;}
.silverBlock .cardBtn{	margin-top: 15px;}

/*----------------------------------------------------------
.viasoBlock
----------------------------------------------------------*/
/*
.blockCardSlider
---------------------------------------------------------*/
.blockCardSlider {
	width: 1160px;
}
.blockCardSlider .slick-dots{
	bottom: -55px;
}
.blockCardSlider .slick-dots li.slick-active button:before {
	color: #12c0eb;
}
.blockCardSlider .slick-prev {
	top: 0;
	left: -25px;
	width: 100px;
	height: 100%;
	margin-top: 0;
	}
.blockCardSlider .slick-prev::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 45px;
	height: 86px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_slide01.png) top left no-repeat;
	background-size: auto 100%;
	transform: translateY(-50%);
}
.blockCardSlider .slick-next {
	top: 0;
	right: -25px;
	width: 100px;
	height: 100%;
	margin-top: 0;
}
.blockCardSlider .slick-next::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 45px;
	height: 86px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_slide01.png) top right no-repeat;
	background-size: auto 100%;
	transform: translateY(-50%);
}
.blockCardSlider .slick-dots li{
	margin: 0 2px;
}
.blockCardSlider .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 100%;
	opacity: 1;
	background: #ccc;
}
.blockCardSlider .slick-dots li button:before{
	content: "";
	background: none;
}
.blockCardSlider .slick-dots li.slick-active button{
	background: #12c0eb;
}


/*----------------------------------------------------------
おトクでシンプル4か条
----------------------------------------------------------*/
.simpleBlock{
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 85px;
}
.simpleBlock .accordionContents {
	margin-top: 40px;
	border-radius: 20px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.35);
}
.simpleBlock .accordionContents:first-child{
	margin-top: 0;
}
.simpleBlock .accordionTitle {
	border-radius: 20px;
	font-size: 1.8572rem/*26px*/;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
}
.simpleBlock .accordionCheck:checked + .accordionTitle {
	border-radius: 20px 20px 0 0;
}
.simpleBlock .accordionTitle .title02 {
	font-size: 2.4286rem/*34px*/;
}
.simpleBlock .accordionTitle .titleInner {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 104px;
	padding: 0 80px;
	text-align: left;
}
.simpleBlock .accordionTitle .titleInner span {
	display: block;
}
.simpleBlock .accordionTitle .titleInner .titleImg{
	position: absolute;
	bottom: 50%;
	left: 40px;
	margin-bottom: -40px;
}
.simpleBlock .blockYe .accordionTitle .titleInner .titleImg{	margin-bottom: -43px;}
.simpleBlock .blockPn .accordionTitle .titleInner .titleImg{	margin-bottom: -39px;}
.simpleBlock .blockBl .accordionTitle .titleInner .titleImg{	margin-bottom: -40px;}
.simpleBlock .blockPu .accordionTitle .titleInner .titleImg{
	bottom: 0;
	margin-bottom: 0;
}
.blockAccordion .titleImg05 {width: 116px; margin-right: 8px;}
.blockAccordion .titleImg07 {width: 96px;}
.blockAccordion .accordionBodyInner {
	padding: 38px 78px 50px;
	border-radius: 0 0 20px 20px;
	background-color: #fff;
}
.simpleBlock .accordionBodyInner > *{
	margin-top: 30px;
}
.simpleBlock .accordionBodyInner > *:first-child{
	margin-top: 0;
}
.simpleBlock .borderBlock01{
	padding: 24px;
	text-align: center;
	line-height: 1.6;
	font-size: 1.428rem;
}
.simpleBlock .borderBlock01 .markY01{
	font-weight: bold;
}
.simpleBlock .descBlock01 > *{
	margin-top: 40px;
}
.simpleBlock .descBlock01 > *:first-child{
	margin-top: 0;
}
.simpleBlock .icoCaution01{
	margin: 40px auto 0;
	display: table;
	font-size: 1.428rem;
}
.simpleBlock .icoCaution01 > *{
	display: table-cell;
	vertical-align: middle;
}
.simpleBlock .icoCaution01 .alrtImg{
	width: 50px;
}
.simpleBlock .icoCaution01 .alrtTxt{
	padding-left: 10px;
}
.simpleBlock .icoCaution01 .alrtTxt > *{
	font-size: 1.714rem;
	font-weight: bold;
	color: #e60000;
}

.simpleBlock .txt1 {line-height: 1.4334;}

/* .blockYe
---------------------------------------------------------*/
.blockYe .accordionTitle{	background: #ffdd57 url(/apply/card/viaso_collabo/img/ac_bg_ye01.png) 0 53% no-repeat;}
.blockYe .accordionBody{	background: #fff8ec;}
.blockYe .borderBlock01{	border: 2px solid #ffc874;}
.blockYe .imgBlock01{	text-align: center;}

/* .blockPn
---------------------------------------------------------*/
.blockPn .accordionTitle{	background: #ff83af url(/apply/card/viaso_collabo/img/ac_bg_pn01.png) 0 53% no-repeat;}
.blockPn .accordionBody{	background: #fff4fa;}
.blockPn .borderBlock01{	border: 2px solid #f474a1;}
.blockPn .btnPtn03 a{	background: #ff5d96;}
.blockPn .imgBlock01{	display: flex;}
.blockPn .imgBlock01 > *:not(:last-child){	margin-right: 15px;}

/* .blockBl
---------------------------------------------------------*/
.blockBl .accordionTitle{	background: #80c5ff url(/apply/card/viaso_collabo/img/ac_bg_bl01.png) 0 53% no-repeat;}
.blockBl .accordionBody{	background: #f2f9ff;}
.blockBl .borderBlock01{	border: 2px solid #89c7fc;}
.blockBl .btnPtn03 a{	background: #0092ff;}
.blockBl .imgBlock01{	display: flex;}
.blockBl .imgBlock01 > *:not(:last-child){	margin-right: 15px;}
.blockBl .imgBlock01 > *:nth-child(1){	position: relative;}
.blockBl .imgBlock01 .img02{
	position: absolute;
	top: 50%;
	right: -40px;
	width: 67px;
	height: 67px;
	margin-top: -34px;
}

/* .blockPu
---------------------------------------------------------*/
.blockPu .accordionTitle{	background: #e7aaf6 url(/apply/card/viaso_collabo/img/ac_bg_pu01.png) 0 53% no-repeat;}
.blockPu .accordionBody{	background: #f9ebfc;}
.blockPu .borderBlock01{	border: 2px solid #c66ddc;}
.blockPu .txtPtn01{
	background: linear-gradient(to bottom, transparent 11px, #c66ddc 11px, #c66ddc 13px, transparent 13px);
}
.blockPu .txtPtn01 > *{
	font-size: 1.714rem;
	font-weight: bold;
	color: #9d30b8;
	background: #f9ebfc;
}
.blockPu .imgBlock01{
	display: flex;
	margin-top: 30px;
}
.blockPu .imgBlock01 > *{
	margin-right: 45px;
	position: relative;
}
.blockPu .imgBlock01 > *:last-child{
	margin-right: 0;
}
.blockPu .imgBlock01 > *:not(:last-child)::after {
	content: '';
	display: block;
	position: absolute;
	top: 83px;
	right: -35px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 28px 0 28px 23px;
	border-color: transparent transparent transparent #c66ddc;
}
.blockPu .imgBlock01 > * > *:not(:first-child){
	margin-top: 10px;
	padding: 0 7px;
}


/*----------------------------------------------------------
カードの基本情報
----------------------------------------------------------*/
/*
.basicInfoSec
---------------------------------------------------------*/
.basicInfoSec {
	padding: 63px 44px 40px 40px;
}
.hStyle02 {
	margin-bottom: 20px;
	font-size: 1.429rem;/*20*/
}
.hStyle03 {
	margin-bottom: 20px;
	color: #666;
	font-size: 1.429rem;/*20*/
}
.icoWakaba01 {
	position: relative;
	padding-left: 44px;
}
.icoWakaba01::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 2px;
	width: 22px;
	height: 30px;
	background: url(/apply/card/viaso_collabo/img/ico_wakaba_01.png) top left no-repeat;
	background-size: contain;
}
/* tableInfo01 */
.tableInfo01 {
	border-radius: 10px;
	border: 2px solid #9ae2f4;
}
.tableInfo01 .accordionContents {
	display: table;
	width: 100%;
}
.tableInfo01 .accordionContents:not(:last-child) {
	border-bottom: 2px solid #9ae2f4;
}
.tableInfo01 .accordionContents:first-child .accordionTitle {
	border-radius: 10px 0 0 0;
}
.tableInfo01 .accordionContents:last-child .accordionTitle {
	border-radius: 0 0 0 10px;
}
.tableInfo01 .accordionTitle {
	display: table-cell;
	width: 244px;
	padding: 15px 10px 15px 18px;
	background: #e7f9fd;
	color: #12c0eb;
	font-size: 1.286rem;/*18*/
	font-weight: bold;
	vertical-align: middle;
	cursor: default;
}
.tableInfo01 .accordionBody {
	display: table-cell;
	padding: 15px 20px 15px 40px;
	vertical-align: middle;
}
@media (min-width: 640px) {
	.tableInfo01 .accordionCheck + .accordionTitle + .accordionBody {
		opacity: 1;
	}
}
.tableInfo01 .accordionBodyInner {
	display: inline;
}
.tableInfo01 .accordionTitle::after,
.tableInfo01 .accordionTitle .titleInner::before,
.tableInfo01 .accordionTitle .titleInner::after {
	content: none;
}
#contents #basicInfo .basicInfoSec .cardType {margin-bottom: 6px}
#contents #basicInfo .basicInfoSec .cardType li {
	display: inline-block;
	padding: 4px 17px;
	border-radius: 3px;
	font-size: 1rem;
	font-weight: bold;
	color: #fff;
}
.basicInfoSec .cardType .etc {margin-right: 9px;background: #4d4a99}
.basicInfoSec .cardType .family {background: #86b837}

#contents #basicInfo .tableInfo01 .accordionBody.ab01 {padding: 0}
#contents #basicInfo .tableInfo01 .innerTable01 {width: 100%}
#contents #basicInfo .tableInfo01 .col1 {width: 6.28%}
#contents #basicInfo .tableInfo01 .col2 {width: 47.54%}
#contents #basicInfo .tableInfo01 .innerTable01 th {
	padding: 15px 20px 15px 40px;
	border: none;
	font-size: 1.0rem;
	font-weight: normal;
	text-align: left;
	background: #fff;
}
#contents #basicInfo .tableInfo01 .innerTable01 td {
	padding: 15px 20px 15px 15px;
	border-left: 2px solid #9ae2f4;
	border-bottom: none;
}
#contents #basicInfo .tableInfo01 .innerTable01 tr:first-child td {
	border-bottom: 2px solid #9ae2f4;
}
#contents #basicInfo .tableInfo01 .innerTable01 .blank {padding: 0}
#contents #basicInfo .tableInfo01 .innerTable01 .border {
	padding: 15px 20px 15px 15px;
	border-left: 2px solid #9ae2f4;
	border-top: 2px solid #9ae2f4;
}

/* infoBlack */
.basicInfoSec .infoBlack {
	margin-top: 40px;
	padding: 20px 20px 28px;
	border-radius: 10px;
	border: 2px solid #9ae2f4;
}
.basicInfoSec .infoBlack .btnPtn03{
	margin-top: 29px;
}
.basicInfoSec .infoBlack .btnPtn03 a{
	font-size: 1.285rem;
	padding-top: 18px;
	padding-bottom: 18px;
}
.basicInfoSec .text01 {
	margin-bottom: 38px;
}
.basicInfoSec .block02_01 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.basicInfoSec .block02_01 .block {
	width: 416px;
	padding: 16px 20px 37px;
	border-radius: 5px;
	background: #e7f9fd;
}
.basicInfoSec .block02_01 .title {
	margin-bottom: 22px;
	font-size: 1.286rem;/*18*/
	font-weight: bold;
	text-align: center;
}
.basicInfoSec .block02_01 .blockInner {
	display: table;
	margin-top: 38px;
}
.basicInfoSec .block02_01 .blockInner > * {
	display: table-cell;
	vertical-align: top;
}
.basicInfoSec .block02_01 .blockInner figure.f01 {	width: 60px;}
.basicInfoSec .block02_01 .blockInner figure.f02 {	width: 70px;}

/* cautionBlock01 */
.basicInfoSec .infoBlack.cautionBlock01 {
	border: 2px solid #e60000;
}
.basicInfoSec .infoBlack.cautionBlock01 .hStyle02{
	position: relative;
	padding-left: 44px;
}
.basicInfoSec .infoBlack.cautionBlock01 .hStyle02::before{
	content: "";
	position: absolute;
	width: 31px;
	height: 27px;
	top: 0;
	left: 0;
	background: url(/apply/card/viaso_collabo/img/ico_caution_02.png) top left no-repeat;
	background-size: 100% auto;
}
.basicInfoSec .infoBlack.cautionBlock01 .btnPtn03 a{
	background: #12c0eb;
}

/* parTypeTel */
.basicInfoSec .parTypeTel {
	display: inline-block;
}
.basicInfoSec .iconTypeFD {
	display: inline-block;
	width: 46px;
	margin-right: 17px;
}
.basicInfoSec .iconTypeFD img {
	vertical-align: middle;
}
.basicInfoSec .parTypeTel a {
	color: #e60000;
	font-size: 2.143rem;/*30*/
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	cursor: default;
}
.basicInfoSec .text02 {font-size: 1.286rem;/*18*/}
.basicInfoSec .text03 {margin-top: 10px;}

/* block02_02 */
.basicInfoSec .block02_02 {
	margin-top: 26px;
	padding-top: 37px;
	border-top: 2px solid #999;
}
.basicInfoSec .block02 .btnBlock01 {
	margin-top: 37px;
}

/*----------------------------------------------------------
スライダー
----------------------------------------------------------*/
.slick-slider{
	position: relative;

	display: block;

	-moz-box-sizing: border-box;
		 box-sizing: border-box;

	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus{
	outline: none;
}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

.slick-track{
	position: relative;
	top: 0;
	left: 0;

	display: block;
}
.slick-track:before,
.slick-track:after{
	display: table;
	content: '';
}
.slick-track:after{
	clear: both;
}
.slick-loading .slick-track{
	visibility: hidden;
}

.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide{
	float: right;
}
.slick-slide img{
	display: block;
}
.slick-slide.slick-loading img{
	display: none;
}
.slick-slide.dragging img{
	pointer-events: none;
}
.slick-initialized .slick-slide{
	display: block;
}
.slick-loading .slick-slide{
	visibility: hidden;
}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-loading .slick-list{
	background: #fff url('/apply/card/viaso_collabo/img/ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face{
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	outline: 0;
	width: 42px;
	height: 44px;
	text-indent: -9999px;
	z-index: 9999;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity: .25;
}

.slick-prev:before,
.slick-next:before{
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-slider{
	margin-bottom: 30px;
}

.slick-dots{
	position: absolute;
	bottom: -45px;
	display: block;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button{
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	opacity: 1;
}
.slick-dots li button:before{
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '?';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{
	opacity: .75;
	color: black;
	background: none;
}

/***********************************************************
for2022
***********************************************************/
/*----------------------------------------------------------
.cTxtLink
----------------------------------------------------------*/
a.cTxtLink03,
a.cTxtLink04,
a.cTxtLink05 {
	text-decoration: none;
}
a.cTxtLink05 > .txt {
	background: -webkit-gradient(linear,left top,left bottom,from(#00a0e9),to(#00a0e9)) 100% 90%/100% 1px no-repeat;
	background: linear-gradient(#00a0e9,#00a0e9) 100% 90%/100% 1px no-repeat;
}
a.cTxtLink03:hover > .txt,
a.cTxtLink04:hover > .txt,
a.cTxtLink05:hover > .txt{
	background-position-x: left;
	-webkit-animation:txtAnime .6s ease-in-out;
	animation:txtAnime .6s ease-in-out
}
@-webkit-keyframes txtAnime {
	0%{background-size:0 1px}
	100%{background-size:100% 1px}
}
@keyframes txtAnime {
	0%{background-size:0 1px}
	100%{background-size:100% 1px}
}
/*----------------------------------------------------------
.btnType
----------------------------------------------------------*/
a.btnType01,
a.btnType11,
a.btnType12,
a.btnType20 {
	text-decoration: none;
	color: #333;
}
/***********************************************************
print
***********************************************************/
@media print{
	.collaboTitleH1::after {
		right: 0;
	}
	#contents.viasoCollabo .collaboBlock > section:nth-child(2){
		margin-top: 100px;
	}
	.pgbreak01 {
		page-break-after: always;
	}
}

/* */
.wa-i {
	padding: 0 .62em;
}
.wa-i::before,
.wa-i::after {
	width: 3px;
	height: 98%;
}
.wa-i::before {
	transform: translateY(-42%) rotate(-40deg);
}
.wa-i::after {
	transform: translateY(-42%) rotate(40deg);
}

.lineDot01 {
	display: inline-block;
	min-width: 596px;
	margin-bottom: 40px;
	padding: 0 27px 15px;
}

.fSize36Pc {font-size: 2.5715rem !important;}

.cautionBlock > .l {width: 82px;}
.cautionBlock > .l > img {width: auto;}
.cautionBlock > .r {width: calc(100% - 82px);}
.cautionBlock > .r.r2 {width: auto;}

.collaboModal .modalContent {
	width: 790px;
	height: 95%;
	max-height: 695px;
	min-height: 341px;
	padding: 45px 0 15px;
	border-radius: 6px;
	overflow: hidden;
}
.collaboModal .modalContentInner {
	height: 100% !important;
	max-height: 695px;
	padding: 10px 20px 15px;
	overflow-y: auto;
	overflow-x: hidden;
}
.collaboModal .collaboCardBlackWrap {
	width: 750px !important;
	max-width: inherit !important;
	margin: 0 auto;
}
.collaboModal .collaboCardBlack {
	width: 250px !important;
	margin: 0;
}
.collaboModal .cardImg {
	padding: 0 10px;
}
.collaboModal .collaboCardBlackWrap .collaboCardBlack:nth-child(n + 3) {
	margin-top: 0;
}
.collaboModal .collaboCardBlackWrap .collaboCardBlack:nth-child(n + 4) {
	margin-top: 20px;
}
.collaboModal .collaboCardBlack {
	padding-bottom: 0;
}
.collaboModal .cardImg > a img {
	transform: scale(1);
	transition: transform .2s;
}
.collaboModal .cardImg > a:hover img {
	transform: scale(1.06);
}
.collaboModal .cardName a {
	padding-left: 20px;
	font-size: 1.1429rem/*16px*/;
}
.collaboModal .cardName a::before {
	width: 16px;
	height: 16px;
	top: 1px;
}