@charset "utf-8";
/* CSS Document */

.orderH3box{
	background: linear-gradient(to right, #fff 0%,#78c1d1 20%,#78c1d1 50%,#78c1d1 80%,#fff 100%);
	margin-bottom: 30px;
	padding: 3px 0;
}
.orderH3box h3{
	background: linear-gradient(to right, #fff 0%,#d4ebf0 20%,#d4ebf0 50%,#d4ebf0 80%,#fff 100%);
	padding: 15px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


/*--------データ作成方法--------*/
.makeCont{
	margin-bottom: 50px;
}
/*注意点*/
.makeCont .makeCaution{
	margin: 30px 30px;
}
.makeCont .makeCaution h3{
	background: #d14d4d;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.makeCont .makeCaution h3 span{
	padding-left: 40px;
	position: relative;
}
.makeCont .makeCaution h3 span:before{
	content: "";
	display: block;
	background: url(../../../_images/common/caution_icon.webp);
	background-repeat: no-repeat;
	width: 33px;
	height: 29px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.makeCont .makeCaution dl{
	background: #fff9d2;
	padding: 30px 20px;
	border-radius: 20px;
}
.makeCont .makeCaution dl dt{
	margin-bottom: 10px;
	padding: 5px 0 5px 60px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #c21717;
	position: relative;
}
.makeCont .makeCaution dl dt:before{
	content: "";
	display: block;
	width: 53px;
	height: 50px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.makeCont .makeCaution dl.check1{
	width: 360px;
	float: left;
}
.makeCont .makeCaution dl.check1 dt:before{
	background-image: url(../../../_images/order/making/caution_check1.gif);
}
.makeCont .makeCaution dl.check2{
	width: 450px;
	float: right;
}
.makeCont .makeCaution dl.check2 dt:before{
	background-image: url(../../../_images/order/making/caution_check2.gif);
}

/*塗り足し*/
.makeCont .makeNuritashi{
	margin: 50px 30px;
	padding: 30px;
	border: 3px solid #dcdcdc;
	box-sizing: border-box;
}
.makeCont .makeNuritashi dl dt{
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align:center;
	border-bottom: 3px solid #ec8a9a;
}
.makeCont .makeNuritashi dl dd{
	background-image: url(../../../_images/order/making/nuritashi-img.gif);
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 220px;
}

/*選択ボタン*/
.makeCont .selectBtn{
	margin: 0 0 60px;
}
.makeCont .selectBtn ul{
	display: flex;
	justify-content: center;
	gap: 20px;
}
.makeCont .selectBtn ul li{
	width: 150px;
	text-align: center;
}
.makeCont .selectBtn ul li p{
	font-size: 15px;
	font-weight: bold;
}
.makeCont .selectBtn ul li a{
	display: block;
	position: relative;
}
.makeCont .selectBtn ul li a span{
	display: flex;
	justify-content: center;
	align-items: center;
	background: #e8e8e8;
	color: #505050;
	width: 150px;
	height: 150px;
	margin-bottom: 10px;
	text-align: center;
	border: 3px solid #e8e8e8;
	border-radius: 50%;
	transition: all .3s ease;
	position: relative;
}
.makeCont .selectBtn ul li a:hover img{
	opacity: 1;
}
.makeCont .selectBtn ul li a:after{
	content: "";
	display: block;
	width: 0px;
	height: 0px;
	border: 20px solid transparent;
	border-top: 20px solid #fff;
	position: absolute;
	bottom: -50px;
	left: 0;
	right: 0;
	margin: auto;
	transition: all 0.3s ease-out;
}

/*AI*/
/*.makeCont .selectBtn ul li.btnAI a{ padding: 38px 0;}*/
.makeCont .selectBtn ul li.btnAI a:hover span{ border-color: #ff7f2a;}
.makeCont .selectBtn ul li.btnAI a:hover:after{ border-top-color: #ff7f2a;}
/*PS*/
/*.makeCont .selectBtn ul li.btnPS a{ padding: 38px 0;}*/
.makeCont .selectBtn ul li.btnPS a:hover span{ border-color: #32c8ff;}
.makeCont .selectBtn ul li.btnPS a:hover:after{ border-top-color: #32c8ff;}
/**/
/*.makeCont .selectBtn ul li.btnOFC a{ padding: 35px 0;}*/
.makeCont .selectBtn ul li.btnOFC a:hover span{ border-color: #351abd;}
.makeCont .selectBtn ul li.btnOFC a:hover:after{ border-top-color: #351abd;}
/**/
/*.makeCont .selectBtn ul li.btnIMG a{ padding: 30px 0;}*/
.makeCont .selectBtn ul li.btnIMG a:hover span{ border-color: #df2392;}
.makeCont .selectBtn ul li.btnIMG a:hover:after{ border-top-color: #df2392;}
/**/
/*.makeCont .selectBtn ul li.btnTGK a{ padding: 10px 0;}*/
.makeCont .selectBtn ul li.btnTGK a:hover span{ border-color: #ffc90f;}
.makeCont .selectBtn ul li.btnTGK a:hover:after{ border-top-color: #ffc90f;}

/*--ソフト別制作注意点--*/
.makeCont .makeSoft{
	margin-bottom: 50px;
}
/*head*/
.makeCont .makeSoft .makeSoftHead{
	margin-bottom: 40px;
	padding-top: 40px;
	position: relative;
}
.makeCont .makeSoft .makeSoftHead:before{
	content: "";
	display: block;
	background-size: 55%;
	width: 95px;
	height: 95px;
	background-color: #e8e8e8;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 100;
	margin: auto;
}
.makeCont .makeSoft .makeSoftHead .h4Box{
	margin: 0 15px 40px 30px;
	padding: 10px 0;
	padding-left: 90px;
	border-bottom: 3px solid #ffa627;
	position: relative;
}
.makeCont .makeSoft .makeSoftHead .h4Box h4{
	font-size: 34px;
}
.makeCont .makeSoft .makeSoftHead .h4Box p{
	background: #ff921e;
	color: #fff;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	line-height: 2.0em;
	position: absolute;
	right: 0;
	bottom: 5px;
}
.makeCont .makeSoft .makeSoftHead ul{
	width: 530px;
	margin: 30px 120px 50px;
	padding-left: 40px;
}
.makeCont .makeSoft .makeSoftHead ul li{
	font-size: 16px;
	margin: 15px 0;
	padding: 0 5px;
	position: relative;
}
.makeCont .makeSoft .makeSoftHead ul li:before{
	content: "";
	display: block;
	background-image: url(../../../_images/order/making/icon_check.webp);
	background-repeat: no-repeat;
	width: 30px;
	height: 26px;
	position: absolute;
	left: -35px
}

.makeCont .makeSoft .makeSoftMain{
	margin: 30px 0;
}
.makeCont .makeSoft .makeSoftMain dl{
	margin-bottom: 40px;
}
.makeCont .makeSoft .makeSoftMain dt{
	margin-bottom: 15px;
	padding: 15px 10px 15px 60px;
	font-size: 18px;
	font-weight: bold;
	display: block;
	position: relative;
}
.makeCont .makeSoft .makeSoftMain dt:before{
	content: "";
	display: block;	width: 10px;
	height: 20px;
	border-right: 5px solid red;
	border-bottom: 5px solid red;
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.makeCont .makeSoft .makeSoftMain dl dd{
	background-repeat: no-repeat;
}
/**/
.makeCont .makeSoft .imgMoreCont{
	margin: 30px;
}
.makeCont .makeSoft .imgMoreCont > div{
	text-align: center;
}
.makeCont .makeSoft .imgMoreCont > div > p{
	display: inline-block;
	padding: 0 10px;
	font-size: 20px;
	position: relative;
}
.makeCont .makeSoft .imgMoreCont > div > p:before,
.makeCont .makeSoft .imgMoreCont > div > p:after{
	content: "";
	display: block;
	background: #000;
	width: 1px;
	height: 25px;
	position: absolute;
	bottom: 0;
}
.makeCont .makeSoft .imgMoreCont > div > p:before{
	transform: rotate(-35deg);
	-webkit-transform: rotate(-35deg);
	left: 0;
}
.makeCont .makeSoft .imgMoreCont > div > p:after{
	transform: rotate(35deg);
	-webkit-transform: rotate(35deg);
	right: 0;
}

.makeCont .makeSoft .imgMoreCont dl{
	margin: 50px 0 0;
	padding: 60px 30px 30px;
	border: 3px solid #ffc4c4;
	border-radius: 10px;
	box-sizing: border-box;
	position: relative;
}
.makeCont .makeSoft .imgMoreCont dl dt{
	display: block;
	background: #ff5353;
	color: #fff;
	width: 45%;
	padding: 10px 0 5px;
	border-radius: 10px;
	font-size: 23px;
	text-align: center;
	line-height: 1.5em;
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
}
.makeCont .makeSoft .imgMoreCont dl dt span{
	font-size: 35px;
	border-bottom: 6px solid #ffef41;
}
.makeCont .makeSoft .imgMoreCont dl dd{
	background-image: url(../../../_images/order/making/image_tegaki.webp);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 260px;
}

/**/
.makeCont .makeSoft .tegakiMoreCont{
	margin: 30px 0;
	padding: 15px;
	background: #e4e2e0;
}
.makeCont .makeSoft .tegakiMoreCont dt{
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid #222;
}


/*AIコンテンツ*/
.makeCont #softAI .makeSoftHead{ background: linear-gradient(to bottom, #ffe6d2 0%,#fff 150px,#fff 100%);}
.makeCont #softAI .makeSoftHead:before{ background-image: url(../../../_images/order/making/icon_ai.webp);}
.makeCont #softAI .makeSoftHead .h4Box{ border-bottom-color: #ffa627;}
.makeCont #softAI .makeSoftHead .h4Box p{ background: #ff921e;}
.makeCont #softAI .makeSoftHead ul li{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%,#ffd1b2 60%,#ffd1b2 100%);}
.makeCont #softAI .makeSoftMain dt{ background: linear-gradient(to right, #ffd7af 0%, #ffd7af 70%,#fff 100%);}
.makeCont #softAI .makeSoftMain dl.aiColor dd{
	background-image: url(../../../_images/order/making/ai_color.webp);
	background-position: right top;
	min-height: 390px;
	padding: 0 465px 0 0;
}
.makeCont #softAI .makeSoftMain dl.aiOutline dd{
	background-image: url(../../../_images/order/making/ai_outline.gif);
	background-position: center bottom;
	padding: 0 0 415px 0;
}
.makeCont #softAI .makeSoftMain dl.aiLink dd{
	background-image: url(../../../_images/order/making/ai_link.webp);
	background-position: right top;
	min-height: 390px;
	padding: 0 465px 0 0;
}
/*PSコンテンツ*/
.makeCont #softPS .makeSoftHead{ background: linear-gradient(to bottom, #b2eaff 0%,#fff 150px,#fff 100%);}
.makeCont #softPS .makeSoftHead:before{ background-image: url(../../../_images/order/making/icon_ps.webp);}
.makeCont #softPS .makeSoftHead .h4Box{ border-bottom-color: #3acaff;}
.makeCont #softPS .makeSoftHead .h4Box p{ background: #32c8ff;}
.makeCont #softPS .makeSoftHead ul li{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%,#b2eaff 60%,#b2eaff 100%);}
.makeCont #softPS .makeSoftMain dt{ background: linear-gradient(to right, #b2eaff 0%, #b2eaff 70%,#fff 100%);}
.makeCont #softPS .makeSoftMain dl.psColor dd{
	background-image: url(../../../_images/order/making/ps_color.gif);
	background-position: right top;
	min-height: 390px;
	padding: 0 465px 0 0;
}
.makeCont #softPS .makeSoftMain dl.psLayer dd{
	background-image: url(../../../_images/order/making/ps_layer.gif);
	background-position: right top;
	min-height: 340px;
	padding: 0 465px 0 0;
}
.makeCont #softPS .makeSoftMain dl.psDpi dd{
	background-image: url(../../../_images/order/making/ps_dpi.webp);
	background-position: right top;
	min-height: 485px;
	padding: 0 465px 0 0;
}
/*Officeコンテンツ*/
.makeCont #softOFC .makeSoftHead{ background: linear-gradient(to bottom, #cdc7f0 0%,#fff 150px,#fff 100%);}
.makeCont #softOFC .makeSoftHead:before{ background-image: url(../../../_images/order/making/icon_office.webp);}
.makeCont #softOFC .makeSoftHead .h4Box{ border-bottom-color: #351abd;}
.makeCont #softOFC .makeSoftHead .h4Box p{ background: #351abd;}
.makeCont #softOFC .makeSoftHead ul li{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%,#cdc7f0 60%,#cdc7f0 100%);}
.makeCont #softOFC .makeSoftMain dt{ background: linear-gradient(to right, #cdc7f0 0%, #cdc7f0 70%,#fff 100%);}
.makeCont #softOFC .makeSoftMain dl.ofcFont dd{
	background-image: url(../../../_images/order/making/ofc_font.gif);
	background-position: right top;
	min-height: 250px;
	padding: 0 465px 0 0;
}
.makeCont #softOFC .makeSoftMain dl.ofcData dd{
	background-image: url(../../../_images/order/making/ofc_data.webp);
	background-position: center bottom;
	padding: 0 0 450px 0;
}
/*画像コンテンツ*/
.makeCont #softIMG .makeSoftHead{ background: linear-gradient(to bottom, #f5cfe5 0%,#fff 150px,#fff 100%);}
.makeCont #softIMG .makeSoftHead:before{ background-image: url(../../../_images/order/making/icon_image.webp);}
.makeCont #softIMG .makeSoftHead .h4Box{ border-bottom-color: #df2392;}
.makeCont #softIMG .makeSoftHead .h4Box p{ background: #df2392;}
.makeCont #softIMG .makeSoftHead ul li{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%,#f5cfe5 60%,#f5cfe5 100%);}
.makeCont #softIMG .makeSoftMain dt{ background: linear-gradient(to right, #f5cfe5 0%, #f5cfe5 70%,#fff 100%);}
.makeCont #softIMG .makeSoftMain dl.imgDpi dd{
	background-image: url(../../../_images/order/making/image_dpi.webp);
	background-position: center bottom;
	padding: 0 0 320px 0;
}
.makeCont #softIMG .makeSoftMain dl.imgColor dd{
	background-image: url(../../../_images/order/making/image_color.webp);
	background-position: center bottom;
	padding: 0 0 220px 0;
}
/*手書きコンテンツ*/
.makeCont #softTGK .makeSoftHead{ background: linear-gradient(to bottom, #ffe6d2 0%,#fff 150px,#fff 100%);}
.makeCont #softTGK .makeSoftHead:before{ background-image: url(../../../_images/order/making/icon_tegaki.webp);}
.makeCont #softTGK .makeSoftHead .h4Box{ border-bottom-color: #ffcb1a;}
.makeCont #softTGK .makeSoftHead ul li{ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 60%,#fff3ca 60%,#fff3ca 100%);}
.makeCont #softTGK .makeSoftMain dt{ background: linear-gradient(to right, #fff3ca 0%, #fff3ca 70%,#fff 100%);}
.makeCont #softTGK .makeSoftMain dl.tgkDesign dd{
	background-image: url(../../../_images/order/making/tegaki_design.webp);
	background-position: center bottom;
	padding: 0 0 320px 0;
}
.makeCont #softTGK .makeSoftMain dl.tgkFont dd{
	background-image: url(../../../_images/order/making/tegaki_font.webp);
	background-position: center bottom;
	padding: 0 0 280px 0;
}


@media screen and (max-width: 768px) {
	/*注意点*/
	.makeCont .makeCaution{
		width: 95%;
		margin: 30px auto;
	}
	.makeCont .makeCaution dl{
		padding: 20px;
	}
	.makeCont .makeCaution dl.check1,
	.makeCont .makeCaution dl.check2{
		width: 100%;
		margin: 0 auto 15px;
		float: none;
	}
	
	/*塗り足し*/
	.makeCont .makeNuritashi{
		width: 95%;
		margin: 50px auto;
		padding: 15px;
	}
	.makeCont .makeNuritashi dl dd{
		background-size: 100%;
		padding-top: 30%;
	}
	
	/*選択ボタン*/
	.makeCont .selectBtn ul{
		gap: 15px;
		width: 95%;
		margin: auto;
	}
	.makeCont .selectBtn ul li{
		width: calc((100% - 60px) / 5);
	}
	.makeCont .selectBtn ul li a{
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.makeCont .selectBtn ul li a:after{
		border-width: 15px;
		border-top-width: 15px;
		bottom: -50px;
	}

	.makeCont .selectBtn ul li a span{
		width: 100%;
		height: auto;
		padding: 15px 0;
	}
	.makeCont .selectBtn ul li a img{
		width: auto;
		height: 50px;
	}

	/*--ソフト別制作注意点--*/
	.makeCont .makeSoft .makeSoftHead{
		margin-bottom: 40px;
		padding-top: 40px;
	}
	.makeCont .makeSoft .makeSoftHead:before{
		width: 70px;
		height: 70px;
	}
	.makeCont .makeSoft .makeSoftHead .h4Box{
		margin: 0 10px 40px;
		padding: 10px 0;
		padding-left: 70px;
	}
	.makeCont .makeSoft .makeSoftHead .h4Box h4{
		font-size: 28px;
	}
	.makeCont .makeSoft .makeSoftHead .h4Box p{
		position: absolute;
		bottom: auto;
		top: -30px;
		font-size: 12px;
	}
	.makeCont .makeSoft .makeSoftHead ul{
		width: auto;
		margin: 30px 10px 50px;
		padding-left: 40px;
	}
	.makeCont .makeSoft .makeSoftHead ul li{
		background: none;
		border-bottom: 4px solid;
	}
	.makeCont .makeSoft .makeSoftMain dl{
		width: 95%;
		margin: 40px auto;
	}
	.makeCont .makeSoft .makeSoftMain dl dd{
		padding: 0;
	}
	
	/**/
	.makeCont .makeSoft .imgMoreCont{
		width: 95%;
		margin: 30px auto;
	}
	.makeCont .makeSoft .imgMoreCont > div > p{
		position: relative;
	}
	
	/**/
	.makeCont .makeSoft .imgMoreCont dl {
		padding: 60px 4% 4%;
	}
	.makeCont .makeSoft .imgMoreCont dl dt{
		width: 60%;
	}
	.makeCont .makeSoft .imgMoreCont dl dd{
		background-size: 100%;
		padding-top: 40%;
	}
	/**/
	.makeCont .makeSoft .tegakiMoreCont{
		width: 95%;
		margin: 30px auto;
	}

	/*AIコンテンツ*/
	.makeCont #softAI .makeSoftHead ul li{
		background: none;
		border-bottom-color: #ffd1b2;
	}
	.makeCont #softAI .makeSoftMain dl.aiColor dd{
		background-size: 455px auto;
		background-position: center bottom;
		min-height: auto;
		padding: 0 0 410px;
	}
	.makeCont #softAI .makeSoftMain dl.aiOutline dd{
		background-size: 455px auto;
		background-position: center bottom;
		padding: 0 0 270px;
	}
	.makeCont #softAI .makeSoftMain dl.aiLink dd{
		background-size: 455px auto;
		background-position: center bottom;
		min-height: auto;
		padding: 0 0 410px;
	}
	/*PSコンテンツ*/
	.makeCont #softPS .makeSoftHead ul li{
		background: none;
		border-bottom-color: #b2eaff;
	}
	.makeCont #softPS .makeSoftMain dl.psColor dd{
		background-size: 455px auto;
		background-position: center bottom;
		min-height: auto;
		padding: 0 0 460px;
	}
	.makeCont #softPS .makeSoftMain dl.psLayer dd{
		background-size: 455px auto;
		background-position: center bottom;
		min-height: auto;
		padding: 0 0 360px;
	}
	.makeCont #softPS .makeSoftMain dl.psDpi dd{
		background-size: 455px auto;
		background-position: center bottom;
		min-height: auto;
		padding: 0 0 500px;
	}
	/*Officeコンテンツ*/
	.makeCont #softOFC .makeSoftHead ul li{
		background: none;
		border-bottom-color: #cdc7f0;
	}
	.makeCont #softOFC .makeSoftMain dl.ofcFont dd{
		background-size: 455px auto;
		background-position: center bottom;
		padding: 0 0 280px;
	}
	.makeCont #softOFC .makeSoftMain dl.ofcData dd{
		background-size: 100% auto;
		background-position: center bottom;
		padding: 0 0 52%;
	}
	/*画像コンテンツ*/
	.makeCont #softIMG .makeSoftHead ul li{
		background: none;
		border-bottom-color: #f5cfe5;
	}
	.makeCont #softIMG .makeSoftMain dl.imgDpi dd{
		background-size: 100%;
		background-position: center bottom;
		padding: 0 0 50%;
	}
	.makeCont #softIMG .makeSoftMain dl.imgColor dd{
		background-size: 100%;
		background-position: center bottom;
		padding: 0 0 35%;
	}
	/*手書きコンテンツ*/
	.makeCont #softTGK .makeSoftHead ul li{
		background: none;
		border-bottom-color: #fff3ca;
	}
	.makeCont #softTGK .makeSoftMain dl.tgkDesign dd{
		background-size: 100%;
		background-position: center bottom;
		padding: 0 0 40%;
	}
	.makeCont #softTGK .makeSoftMain dl.tgkFont dd{
		background-size: 100%;
		background-position: center bottom;
		padding: 0 0 40%;
	}
}

@media screen and (max-width: 480px) {
	/*--ソフト別制作注意点--*/
	.makeCont .makeSoft .makeSoftHead{
		margin-bottom: 40px;
		padding-top: 40px;
	}
	.makeCont .makeSoft .makeSoftHead:before{
		width: 60px;
		height: 60px;
	}

	.makeCont .makeSoft .makeSoftHead .h4Box{
		padding-left: 70px;
	}
	.makeCont .makeSoft .makeSoftHead .h4Box h4{
		font-size: 24px;
	}

	.makeCont .selectBtn ul{
		flex-wrap: wrap;
		gap: 10px 15px;
	}
	.makeCont .selectBtn ul li{
		width: calc((100% - 45px) / 3);
	}

	.makeCont .makeSoft .imgMoreCont dl dt{
		width: 80%;
	}

	/*AIコンテンツ*/
	.makeCont #softAI .makeSoftMain dl.aiColor dd{
		background-size: 330px auto;
		padding: 0 0 320px;
	}
	.makeCont #softAI .makeSoftMain dl.aiOutline dd{
		background-size: 330px auto;
		padding: 0 0 200px;
	}
	.makeCont #softAI .makeSoftMain dl.aiLink dd{
		background-size: 330px auto;
		padding: 0 0 300px;
	}
	/*PSコンテンツ*/
	.makeCont #softPS .makeSoftMain dl.psColor dd{
		background-size: 330px auto;
		padding: 0 0 340px;
	}
	.makeCont #softPS .makeSoftMain dl.psLayer dd{
		background-size: 330px auto;
		padding: 0 0 280px;
	}
	.makeCont #softPS .makeSoftMain dl.psDpi dd{
		background-size: 330px auto;
		padding: 0 0 380px;
	}
	/*Officeコンテンツ*/
	.makeCont #softOFC .makeSoftMain dl.ofcFont dd{
		background-size: 330px auto;
		padding: 0 0 200px;
	}
}