@charset "UTF-8";

/** heading **/
.hdg2, .hdg2Top {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.hdg2Top.type-long_sentence {
	font-size: 2.3125rem;
}

/** sectionBox **/
.sectionBox {
	width:100%;
	margin:0 auto;
	padding-top:0;
	padding-bottom:0;
	height:auto;
}

.cpnApplicationStepOuter {
	background-color: #f4f8f3;
	padding: 40px 0 120px;
	margin: 60px 0;
}

.cpnApplicationStep {
	max-width: 900px;
	margin: 0 auto;
}

.cpnApplicationStep > ol > li {
	counter-increment:step;
	position: relative;
	display: flex;
	flex-direction: column;
	margin: 0 0 20px;
}

.cpnApplicationStep > ol > li::before {
	content:counter(step);
	position: absolute;
	top: 0;
	left: 16px;
	color: #fff;
	font-size: 1.5625rem;
	font-weight: bold;
	line-height: 48px;
	z-index: 1;
}

.cpnApplicationStep > ol > li::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background-color: #e63082;
	color: #fff;
	border-radius: 50%;
	width: 48px;
	height: 48px;
}

.cpnApplicationStep > ol > li.chanceNoSurvey {
	display: none;
}
.noSurvey .cpnApplicationStep > ol > li.chanceNoSurvey {
	display: block;
}

.cpnApplicationStep li:last-child {
	margin-bottom: 0;
}

.cpnApplicationStepBox {
	padding: 0 0 0 96px;
	position: relative;
}

.cpnApplicationStepBox::before,
.cpnApplicationStepBox::after {
	content: "";
	width: 30px;
	height: 14px;
	position: absolute;
	background: url("/mball/premium/postpet/img/bg-arrow-01.png");
	top: 60px;
	left: 10px;
}

.cpnApplicationStepBox::after {
	top: 70px;
}

.cpnApplicationStepList li:last-child .cpnApplicationStepBox::before,
.cpnApplicationStepList li:last-child .cpnApplicationStepBox::after,
.cpnApplicationStepList li.type-last .cpnApplicationStepBox::before,
.cpnApplicationStepList li.type-last .cpnApplicationStepBox::after {
	content: none;
}

.cpnApplicationStepBoxInner {
	border: 2px solid #e63082;
	padding: 30px;
	min-height: 160px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cpnApplicationStepBoxInnerContent {
	display: table;
	width: 100%;
	position: relative;
}

.cpnApplicationStepBoxInnerContent::before {
	content: "";
	background: url("/mball/premium/postpet/img/bg-arrow-02.png") no-repeat;
	width: 22px;
	height: 28px;
	position: absolute;
	top: -14px;
	left: -52px;
}


.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentImg,
.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentInfo {
	display: table-cell;
	vertical-align: top;
}

.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentImg {
	width: 10%;
}

.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentInfo {
	width: 90%;
	padding-left: 25px;
}

.cpnApplicationStepBoxInnerContentImg > img {
	max-width: none;
}

.cpnApplicationStepBoxInnerContentInfo > .hdg {
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}

.cpnApplicationStepBoxInnerContentInfo > .text {
	margin: 0;
	display: block;
	line-height: 1.4;
}
.cpnApplicationStepBoxInnerContentInfo > .text + * {
	margin-top: 10px;
}

/** cpn_date *ssi **/
.cpn_date {
	margin-top:0 !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
	line-height:1.6;
}

/** for PC
-----------------**/
body .pcNone {
	display:none;
}
body .spNone {
	display:block;
}

.mainSub{
	width:950px;
	margin:0 auto;
	padding-bottom:0;
}

.mainSubWrapper {
	position: relative;
}

.mainSubWrapper::before,
.mainSubWrapper::after {
	content: "";
	position: absolute;
	z-index: -1
}

.mainSubWrapper::before {
	width: 183px;
	height: 294px;
	left: 25px;
	top: -40px;
	background: url(/mball/premium/postpet/img/bg-img-01.png?20220125);
}

.mainSubWrapper::after {
	width: 186px;
	height: 291px;
	top: -40px;
	right: 25px;
	background: url(/mball/premium/postpet/img/bg-img-02.png?20220125);
}


@media only screen and (max-width: 767px) {
	.mainSubWrapper::before,
	.mainSubWrapper::after {
		content: none;	
	}
}

/** heading **/
.hdg2,
* + section > .hdg2:first-child {
	font-size:2.5rem;
	margin:140px auto 20px;
}

/** applyFlow **/
.applyFlow {
	padding-bottom: 60px;
}

/** attInfo **/
.attInfo {
	background-color:#ffebf4;
	padding-top:0;
	padding-bottom:60px;
}

[data-script-enabled='true'] .attInfo .accordion2Item,
[data-script-enabled='true'] .attInfo .accordionPanel,
[data-script-enabled='true'] .attInfo .accordionPanel {
display: block;
}

.attInfo .listOrder li {
	font-size: 0.75rem;
}
.attInfo .listOrder li + li {
	margin-top:14px;
}

/** for SP
------------------------------**/

@media only screen and (max-width: 767px) {

body .pcNone {
	display:block;
}
body .spNone {
	display:none;
}

/** header **/
a.premiumLink, .type-premiumChance {
	display: block;
}
.hdg1Box {
	margin-bottom: 0;
}
	.contentsInner {
	padding:16px;
}
.styleBox01 {
	margin-top:0! important;
}
.attentionHdg2 {
	margin-top: 0 !important;
}
.accordion {
	margin-bottom: 0 !important;
}
.mainSub{
	width:auto;
	margin:0 auto;
	padding:0;
}
* + section > .hdg2:first-child,
.hdg2 {
	font-size: 1.5rem;
	margin: 0 0 3px;
	padding: 12px 16px;
/*	background:#f4f8f3;*/
	border-top: 3px solid #223;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .14);
	line-height: 1.3em;
}

.hdg2Top.hdg2Top.type-long_sentence {
	font-size: 1.5rem;
}
/** applyFlow **/
.applyFlow {
	padding-bottom:0;
}

.flow > .flowHdg {
padding: 10px 0;
}

.flow .flowContent {
padding: 17px 0 25px;
background: none;
}

.flow > .flowContent.last {
		padding-bottom: 0;
}

.cpnApplicationStepOuter {
	padding: 0 0 40px;
	margin-top: 30px;
}

.cpnApplicationStep {
	padding: 0;
}

.cpnApplicationStepBoxInner {
	padding: 20px;
	min-height: 0;
}

.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentImg {
	width: 20%;
}

.cpnApplicationStepBox {
	padding-left: 48px;
}

.cpnApplicationStepBoxInnerContent > .cpnApplicationStepBoxInnerContentInfo {
	padding-left: 15px;
}

.cpnApplicationStepBoxInnerContentImg > img {
	max-width: 50px;
}

.cpnApplicationStepBoxInnerContentInfo > .hdg {
	font-size: 1.125rem;
}

.cpnApplicationStep > ol > li::before {
	font-size: 1.125rem;
	line-height: 30px;
	left: 9px;
}

.cpnApplicationStep > ol > li::after {
	width: 30px;
	height: 30px;
}

.cpnApplicationStepBox::before,
.cpnApplicationStepBox::after {
	width: 18px;
	height: 10px;
	background: url("/mball/premium/postpet/img/bg-arrow-01.png") no-repeat;
	left: 6px;
	background-size: 18px 10px;
}

.cpnApplicationStepBox::before {
	top: 40px;
}

.cpnApplicationStepBox::after {
	top: 50px;
}

.cpnApplicationStepBoxInnerContent::before {
	background: url("/mball/premium/postpet/img/bg-arrow-02.png") no-repeat;
	width: 11px;
	top: -14px;
	left: -31px;
}



/** attInfo **/
.attInfo {
	background-color:#fff;
	padding-top:0;
	padding-bottom:0;
}
.attInfo .notesBox2Innner{
	margin-bottom:0;
	padding-bottom:0;
}

.attInfo .styleBox01,
.attInfo .contentsInner {
	margin-bottom:0;
}

[data-script-enabled='true'] .attInfo .accordion2Item,
[data-script-enabled='true'] .attInfo .accordionPanel,
[data-script-enabled='true'] .attInfo .accordionPanel {
display: none;
}

.mballTop .attentionBox .textTop2 {
font-size: 75%;
margin: auto 0 12px;
}
}

.hdg2TopUnique-02 {
	margin: 0;
	padding: 140px 0 18px;
}

@media only screen and (max-width: 767px) {
.hdg2TopUnique-02 {
	padding: 12px 40px 12px 15px;
}
}