@charset "utf-8";

/* ------------------------------
 名入れサービス（PC）
------------------------------ */
.character01,
.character02 img {
	width: 234px;
	height: 130px;
}
.cms_image.w1-4.f14.cms_fl h3 {
	margin-bottom: 5px;
	font-size: 1.6rem;
}
.border img {
	border: 1px solid #bdccd4;
}
.textlinkBox::after {
	display: none;
}
.textlinkBox .goodsBox a {
	padding: 0;
}
.textlinkBox .goodsBox h3 {
	margin: 15px 0 0;
	font-size: 1.7rem;
}
.textlinkBox .goodsBox h3 .icon-arrow::after {
	width: 20px;
	height: 20px;
	margin: 0 0 2px 5px;
	background: #ea2424 url(../img/icon_arrow_r_w.svg) no-repeat 8px center / 5px 8px;
}
@media print, screen and (min-width: 768px) {
	.serviceBlock {
		position: relative
	}
	.character01 {
		position: absolute;
		top: 0;
		right: 32px;
	}
	.character02 {
		display: flex;
		justify-content: center;
		align-items: center;
		column-gap: 20px;
	}
	.cms_image.w1-2.border.list .cms_caption_b {
		margin-top: 20px;
	}
}
/* ------------------------------
 名入れサービス（SP）
------------------------------ */
@media only screen and (max-width: 767px) {
	.character01 {
		margin-left: auto;
		margin-right: auto;
	}
	.character02 ul {
		display: inline-block;
		margin-bottom: 10px;
		text-align: left;
	}
	.cms_image.w1-2.border.list {
		margin-top: 30px;
	}
	.textlinkBox {
		margin-top: 40px;
	}
	.textlinkBox .goodsBox {
		width: 48.5%;
    	margin-bottom: 20px;
	}
	.textlinkBox .goodsBox h3 {
		margin: 10px 0 0;
		font-size: 1.5rem;
	}
}