@charset "utf-8";

/************************************************
overWrite
************************************************/
#pageTopArea {
	bottom: 97px !important;
}
#footerArea {
	padding-bottom: 117px !important;
}
/************************************************
parts
************************************************/
.bgRed {
	background: #dc0201;
	padding: 0.5%;
	max-width: 39.5%;
	margin: 0 auto;
}
.bgGray {
	background: #ececec;
}
.bgWhite {
	background: #fff;
}
/************************************************
layout
************************************************/
#allMainWrap {
	background: url(/apply/card/mucard/cp26/img/index_bg_01.png) center top no-repeat;
	background-size: contain;
}
.marcyColbBlk{
	margin: 0 auto;
	display: flex;
}
/*---------------
kvArea
------------------*/
.kvArea .kvFlex img {
	width: 100%;
}
/*---------------
ankList
------------------*/
.ankList {
	padding: 8% 8.6% 5%;
}
.ankList > li {
	text-align: center;
}
.ankList > li:not(:last-of-type) {
	margin-bottom: 6%;
}
/*---------------
cpArea
------------------*/
.cpArea {
	padding: 7.4% 0 9%;
}
.cpArea .cpTtl {
	margin: 0 10% 7%;
}
.cpArea .cpImg01,
.cpArea .cpImg02,
.cpArea .cpImg03{
	position: relative;
	margin: 0 2%;
}
.cpArea .cpImg01 {
	margin-bottom: 5%;
}
.cpArea .cpImg02 {
	margin-bottom: 6%;
}
.cpArea .cpImgBtn {
	position: absolute;
	bottom: 5.4%;
	width: 100%;
	padding: 0 6%;
}
/*---------------
entryArea
------------------*/
.entryArea {
	padding-bottom: 12%;
}
.entryArea .entryImg01,
.entryArea .entryImg02 {
	position: relative;
	margin: 0 2%;
}
.entryArea .entryImgBtn {
	position: absolute;
	width: 100%;
	padding: 0 15%;
}
.entryArea .entryImgBtn01 {
	bottom: 34.6%;
}
.entryArea .entryImgBtn02 {
	bottom: 13.2%;
}
.entryArea .entryImg01 {
	margin-bottom: 4.4%;
}
/*---------------
otherArea
------------------*/
.otherArea {
	padding: 10% 0 6%;
	border-radius: 0 0 20px 20px;
}
.otherArea .otherImg01,
.otherArea .otherImg02{
	margin: 0 2%;
}
.otherArea .otherImg01 {
	margin-bottom: 10%;
}
.otherArea .noteBox {
	margin: 0 2%;
	background: #fff;
	border-radius: 20px;
	padding: 6% 5% 6% 8%;
	font-size: 1.6vw;
	max-height: 550px;
	overflow: hidden;
}
.otherArea .scrollWrap {
	overflow-y: scroll;
	max-height: 450px;
	padding-right: 4%;
}
.otherArea .scrollWrap::-webkit-scrollbar {
	width: 9px;
	background: #ececec;
}
.otherArea .scrollWrap::-webkit-scrollbar-thumb {
	background: #dc0202;
}
/*---------------
fixBlock03
------------------*/
.fixBlock03 .areaWrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 32px 0 23px;
}
.fixBlock03 .areaWrapper .fixList {
	display: flex;
	justify-content: space-between;
}