@charset "utf-8";

/* =============================== */
/* 制作・校閲 */
/* =============================== */

/* メインビジュアル */
/* -------------------------------------------------- */

#pageTitle {
	background-image: url(../../../img/service_production/head_sp.jpg);
}

/* 調整 */
.uniContent {
	padding: 30px 0 0;
}

.srvPanel {
	margin-bottom: 60px;
}

/* EdianWing (エディアンウイング) */
/* -------------------------------------------------- */

.prdFeature {
	width: 100%;
/* 	max-width: 600px; */
	margin: 0 auto 30px;
}

.prdFeatureContInner {
	background-color: #004098;
	padding: 0 15px 15px;
}

.prdFeatureContTit {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.294;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}

.prdFeatureContBody {
	background-color: #fff;
	padding: 40px 15px;
	overflow: hidden;
}

.prdFeatureContBodylead {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.075em;
	margin-bottom: 35px;
}

.prdFeatureContBodyTit {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.286;
	letter-spacing: 0.025em;
	color: #000;
	position: relative;
	margin-bottom: 2em;
	text-align: center;
}

.prdFeatureContBodyTit:after {
	display: block;
	content: "";
	width: 50px;
	height: 1px;
	background-color: #004098;
	position: absolute;
	bottom: -1em;
	left: calc(50% - 50px/2);
}

.prdFeatureContBodyList {
	margin-bottom: 40px;
}

.prdFeatureContBodyList dt {
	font-size: 1.6rem;
	line-height: 1.188;
	font-weight: bold;
	letter-spacing: 0.100em;
	color: #004098;
	margin-bottom: 10px;
}

.prdFeatureContBodyList dd {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.100em;
	margin-bottom: 25px;
}

.prdFeatureContBodyList dd:last-child {
	margin-bottom: 0;
}

.prdFeatureContBodyDBInner {
	padding: 0 15px;
}

.prdFeatureContBodyDB:before {
	display: block;
	content: "";
	width: 100%;
	height: 20px;
	border: solid 1px #004098;
	border-bottom: none;
}

.prdFeatureContBodyDB:after {
	display: block;
	content: "";
	width: 100%;
	height: 20px;
	border: solid 1px #004098;
	border-top: none;
}

.prdFeatureContBodyDBTit {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.188;
	letter-spacing: 0.075em;
	color: #222222;
	text-align: center;
	margin-bottom: 15px;
}

.prdFeatureContBodyDBList {
	margin-top: 25px;
}

.prdFeatureContBodyDBList dt {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.100em;
	color: #004098;
	margin-top: 15px;
	margin-bottom: 10px;
}

.prdFeatureContBodyDBList dd {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.100em;
}

.prdFeatureContBodyTxt {
	font-size: 1.6rem;
	line-height: 1.563;
	letter-spacing: 0.050em;
}

.prdFeatureContBodyTxt {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.100em;
}


/* ポイント */
#prdFeatureContBodyPoint {
	margin: 40px 0 0;
}

#prdFeatureContBodyPointMark {
	text-align: center;
}

#prdFeatureContBodyPointMark img {
	width: 75px;
}

#prdFeatureContBodyPointBody {
	background-color: #cfe5fc;
	margin-top: -37.5px;
	padding: 50px 15px 15px
}

.prdFeatureContBodyPointTit {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.179;
	letter-spacing: 0.025em;
	margin-bottom: 0.5em;
}

.prdFeatureContBodyPointTit span {
	background: linear-gradient(transparent 50%, rgba(255, 255, 255, 0.6) 0%);
	padding-bottom: 0.1em;
}

.prdFeatureContBodyPointTxt {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.100em;
	margin-bottom: 2em;
}

.prdFeatureContBodyPointTxt:last-child {
	margin-bottom: 0;
}


/* WEB原稿管理システム */
/* -------------------------------------------------- */

.prdFeatureContBodyTit.web {
	text-align: left;
}

.prdFeatureContBodyTit.web:after {
	left: 0;
}

.prdWebmanageTit {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.100em;
	color: #004098;
	text-align: center;
	margin-bottom: 30px;
}

#prdWebmanageFlow > ul {
}

#prdWebmanageFlow > ul > li {
	position: relative;
	margin-bottom: 55px;
}

#prdWebmanageFlow > ul > li:after {
	display: block;
	content: "";
	width: 19.5px;
	height: 19px;
	background: url(../../../img/service_printing/arrow_sp.png) no-repeat left center;
	-webkit-background-size: 19.5px auto;
	background-size: 19.5px auto;
	position: absolute;
	bottom: -35px;
	left: calc(50% - 19.5px/2);
}

#prdWebmanageFlow > ul > li:last-child {
	margin-bottom: 0;
}

#prdWebmanageFlow > ul > li:last-child:after {
	display: none;
}

.prdWebmanageFlowNum {
	font-family: 'Asap', sans-serif;
	font-size: 1.7rem;
	font-weight: 700;
	line-height: 1;
	color: #004098;
	text-align: center;
}

.prdWebmanageFlowNum span {
	padding: 0 15px;
	background-color: #fff;
}

.prdWebmanageFlowBox {
	border: solid 1px #004098;
	padding: 15px;
	margin-top: -5px;
}

.prdWebmanageFlowTxt {
	font-size: 1.4rem;
	line-height: 1.5;
	letter-spacing: 0.150em;
	text-align: left;
	color: #000;
}