@charset "utf-8";

/* =============================== */
/* 印刷・製本 */
/* =============================== */

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

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

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


/* 二大特長 */
/* -------------------------------------------------- */

#prnBig2 {
	margin-bottom: 80px;
}

#prnBig2Inner {
	display: table;
	width: 100%;
	max-width: 1220px;
	padding: 0 10px;
	margin: 0 auto;
}

.prnBig2Cont {
	display: table-cell;
	width: 48.33%;
	max-width: 580px;
	vertical-align: top;
}

#prnPod.prnBig2Cont {
	padding-right: 20px;
}

#prnVrb.prnBig2Cont {
	padding-left: 20px;
}

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

.prnBig2ContHead {
	display: table-cell;
	vertical-align: middle;
	height: 114px;
}

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

.prnBig2ContBody {
	background-color: #fff;
	padding: 25px;
	overflow: hidden;
}

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

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

.prnBig2ContBodyTxt {
	font-size: 1.8rem;
	line-height: 1.556;
	letter-spacing: 0.050em;
}

.prnBig2ContBodyPh img {
	width: 100%;
	height: auto;
}

/* ポイント */
#prnBig2ContBodyPoint {
	margin: 30px 0 60px;
}

#prnBig2ContBodyPointMark {
	text-align: center;
}

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

.prnBig2ContBodyPointTit {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.025em;
	margin-bottom: 0.5em;
}

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

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

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

/* 写真毎の設定 */
#prnPh1 {
	width: 301px;
	margin: 0 auto 45px;
}

#prnPh2 {
	margin: 25px 0;
}

#prnPh4 {
	width: 100%;
	max-width: 362px;
	margin: 0 auto;
}

@media all and (max-width: 1299px) {
	.prnBig2ContTit {
		font-size: 2.
	}
}


/* 各種印刷・製本 */
/* -------------------------------------------------- */

#prnTypeWrap .srvPanelTit {
	margin-bottom: 50px;
}

.prnType {
	margin-bottom: 50px;
}

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

.prnTypeHead {
	font-size: 3.0rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.150em;
	color: #004098;
	margin-bottom: 12px;
}

.prnTypeBodyPh {
	float: right;
}

.prnTypeBodyContent {
	width: 660px;
}

.prnTypeBody {
	background-color: #fff;
	border-radius: 10px;
	padding: 40px 30px;
}

.prnTypeBodyTit {
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: 0.100em;
	color: #000;
	margin-bottom: 0.5em;
}

.prnTypeBodyTxt {
	font-size: 1.6rem;
	line-height: 1.625;
	letter-spacing: 0.100em;
}

/* 写真毎の設定 */
#prnType1 .prnTypeBodyPh {
	margin-right: 30px;
}

#prnType3 .prnTypeBodyPh {
	margin-right: 86px;
}

#prnType4 .prnTypeBodyPh {
	margin-right: 86px;
}

#prnType5 .prnTypeBodyPh {
	margin-right: 26px;
}

#prnType6 .prnTypeBodyPh {
	margin-right: 15px;
}

#prnType7 .prnTypeBodyPh {
	margin-right: 53px;
}

#prnType8 .prnTypeBodyPh {
	margin-right: 45px;
}


/* FLOW 流れ */
/* -------------------------------------------------- */

#prnFlow {
	margin-bottom: 80px;
}

#prnFlow .topSubhead {
	margin-bottom: 40px;
}

#prnFlow > ul {
	letter-spacing: -.4em;
	margin-left: -15px;
	margin-right: -15px;
}

#prnFlow > ul > li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	margin: 0 15px;
	width: calc((100%/8) - 15px*2);
/* 	height: 354px; */
	border: solid 1px #004098;
	padding: 0 13px;
	position: relative;
}

#prnFlow > 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;
}

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

.prnFlowHead {
	height: 195px;
	position: relative;
	border-bottom: solid 1px #bfbfbf;
	margin-bottom: 20px;
}

.prnFlowHeadTit {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.300em;
	color: #000;
	text-align: center;
	position: absolute;
	left: calc(50% - 1.6rem/2);
}

.prnFlowBody {
	font-size: 1.1rem;
	line-height: 1.455;
	letter-spacing: 0;
}


/* 初回無料 */
#prnFlow1 .prnFlowHead {
	height: 285px;
	border-bottom: none;
}

#prnFlow1 .prnMuryo {
	width: 44px;
	height: 44px;
	background-color: #004098;
	color: #fff;
	border-radius: 50%;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.300em;
	text-indent: 0.300em;
	line-height: 44px;
	text-align: center;
	margin: 24px auto 0;
}

/* 個別調整 */
#prnFlow1 .prnFlowHeadTit {
	top: 15px;
}

#prnFlow2 .prnFlowHeadTit {
	top: 30px;
}

#prnFlow3 .prnFlowHeadTit {
	top: 60px;
}

#prnFlow4 .prnFlowHeadTit,
#prnFlow5 .prnFlowHeadTit,
#prnFlow7 .prnFlowHeadTit {
	top: 70px;
}

#prnFlow6 .prnFlowHeadTit {
	top: 50px;
}

/* ご納品 */
#prnFlow8 {
	background-color: #004098;
}

#prnFlow8 .prnFlowHead {
	height: 354px;
	border-bottom: none;
}

#prnFlow8 .prnFlowHeadTit {
	color: #fff;
	top: 145px;
}