@charset "utf-8";

@media (max-width: 639px) {
/***********************************************************
reset
***********************************************************/
/*----------------------------------------------------------
cmn
----------------------------------------------------------*/
.oneCLM #main {
	width: 100%;
}
.breadcrumbs {
	position: relative;
	background: #fff;
	z-index: 1;
}
#contents h1{
	padding:0;
	background:none;
	box-shadow:none;
}
#copyright{
	padding-bottom: 1.142rem;
}

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


/***********************************************************
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: 5px;
	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 8px, #333 8px, #333 10px, transparent 10px);
	text-align: center;
}
.txtPtn01 > *{
	display: inline-block;
	padding: 0 11px;
	line-height: 1.25;
	background: #fff;
}

/*----------------------------------------------------------
button
----------------------------------------------------------*/
/* btnPtn01 */
.btnPtn01,.btnPtn02{
	margin: 0;
	text-align: center;
}
.btnPtn01 a {
	position: relative;
	display: block;
	width: 41.06vw;
	margin: 0 auto;
	padding: 8px 20px 6px 10px;
	font-size: 0.9286rem/*13px*/;
	font-weight: 700;
	color: #12c0eb;
	text-decoration: none;
	background: #fff;
	border: 2px solid #12c0eb;
	border-radius: 0.285rem;
}
.btnPtn01 a::after{
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	top: 50%;
	right: 8px;
	margin-top: -6px;
	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;
	padding: 10px 37px 10px 21px;
	background: #12c0eb;
	border-radius: 0.285rem;
	font-size: 0.9286rem/*13px*/;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.btnPtn02::before{
	content: "";
	position: absolute;
	width: 13px;
	height: 13px;
	top: 50%;
	right: 8px;
	margin-top: -6px;
	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: 18px 15px 16px;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 1.071rem;
	font-weight: bold;
	text-align: center;
	background: #999;
	line-height: 1.1;
}
.btnPtn03 a:hover{
	opacity: 0.8;
	text-decoration: none;
}

/* btnPtn03（.icoBlank01） */
a.icoBlank01{
	position: relative;
	padding-left: 20px;
	padding-right: 45px;
	width: 100%;
}
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{
	margin: 16px 4.21% 0;
}
.collaboTopBtn a{
	display: block;
	position: relative;
	padding: 10px 45px 6px 88px;
	font-size: 1.142rem;
	font-weight: bold;
	line-height: 1.25;
	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;
	background-size: 30px auto;
}
.collaboTopBtn a::before{
	content: "";
	position: absolute;
	width: 74px;
	height: 28px;
	top: 50%;
	left: 8px;
	margin-top: -14px;
	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: 20px;
	height: 20px;
	top: 50%;
	right: 17px;
	margin-top: -10px;
	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;
}
/*----------------------------------------------------------
accordion
----------------------------------------------------------*/
.accordionTitle {
	position: relative;
	display: block;
	cursor: pointer;
}
.accordionTitle .titleInner {
	position: relative;
	display: block;
}
.accordionTitle::after {
	content: '';
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-color: #0261d8;
}
.accordionTitle .titleInner::before,
.accordionTitle .titleInner::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 19px;
	width: 12px;
	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;
	transition: .6s;
}
.accordionCheck:checked ~ .accordionBody,
.accordionCheck:checked + .accordionTitle + .accordionBody {
	max-height: 3000px;
	opacity: 1;
}

/*----------------------------------------------------------
Title
----------------------------------------------------------*/
.collaboTitleH1{
	width: 93.43%;
	margin: 0 auto 14px;
	padding-top: 20px;
	position: relative;
}
.collaboTitleH1::before{
	content: "";
	position: absolute;
	width: 62%;
	height: 247%;
	bottom: -147%;
	left: -42.9%;
	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: 62%;
	height: 247%;
	bottom: -142.8%;
	right: -42.1%;
	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: 30px;
	line-height: 1.2;
}
.collaboTitleH1 .h1Txt01 {
	margin-top: 10px;
	font-weight: bold;
	letter-spacing: 1px;
}
.marker {
	background: linear-gradient(transparent 52%, #fffd5b 0%);
}
.collaboNewCardface {
	height: 22.13vw;
	margin-bottom: 22px;
	background: url(/apply/card/viaso_collabo/img/mv_cardface_bg_sp.png) bottom center no-repeat;
	background-size: contain;
	text-align: center;
}
.collaboNewCardface .card {
	width: 36.26vw;
}
.collaboTitleH2{
	width: 100%;
	margin-top: 27px;
	text-align: center;
}
.collaboTitleH2 .titleTypeA{
	width: 100%;
	display: inline-block;
	font-size: 1rem;
}
.collaboTitleH2 .titleTypeA > *{
	position: relative;
	display: inline-block;
	padding: 6px 28px 4px;
}
.collaboTitleH2 .titleTypeA > *::before{
	content: "";
	position: absolute;
	margin-top: -8px;
	width: 24px;
	height: 16px;
	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: -8px;
	width: 24px;
	height: 16px;
	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: 1.428rem;
	background: #fffc00 url(/apply/card/viaso_collabo/img/index_bg02_re.png) top left repeat;
	background-size: 30px auto;
}
.collaboTitleH2 .titleTypeB span{
	padding: 7px 10px 3px;
	width: 100%;
	display: inline-block;
}

.collaboTitleH3{
	width: 100%;
	margin: 0 auto;
	font-size: 1.285rem;
	text-align: center;
}
.collaboTitleH3 h3 > *{
	padding-left: 32px;
	position: relative;
	display: inline-block;
}
.collaboTitleH3 h3 > *::before{
	content: "";
	position: absolute;
	width: 25px;
	height: 25px;
	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:last-child{
	margin-bottom: 34px;
}
#contents.viasoCollabo > section{
	margin-bottom: 25px;
}
.sectionWid{
	width: 100%;
	margin: 0 auto;
}
.topicBlock .btnType01.svgIcon {
	height: auto;
}
.topicBlock .btnType01.svgIcon .img {
	width: 30px;
}
.topicBlock .btnType01.svgIcon .txt {
	width: 170px;
}
.topicBlock .btnType04 {
	text-decoration: none;
	color: #fff;
}

/*----------------------------------------------------------
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;
	background-size: 12px 12px;
}
.viasoCollaboMV::before{
	/* content: ""; */
	position: absolute;
	width: 100%;
	height: 72.2%;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #03c1f0;
}
.collaboMvWrap{
	margin: 0 auto;
	padding: 20px 0;
	background: #03c1f0;
}
/* .collaboMvWrap > *{
	padding-bottom: 15px;
} */
.viasoCollaboMV .mvImg01 img{
    width: 93.43%;
}
.collaboMvWrap .mvTxtWrap {
	padding: 0 12px 15px;
	line-height: 1.4;
	text-align: left;
	font-size: 13px;
	color: #fff;
}
.collaboMvWrap [class^="mvTxt"] .mvTxtH2 {
	position: relative;
	margin-top: 25px;
	padding-left: .85714rem;
	font-weight: bold;
	font-size: 16px;
}
.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 {
	width: 93.43%;
	margin: 0 auto;
	line-height: 1.8182;
}
.collaboMvWrap .mvTxtWrap a {
	color: #0563c1;
}
.collaboMvWrap .mvTxtWrap [class^=mvTxt] p {
	margin-top: 18px;
}
.mvImg01 > img {
	margin: 0 auto;
}

/* .collaboCardList
----------------------------------------------------------*/
.collaboCardList{
	width: 93.75%;
	margin: 0 auto;
}
.collaboCardList:after {
	content: "";
	clear: both;
	display: block;
}
.collaboCardList > *{
	width: 23.5%;
	height: auto;
	margin-top: 2%;
	margin-right: 2%;
	float: left;
}
.collaboCardList > *:nth-child(-n+4){
	margin-top: 0;
}
.collaboCardList > *:nth-child(4n){
	margin-right: 0;
}
.collaboCardList > * img{
	box-shadow:0px 4px 7px 0px rgba(73,136,151,0.35);
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;
}


/*----------------------------------------------------------
.collaboBlock
----------------------------------------------------------*/
#contents.viasoCollabo .collaboBlock > section{
	margin-bottom: 0;
	padding-bottom: 35px;
}
.collaboCardCat{
	width: 100%;
	padding: 20px 0 25px;
}
.collaboCardCat:nth-child(even){
	background: #e9f4f4;
}
.collaboCardArea{
	margin: 8px auto;
}
.collaboCardBlackWrap {
	display: flex !important;
	flex-wrap: wrap;
	max-width: 100vw !important;
}
.collaboCardBlackWrap.col1 {
	max-width: 50vw !important;
}
.collaboCardBlackWrap .collaboCardBlack:nth-child(n + 3) {
	margin-top: 15px;
}
.collaboCardBlackWrap.col1 .collaboCardBlack:nth-child(n + 2) {
	margin-top: 15px;
}
.collaboCardBlack {
	width: calc(50vw - 10px) !important;
	height: auto;
	margin: 0 5px;
	padding-bottom: 50px;
	position: relative;
	text-align: center;
}
.collaboCardBlack > *{width: 100%;}
.cardName {
	display: table;
	width: 100%;
	font-size: 0.9286rem/*13px*/;
	font-weight: bold;
	line-height: 1.2;
}
.cardName::before{
	content: "";
	height: 100%;
	min-height: 42px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.cardName > *{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.cardImg {
	padding: 0;
	text-align: center;
}
.cardImg img {
	display: inline-block !important;
	width: 41.06vw;
}
.collaboCardBlack .cardCopyright{
	margin-top: 8px;
	font-size: 0.714rem;
	line-height: 1.1;
	color: #666666;
}
.collaboCardBlack .cardTxt{
	margin-top: 10px;
	font-size: 0.7858rem/*11px*/;
}
.collaboCardBlack .cardBtn{
	position: absolute;
	bottom: 0;
}
.cardBtn > *:not(:first-child){	margin-top: 10px;}

/*----------------------------------------------------------
.viasoBlock
----------------------------------------------------------*/
/*
.blockCardSlider
---------------------------------------------------------*/
.blockCardSlider {
	width: 98%;
	display: -webkit-box;
	display: -ms-flexbox;
}
.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: 22px;
	width: 24px;
	height: 43px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_slide01.png) top left no-repeat;
	background-size: auto 42px;
	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: 22px;
	width: 24px;
	height: 43px;
	background: url(/apply/card/viaso_collabo/img/ico_ar_slide01.png) top right no-repeat;
	background-size: auto 42px;
	transform: translateY(-50%);
}
.blockCardSlider .slick-dots li{
	margin: 0;
}
.blockCardSlider .slick-dots li button {
	width: 10px;
	height: 10px;
	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 5%;
	padding-top: 20px;
	padding-bottom: 42px;
}
.simpleBlock .accordionContents {
	border-radius: 10px;
	margin-top: 20px;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}
.simpleBlock .accordionContents:first-child{
	margin-top: 0;
}
.simpleBlock .accordionTitle {
	border-radius: 10px;
	font-size: 0.857rem;
	font-weight: bold;
	line-height: 1.2;
}
.simpleBlock .accordionCheck:checked + .accordionTitle {
	border-radius: 10px 10px 0 0;
}
.simpleBlock .accordionTitle .title01 {
	position: absolute;
	top: 8px;
	left: 50%;
	width: 100%;
	margin-bottom: 4px;
	font-size: 1rem/*14px*/;
	text-align: center;
	transform: translateX(-50%);
}
.simpleBlock .accordionTitle .title02 {
	font-size: 1.4286rem/*20px*/;
	line-height: 1.25;
}
.simpleBlock .accordionTitle .title01 + .title02 {padding-top: 17px;}
.simpleBlock .accordionTitle .titleInner {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 45px 8px 0;
	min-height: 72px;
}
.simpleBlock .accordionTitle .titleInner.t4 {padding: 8px 45px;}
.simpleBlock .accordionTitle .titleInner span {
	display: block;
}
.simpleBlock .accordionTitle .titleInner .titleImg{
	position: absolute;
	top: 0;
	left: -60px;
	width: 50px;
	height: auto;
	margin-top: 6px;
}
.simpleBlock .blockYe .accordionTitle .titleInner .titleImg{	width: 50px;}
.simpleBlock .blockPn .accordionTitle .titleInner .titleImg{	width: 48px;}
.simpleBlock .blockPu .accordionTitle .titleInner .titleImg{	width: 44px;}

.blockAccordion [class*=titleImg] {margin-right: 10px;}
.blockAccordion .titleImg05 {width: 66px; margin-top: 17px;}
.blockAccordion .titleImg06 {width: 43px;}
.blockAccordion .titleImg07 {width: 56px; margin-top: 17px;}
.blockAccordion .accordionBodyInner{
	padding: 20px 16px 30px;
	border-radius: 0 0 10px 10px;
	background-color: #fff;
}
.simpleBlock .accordionBodyInner > *{
	margin-top: 20px;
}
.simpleBlock .accordionBodyInner > *:first-child{
	margin-top: 0;
}
.simpleBlock .borderBlock01{
	padding: 8px 14px;
	font-size: 1.0rem;
}
.simpleBlock .borderBlock01 .markY01{
	font-weight: bold;
}
.simpleBlock .descBlock01 > *{
	margin-top: 30px;
}
.simpleBlock .descBlock01 > *:first-child{
	margin-top: 0;
}
.simpleBlock .icoCaution01{
	margin: 30px auto 0;
	display: table;
	font-size: 1.142rem;
}
.simpleBlock .icoCaution01 > *{
	display: table-cell;
	vertical-align: middle;
}
.simpleBlock .icoCaution01 .alrtImg{
	width: 23px;
	vertical-align: top;
}
.simpleBlock .icoCaution01 .alrtTxt{
	padding-left: 10px;
}
.simpleBlock .icoCaution01 .alrtTxt > *{
	font-weight: bold;
	color: #e60000;
}

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

/* .blockYe
---------------------------------------------------------*/
.blockYe .accordionTitle{	background: #ffdd57 url(/apply/card/viaso_collabo/img/ac_bg_ye01.png) -120px 59% no-repeat;}
.blockYe .accordionBody{	background: #fff8ec;}
.blockYe .borderBlock01{	border: 2px solid #ffc874;}
.blockYe .imgBlock01{	text-align: center;}
.blockYe .imgBlock01 .img01{
	width: 256px;
	display: inline-block;
}

/* .blockPn
---------------------------------------------------------*/
.blockPn .accordionTitle{	background: #ff83af url(/apply/card/viaso_collabo/img/ac_bg_pn01.png) -120px 59% no-repeat;}
.blockPn .accordionBody{	background: #fff4fa;}
.blockPn .borderBlock01{	border: 2px solid #f474a1;}
.blockPn .btnPtn03 a{	background: #ff5d96;}
.blockPn .imgBlock01::after{
	content: "";
	display: block;
	clear: both;
}
.blockPn .imgBlock01 > *{
	float: left;
	width: 50%;
	text-align: center;
}
.blockPn .imgBlock01 > *:nth-child(1){
	width: 100%;
	margin-bottom: 10px;
}
.blockPn .imgBlock01 > *:nth-child(2){
	padding-right: 5px;
	text-align: right;
}
.blockPn .imgBlock01 > *:nth-child(3){
	padding-left: 5px;
	text-align: left;
}
.blockPn .imgBlock01 figure{
	width: 123px;
	display: inline-block;
}

/* .blockPu
---------------------------------------------------------*/
.blockPu .accordionTitle{	background: #e7aaf6 url(/apply/card/viaso_collabo/img/ac_bg_pu01.png) -120px 59% no-repeat;}
.blockPu .accordionBody{	background: #f9ebfc;}
.blockPu .borderBlock01{	border: 2px solid #c66ddc;}
.blockPu .txtPtn01{
	background: linear-gradient(to bottom, transparent 8px, #c66ddc 8px, #c66ddc 10px, transparent 10px);
}
.blockPu .txtPtn01 > *{
	font-size: 1.285rem;
	font-weight: bold;
	color: #9d30b8;
	background: #f9ebfc;
}
.blockPu .imgBlock01{
	margin-top: 25px;
}
.blockPu .imgBlock01 > *{
	position: relative;
	text-align: center;
}
.blockPu .imgBlock01 > *:not(:first-child){
	margin-top: 34px;
}

.blockPu .imgBlock01 figure{
	width: 154px;
	display: inline-block;
}
.blockPu .imgBlock01 > * > *:not(:first-child){
	margin-top: 10px;
}
.blockPu .imgBlock01 > *:not(:last-child)::after {
	content: '';
	display: block;
	position: absolute;
	top: auto;
	bottom: -29px;
	left: 50%;
	right: auto;
	width: 0;
	height: 0;
	margin-left: -18px;
	border-style: solid;
	border-width: 20px 18px 0 18px;
	border-color:#c66ddc transparent transparent transparent;
}

/*----------------------------------------------------------
カードの基本情報
----------------------------------------------------------*/
/*
.basicInfoSec
---------------------------------------------------------*/
.basicInfoSec {
	padding: 30px 1.142rem 0;
}
.hStyle02,
.hStyle03 {
	margin-bottom: 13px;
	font-size: 1.429rem;
}
.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: 5px;
	border: 2px solid #9ae2f4;
}
.tableInfo01 .accordionContents {
	display: block;
	width: 100%;
}
.tableInfo01 .accordionContents:not(:last-child) {
	border-bottom: 2px solid #9ae2f4;
}
.tableInfo01 .accordionContents:first-child .accordionTitle {
	border-radius: 5px 5px 0 0;
}
.tableInfo01 .accordionContents:last-child .accordionTitle {
	border-radius: 0 0 5px 5px;
}
.tableInfo01 .accordionContents:last-child .accordionCheck:checked + .accordionTitle {
	border-radius: 0 0 0 0;
}
.tableInfo01 .accordionTitle {
	display: block;
	width: 100%;
	padding: 12px 0;
	font-size: 1.143rem;/*16*/
	text-align: center;
	background: #e7f9fd;
	color: #12c0eb;
	font-weight: 700;
	cursor: default;
}
.tableInfo01 .accordionTitle .titleInner {
	padding: 0 36px;
}

.tableInfo01 .accordionBody {
	display: block;
	padding: 0;
}
.tableInfo01 .accordionBodyInner {
	display: block;
	padding: 1.142rem;
}
.tableInfo01 .accordionTitle::after,
.tableInfo01 .accordionTitle .titleInner::before,
.tableInfo01 .accordionTitle .titleInner::after {
	content: '';
}
.tableInfo01 .accordionTitle::after {
	border: 2px solid #9ae2f4;
}
.tableInfo01 .accordionTitle .titleInner::before,
.tableInfo01 .accordionTitle .titleInner::after {
	background: #9ae2f4;
}
#contents #basicInfo .basicInfoSec .cardType {margin-bottom: 6px;}
#contents #basicInfo .basicInfoSec .cardType li {
	display: inline-block;
	padding: 4px 17px;
	margin-bottom: 0;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 1rem;
}
.basicInfoSec .cardType .etc {margin-right: 9px;background: #4d4a99;}
.basicInfoSec .cardType .family {background: #86b837;}

.tableInfo01 .innerTable01 {width: 100%}
.tableInfo01 .col1 {width: 16px;}
.tableInfo01 .col2 {width: 50%;}
.tableInfo01 .innerTable01 th {
	padding: 1.142rem 8px 1.142rem 16px;
	font-weight: normal;
	text-align: left;
}
.tableInfo01 .innerTable01 td {
	padding: 1.142rem 8px;
	text-align: center;
	border-left: 2px solid #9ae2f4;
	border-bottom: none;
}
.tableInfo01 .innerTable01 tr:first-child td {
	border-bottom: 2px solid #9ae2f4;
}
.tableInfo01 .innerTable01 .blank {padding: 0}
.tableInfo01 .innerTable01 .border {
	padding: 1.142rem 8px;
	border-left: 2px solid #9ae2f4;
	border-top: 2px solid #9ae2f4;
}

/* infoBlack */
.basicInfoSec .infoBlack {
	margin-top: 30px;
	padding: 20px 1.142rem 27px;
	border-radius: 5px;
	border: 2px solid #9ae2f4;
}
.basicInfoSec .infoBlack .btnPtn03{
	margin-top: 29px;
}
.basicInfoSec .text01 {
	margin-bottom: 19px;
}
.basicInfoSec .block02_01 {
	display: block;
}
.basicInfoSec .block02_01 .block {
	width: 100%;
	padding: 1.142rem;
	border-radius: 5px;
	background: #e7f9fd;
}
.basicInfoSec .block02_01 .block + .block {
	margin-top: 12px;
}
.basicInfoSec .block02_01 .title {
	margin-bottom: 10px;
	font-size: 1.143rem;/*16*/
	line-height: 1.09;
	font-weight: 700;
	text-align: center;
}
.basicInfoSec .block02_01 .blockInner {
	display: table;
	margin-top: 12px;
}
.basicInfoSec .block02_01 .blockInner > * {
	display: table-cell;
	vertical-align: top;
}
.basicInfoSec .block02_01 .blockInner figure.f01,
.basicInfoSec .block02_01 .blockInner figure.f02 {
	width: 68px;
	padding-right: 14px;
}

/* cautionBlock01 */
.basicInfoSec .infoBlack.cautionBlock01 {
	margin-top: 30px;
	padding: 20px 1.142rem 27px;
	border-radius: 5px;
	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{
	text-align: left;
	background: #12c0eb;
}

/* parTypeTel */
.basicInfoSec .parTypeTel {
	display: inline-block;
}
.basicInfoSec .iconTypeFD {
	display: inline-block;
	width: 46px;
	margin-right: 8px;
}
.basicInfoSec .iconTypeFD img {
	vertical-align: middle;
}
.basicInfoSec .parTypeTel a {
	color: #e60000;
	font-size: 1.643rem;/*23*/
	font-weight: 700;
	text-decoration: none;
	vertical-align: middle;
	cursor: default;
}
.basicInfoSec .text02 {font-size: 1.143rem;/*16*/ line-height: 1.25}
.basicInfoSec .text03 {margin-top: 10px}

/* block02_02 */
.basicInfoSec .block02_02 {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 2px solid #999;
}
.basicInfoSec .block02_02 .hStyle03{
	color: #666;
}
.basicInfoSec .block02_02 .btnPtn03 a{
	text-align: left;
}

/*----------------------------------------------------------
スライダー
----------------------------------------------------------*/
.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;
}
/*----------------------------------------------------------
.btnType
----------------------------------------------------------*/
a.btnType01,
a.btnType11,
a.btnType12,
a.btnType20 {
	text-decoration: none;
	color: #333;
}
}/* media */

/* */
.wa-i {
	position: relative;
	display: inline-block;
	padding: 0 1.1111em;
}
.wa-i::before,
.wa-i::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 2px;
	height: 100%;
	background-color: #333;
}
.wa-i::before {
	left: 0;
	transform: translateY(-50%) rotate(-20deg);
}
.wa-i::after {
	right: 0;
	transform: translateY(-50%) rotate(20deg);
}

.mlrAuto {
	margin-left: auto !important;
	margin-right: auto !important;
}

.blockAccordion {
	background-color: #e9f4f4;
}
.blockAccordion .accordionTitle {
	background-color: #0479dd;
	color: #fff;
}

.txtOrange {color: #fe8300;}
.txtBlue {color: #12c0eb;}

.lineDot01 {
	display: block;
	margin-bottom: 30px;
	padding: 0 0 5px;
	border-bottom: 2px dotted #333;
}

.cautionBlock {
	display: flex;
	align-items: center;
	justify-content: center;
}
.cautionBlock > .l {width: 40px;}
.cautionBlock > .l > img {width: 31px;}
.cautionBlock > .r {width: calc(100% - 40px);}

.collaboModal .cardName {
	display: block;
	margin-top: 6px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.collaboModal .cardName::before {content: none;}
.collaboModal .cardName a {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	text-decoration: none;
	text-align: left;
}
.collaboModal .cardName a::before {
	content: '';
	display: block;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 1px;
	left: 0;
	background: url(/apply/card/viaso_collabo/img/ico_ar_r01.png) top left no-repeat;
	background-size: 100% auto;
}
@media (max-width: 639px) {
	.collaboModal .modalContent {
		width: calc(100% - 40px);
		max-width: 478px;
		height: 95%;
		max-height: 695px;
		min-height: 69vw;
		padding: 45px 0 15px;
		border-radius: 6px;
		overflow: hidden;
	}
	.collaboModal .modalContentInner {
		height: 100% !important;
		max-height: 695px;
		padding: 10px 10px 15px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	.collaboModal .collaboCardBlackWrap {
		width: 100% !important;
		margin: 0 auto;
	}
	.collaboModal .collaboCardBlack {
		width: 50% !important;
		margin: 0;
	}
	.collaboModal .cardImg {
		padding: 0 10px;
	}
	.collaboModal .collaboCardBlack {
		padding-bottom: 0;
	}
}