@charset "utf-8";

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

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

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

/* 背景のアイコン */
#srvoutline {
	background: url(../../../img/service_production/bg1_pc.png) no-repeat right 35px top;
}


/* 選ばれる理由：調整 */
#srvoutlineFeature ul li {
	letter-spacing: 0.100em;
}


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

.prdFeature {
	margin-bottom: 80px;
}

.prdFeatureInner {
	width: 100%;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

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

.prdFeatureContHead {
	display: table-cell;
	vertical-align: middle;
	height: 75px;
}

.prdFeatureContTit {
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.188;
	letter-spacing: 0;
	color: #fff;
}

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

.prdFeatureContBodylead {
	font-size: 1.8rem;
	line-height: 1.556;
	letter-spacing: 0.050em;
	margin-bottom: 50px;
}

.prdFeatureContBodyTit {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.100em;
	color: #000;
	position: relative;
	margin-bottom: 2em;
}

.prdFeatureContBodyTit:after {
	display: block;
	content: "";
	width: 100px;
	height: 2px;
	background-color: #004098;
	position: absolute;
	bottom: -1em;
	left: 0;
}

/* 内部の二段組み */
.prdFeatureContBodyGridWrap {
	display: table;
	width: 100%;
	margin-bottom: 35px;
}
.prdFeatureContBodyGridInner {
	display: table-cell;
	vertical-align: top;
	width: 50%;
}

.prdFeatureContBodyGridInner.left {
	padding-right: 30px;
}

.prdFeatureContBodyGridInner.right {
	padding-left: 30px;
}

.prdFeatureContBodyList dt {
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.100em;
	color: #004098;
	margin-bottom: 20px;
}

.prdFeatureContBodyList dd {
	font-size: 1.6rem;
	line-height: 1.625;
	letter-spacing: 0.100em;
	margin-bottom: 45px;
}

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

.prdFeatureContBodyDBInner {
	padding: 0 30px;
}

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

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

.prdFeatureContBodyDBTit {
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.100em;
	color: #222222;
	text-align: center;
	margin-bottom: 20px;
}

.prdFeatureContBodyDBList {
	margin-top: 35px;
}

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

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

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

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

#prdFeatureContBodyPointMark {
	text-align: center;
}

#prdFeatureContBodyPointBody {
	background-color: #cfe5fc;
	margin-top: -50px;
	padding: 70px 40px 30px
}

.prdFeatureContBodyPointTit {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.100em;
	margin-bottom: 0.75em;
	text-align: center;
}

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

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

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


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

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


#prdWebmanageFlow > ul {
	letter-spacing: -.4em;
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
}

#prdWebmanageFlow > ul > li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	position: relative;
}

#prdWebmanageFlow > ul > li:after {
	display: block;
	content: "";
	width: 12px;
	height: 100%;
	background: url(../../../img/service_printing/arrow_pc.png) no-repeat left center;
	background-size: 12px auto;
	position: absolute;
	right: -22px;
	top: 0;
}

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

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

.prdWebmanageFlowBox {
	border: solid 1px #004098;
	width: 124px;
	height: 354px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.prdWebmanageFlowTxt {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.300em;
	text-align: left;
	color: #000;
}