@charset 'UTF-8';
/*-------------------------------------------

parts

-------------------------------------------*/
@media print {
	.indexDpOnly {
		display: none;
	}
}

/*-------------------------------------------

.indexMvBlock

-------------------------------------------*/
[class^='indexMvBlock'] {
	margin-bottom: -80px;
	background: url('/club/images/index_mv_01.png') no-repeat center -70px #0c3bbc;
	background-size: auto 550px;
}

[class^='indexMvBlock'] > .columnInner {
	padding: 40px 20px;
	text-align: center;
}

[class^='indexMvBlock'] .indexMvTitle {
	margin-bottom: 20px;
}

/*-------------------------------------------

.indexPointBlock

-------------------------------------------*/
[class^='indexPointBlock'] .indexPointColumn01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

[class^='indexPointBlock'] .v4-decorationTextB02 {
	padding-right: 8px;
	padding-left: 8px;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01 {
	display: flex;
	align-items: stretch;
	justify-content: center;
	margin-top: 30px;
	margin-bottom: 40px;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01 > span {
	height: 3.3em;
	background: linear-gradient(transparent 85%, #ffef69 85%);
	color: #0c3bbc;
	text-align: center;
	font-weight: bold;
	font-size: 29px;
	line-height: 1.9;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01 > span > span {
	position: relative;
	top: -0.5em;
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	transform: rotate(-14deg);
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01 > span > span:nth-of-type(2) {
	margin-right: 0.2em;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01:before {
	display: block;
	margin: -10px 0;
	margin-right: -30px;
	width: 173px;
	background: url('/club/images/index_point01_12.png') no-repeat center center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle01:after {
	display: block;
	margin: -10px 0;
	margin-left: -20px;
	width: 150px;
	background: url('/club/images/index_point01_13.png') no-repeat center center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointMeritBlock01 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointMeritBlock01 > * {
	margin-top: 40px;
	width: calc(50% - 15px);
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointMeritBlock01 > *:before {
	display: none;
}

[class^='indexPointBlock'].indexPointBlock01 .colorCardA01 .layoutColumnA2_1 {
	position: relative;
	padding-bottom: 10px;
}

[class^='indexPointBlock'].indexPointBlock01 .colorCardA01 .indexPointImg01 {
	position: absolute;
	right: 10px;
	bottom: 0;
	text-align: right;
}

[class^='indexPointBlock'].indexPointBlock01 .colorCardA01 .indexPointImg01 > img {
	margin-right: 20px;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle02 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle02 > span {
	height: 1.6em;
	background: linear-gradient(transparent 85%, #ffef69 85%);
	color: #0c3bbc;
	text-align: center;
	font-weight: bold;
	font-size: 29px;
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle02 > span > span {
	position: relative;
	top: -0.5em;
	display: inline-block;
	vertical-align: top;
	font-size: 40px;
	transform: rotate(-14deg);
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle02 > span > span:after {
	position: absolute;
	top: 0;
	right: -1em;
	width: 42px;
	height: 27px;
	background: url('/club/images/index_point01_15.png') no-repeat center center;
	background-size: contain;
	content: '';
	transform: rotate(14deg);
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointTitle02:before {
	margin-right: 10px;
	width: 90px;
	height: 90px;
	background: url('/club/images/index_point01_14.png') no-repeat center center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock01 .indexPointImgBox {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100px;
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01 {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01 > span {
	height: 2em;
	background: linear-gradient(transparent 80%, #ffef69 80%);
	color: #0c3bbc;
	text-align: center;
	font-weight: bold;
	font-size: 29px;
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01 > span > span {
	position: relative;
	display: inline-block;
	font-size: 40px;
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01 > span > span:after {
	position: absolute;
	top: -0.1em;
	right: -0.2em;
	width: 22px;
	height: 22px;
	background: url('/club/images/index_point02_08.png') no-repeat center center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01:before {
	display: block;
	margin: -10px 0;
	margin-right: 20px;
	width: 55px;
	background: url('/club/images/index_point02_06.png') no-repeat right center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock02 .indexPointTitle01:after {
	display: block;
	margin: -10px 0;
	margin-left: 20px;
	width: 50px;
	background: url('/club/images/index_point02_07.png') no-repeat left center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01 {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01 > span {
	height: 2em;
	background: linear-gradient(transparent 80%, #ffef69 80%);
	color: #0c3bbc;
	text-align: center;
	font-weight: bold;
	font-size: 29px;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01 > span > span {
	position: relative;
	display: inline-block;
	font-size: 40px;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01 > span > span:after {
	position: absolute;
	top: -0.1em;
	right: -0.2em;
	width: 22px;
	height: 22px;
	background: url('/club/images/index_point03_08.png') no-repeat center center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01:before {
	display: block;
	margin: -10px 0;
	margin-right: 20px;
	width: 55px;
	background: url('/club/images/index_point03_06.png') no-repeat right center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle01:after {
	display: block;
	margin: -10px 0;
	margin-left: 20px;
	width: 50px;
	background: url('/club/images/index_point03_07.png') no-repeat left center;
	background-size: contain;
	content: '';
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointTitle02 img {
	position: relative;
	bottom: -7px;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointCont01 {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 20px;
	min-height: 114px;
	background: #fff;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointCont01 > div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	width: 41px;
	height: 61px;
	text-align: center;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointCont01 > p {
	font-weight: bold;
}

[class^='indexPointBlock'].indexPointBlock03 .indexPointCont01:first-of-type > div {
	width: 47px;
}

/*-------------------------------------------

.indexDealsBlock

-------------------------------------------*/
.indexDealsBlock01 {
	margin-bottom: -40px;
}

/*-------------------------------------------

.indexNewsBlock

-------------------------------------------*/
[class^='indexNewsBlock'] .dateBlock01 > dl:nth-child(n + 6) {
	display: none;
}

[class^='indexNewsBlock'].indexNewsBlock01 {
	margin-top: 102px;
}

/*-------------------------------------------

.indexMsgBlock01

-------------------------------------------*/
[class^='indexMsgBlock'].indexMsgBlock01 {
	margin-bottom: -80px;
}

[class^='indexMsgBlock'] .indexMsgColumn01 {
	display: flex;
	align-items: center;
}