@charset "UTF-8";
.side .colWrap.type01.meritWrap > .colItem {
	display: block;
	max-width: calc(100% / 2.8);
}
.colWrap.type01.meritWrap > .colItem .colTxt {
	width: auto;
}

.listBlock + .listBlock {
	margin-top: 20px;
}
.listBlock .cardLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 486px;
}
.listBlock .cardLink:not(:last-of-type) {
	margin-bottom: 20px;
}
.listBlock .cardLink.col3 > .cardLinkItem {
	width: 233px;
	margin-right: 20px;
}
#amex .cardLink.col3 > .cardLinkItem:hover .cardLinkTtl {
	color: #002663;
}
.listBlock .cardLink.col3 > .cardLinkItem:nth-child(4n) {
	margin-right: 0;
}
.listBlock .cardLink.col3 > .cardLinkItem .cardLinkTtl::before,
.listBlock .cardLink.col3 > .cardLinkItem .cardLinkTtl::after {
	display: block;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 19px;
	background: #002663;
	content: '';
	width: 10px;
	height: 1px;
	border: none;
	margin-top: 0;
}
.listBlock .cardLink.col3 > .cardLinkItem .cardLinkTtl::before {
	left: 19px;
	transform: rotate(90deg);
	transition: transform .25s ease-in;
}
.listBlock .cardLink.col3 > .cardLinkItem.activeTab .cardLinkTtl::before {
	transform: rotate(0);
	transition: transform .25s ease-in;
	left: 19px;
}
.listBlock .cardLink.col3 > .cardLinkItem:hover .cardLinkTtl::before {
	left: 19px;
}
.listBlock .cardLink.col3 > .cardLinkItem:hover .cardLinkTtl::before,
.listBlock .cardLink.col3 > .cardLinkItem:hover .cardLinkTtl::after {
	animation: none;
	left: 19px;
}
/*tab*/
.jsTabItem.activeTab {
	background: #f4f7fe;
}
.tabCntWrap {
	position: relative;
}
.tabCntWrap .tabCnt {
	position: relative;
	margin: 0 auto;
	opacity: 0;
	overflow: hidden;
	max-height: 0;
	padding: 0;
	transition: padding .1s,max-height .1s,opacity .1s;
}
.tabCnt.activeCnt {
	position: relative;
	height: auto;
	visibility: visible;
	opacity: 1;
	overflow: hidden;
	max-height: 10000px;
	padding: 40px 0;
	overflow: hidden;
	transition: padding .5s,max-height .5s,opacity .7s;
}
.tabCnt.active0 {
	opacity: 0;
	transition: padding .5s,max-height .5s,opacity .7s;
	overflow: hidden;
	max-height: 0;
	padding: 0;
}
.categoryWrap {
	border-radius: 16px;
	background: #f4f7fe;
	padding: 20px;
}
.categoryWrap.exclusive {
	background: #cbdaf2;
}
.categoryWrap + .categoryWrap {
	margin-top: 20px;
}
/*btnContents*/
.memberCntWrap {
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: 0 auto;
	text-align: left;
}
.memberCntWrap + .memberCntWrap {
	margin-top: 10px;
}
.memberCntWrap.exclusive .category {
	width: calc(142px - 20px);
}
.exclusive .memberCntWrap > .category {
	margin-bottom: 10px;
}
.memberCntWrap > .category {
	width: 142px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-right: 10px;
	align-self: flex-start;
	font-size: 1.142rem;/*16*/
	font-weight: bold;
	flex-shrink: 0;
}
.memberCntWrap > .logoBtnWrap {
	display: flex;
	width: calc(100% - 142px);
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}
.memberCntWrap .btnWrap {
	width: 155px;
	margin-right: 10px;
	margin-top: 0;
	display: flex;
	flex-direction: column;
}
.memberCntWrap .btnWrap:nth-child(4n) {
	margin-right: 0;
}
.memberCntWrap .btnWrap:nth-child(n+5) {
	margin-top: 10px;
}
/*descBtnWrap*/
.cardLink.descBtnWrap {
	display: flex;
	flex-wrap: wrap;
}
.cardLink.descBtnWrap > a {
	width: 265px;
	margin-right: 20px;
}
.cardLink.descBtnWrap > a:nth-child(2n-1) {
	margin-right: 20px;
}
.cardLink.descBtnWrap > a:nth-child(3n) {
	margin-right: 0;
}
.cardLink.descBtnWrap > a:nth-child(n+4) {
	margin-top: 20px;
}
.cardLink.descBtnWrap > .cardLinkItem > .cardLinkImg img[src$="png"],
.cardLink.descBtnWrap > .cardLinkItem > .cardLinkImg img[src$="jpg"],
.cardLink.descBtnWrap > .cardLinkItem > .cardLinkImg img[src$="gif"] {
	width: auto;
	max-height: 100px;
	padding-top: 0;
}
/*logoBtn*/
[class*="logoBtn"] {
	min-height: 70px;
}
[class*="logoBtn"] > a,
[class*="logoBtn"] > label,
[class*="logoBtn"] > span.inactive {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 3px;
	border-radius: 10px;
	border: 2px solid #002663;
	text-align: center;
	font-weight: bold;
	font-size: 0.857rem;/*12*/
	background: #fff;
	overflow: hidden;
}
[class*="logoBtn"] > span.inactive {
	border-color: #555;
}
[class*="logoBtn"] > a:hover,
[class*="logoBtn"] > label:hover {
	opacity: .7;
}
[class*="logoBtn"] > a img,
[class*="logoBtn"] > label img {
	max-width: 140px;
	flex-shrink: 0;
}
[class*="logoBtn"].txtBtn > a,
[class*="logoBtn"].txtBtn > label {
	display: flex;
	align-items: center;
	text-decoration: none;
}
.memberName {
	text-align: center;
	font-weight: bold;
	margin-top: 5px;
}
.memberName.length11 {
	font-size: 0.714rem;/*10*/
}
/*modalCnt*/
.mdlBtnBox {
	background: #f4f7fe;
	padding: 37px 30px;
}
.mdlBtnBox + .mdlBtnBox {
	margin-top: 0;
}
.mdlBtnBox .cntWrap {
	display: flex;
	justify-content: space-between;
}
.mdlBtnBox .cntWrap.btnOne {
	justify-content: center;
}
.mdlBtnBox .cntWrap > .cnt {
	width: 216px;
	margin-top: 24px;
}
.mdlBtnBox .heading {
	text-align: center;
	font-size: 1.285rem;/*18*/
	font-weight: bold;
	color: #002663;
}
.mdlBtnBox [class*="btnType"] {
	text-align: center;
}
.mdlBtnBox [class*="btnType"].withNote .note {
	display: block;
}
.mdlBtnBox .btnType04,
.mdlBtnBox .btnType13,
.mdlBtnBox .btnType14 {
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}
/*clm2*/
.mdlBtnWrap.clm2 {
	display: flex;
	justify-content: space-between;
}
.mdlBtnWrap.clm2 .mdlBtnBox {
	width: 276px;
}
.mdlBtnWrap.clm2 .mdlBtnBox .cntWrap {
	display: block;
}
.mdlBtnWrap.clm2 .mdlBtnBox .cntWrap > .cnt + .cnt {
	margin-top: 20px;
}
/*withTxt*/
.mdlBtnWrap.withTxt .mdlBtnBox .cntWrap {
	display: block;
}
.mdlBtnWrap.withTxt .mdlBtnBox .cntWrap > .cnt {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.mdlBtnWrap.withTxt .mdlBtnBox .cntWrap > .cnt .refBtn {
	width: 216px;
}
.mdlBtnWrap.withTxt .mdlBtnBox .cntWrap > .cnt .txtArea {
	width: calc(100% - 236px);
	text-align: left;
	margin-top: 0;
}
.mdlBtnWrap.nonBtn .mdlBtnBox .cntWrap {
	display: block;
}
.mdlBtnWrap.nonBtn .mdlBtnBox .cntWrap > .cnt {
	width: 100%;
}
/*placeList*/
.placeList {
	display: flex;
	font-size: 1.142rem;/*16*/
}
.placeList > dt {
	flex-shrink: 0;
}
.placeList + .placeList {
	margin-top: 10px;
}
@media print {
	[class*="logoBtn"].txtBtn > a,
	[class*="logoBtn"].txtBtn > label {
		display: block;
	}
}