@charset "utf-8";

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

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

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


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


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

#prnBig2 {
	width: 100%;
	margin: 0 auto 30px;
}

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

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

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

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

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

.prnBig2ContBodyTxt {
	font-size: 1.4rem;
	line-height: 1.385;
	letter-spacing: 0.075em;
}

#prnPod {
	margin-bottom: 15px;
}

/* ポイント */
#prnBig2ContBodyPoint {
	margin: 20px 0 25px;
}

#prnBig2ContBodyPointMark {
	text-align: center;
}

#prnBig2ContBodyPointMark img {
	width: 75px;
}

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

.prnBig2ContBodyPointTit {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.385;
	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.4rem;
	line-height: 1.364;
	letter-spacing: 0.075em;
	margin-bottom: 2em;
}

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

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

#prnPh2 {
	margin: 25px 0 0;
}

#prnPh4 {
	width: 254px;
	margin: 0 auto;
}

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

.srvPanel.prn {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 60px;
}

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

.prnType {
	background-color: #fff;
	padding: 20px;
	border-radius: 7.5px;
	margin-bottom: 15px;
}

.prnTypeHead {
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.150em;
	color: #004098;
	margin-bottom: 18px;
	text-align: center;
}

.prnTypeBodyTit {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.429;
	letter-spacing: 0.025em;
	color: #000;
	margin-bottom: 0.5em;
	text-align: left;
}

.prnTypeBodyTxt {
	font-size: 1.4rem;
	line-height: 1.385;
	letter-spacing: 0.075em;
}

/* 写真毎の設定 */
.prnTypeBodyPh {
	margin: 0 auto 15px;
}
#prnType1 .prnTypeBodyPh {
	width: 185.5px;
}

#prnType2 .prnTypeBodyPh {
	width: 219.5px;
}

#prnType3 .prnTypeBodyPh {
	width: 137px;
}

#prnType4 .prnTypeBodyPh {
	width: 159px;
}

#prnType5 .prnTypeBodyPh {
	width: 196px;
}

#prnType6 .prnTypeBodyPh {
	width: 186px;
}

#prnType7 .prnTypeBodyPh {
	width: 167.5px;
}

#prnType8 .prnTypeBodyPh {
	width: 167.5px;
}


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

#prnFlow {
	width: 100%;
	margin: 0 auto 60px;
	padding: 0 15px;
}

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

#prnFlow > ul > li {
	width: 100%;
	padding: 20px;
	margin-bottom: 40px;
	border: solid 1px #004098;
	position: relative;
	display: table;
}

#prnFlow > 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: -30px;
	left: calc(50% - 19.5px/2);
}

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

.prnFlowHead {
	text-align: center;
}

.prnFlowHeadTit {
	padding-bottom: 10px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.100em;
	color: #000;
}

.prnFlowBody {
	padding-left: 15px;
	padding-top: 10px;
	border-top: 1px #bfbfbf solid;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: 0;
}

/* 初回無料 */
#prnFlow1 {
	display: table-cell;
	vertical-align: middle;
}

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

#prnFlow1 .prnFlowHeadTit {
	padding-bottom: 0;
}

/* ご納品 */
#prnFlow > ul > li#prnFlow8 {
	padding: 40px 15px;
	background-color: #004098;
}

#prnFlow8 {
	background-color: #004098;
}

#prnFlow8 .prnFlowHead {
	text-align: center;
}
#prnFlow8 .prnFlowHeadTit {
	color: #fff;
}