@charset "UTF-8";

.cp-newpackage-heading-secondary {
	font-family: 'M PLUS Rounded 1c', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: bold;
}

.cp-newpackage-heading-secondary::after {
	background: #D3841F;
}

.cp-newpackage-ilust {
	max-width: 360px;
	text-align: center;
}
.cp-newpackage-ilust img {
	width: 100%;
}
@media screen and (max-width:767px) {
	.cp-newpackage-ilust {
		margin-top: -40px;
		margin-inline: auto;
	}
}
@media (min-width: 768px), print {
	.cp-newpackage-ilust {
		margin-top: -180px;
		margin-inline: auto -10%;
	}
}
@media (min-width: 960px), print {
	.cp-newpackage-ilust {
		margin-inline: auto 0%;
	}
}
@media (min-width: 1280px), print {
	.cp-newpackage-ilust {
		margin-inline: auto 8%;
	}
}

.cp-newpackage-balloon {
	position: relative;
	border: 2px solid #DDDDDD;
	border-radius: 20px;
	padding: 20px;
	font-size: 16px;
	line-height: var(--line-height-l);
	margin-top: 25px;
}

.cp-newpackage-balloon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 8px 15px 8px;
  border-color: transparent transparent #dddddd;
  translate: -50% -100%;
}

.cp-newpackage-balloon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 5.7px 10.8px 5.7px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}

@media (min-width: 768px), print {
	.cp-newpackage-balloon {
		font-size: 20px;
		margin-top: 0;
	}
}

 @media screen and (max-width:759px) {
	.cp-newpackage-mv {
		padding-inline: 0;
	}
 }