.fs-l-page {
  overflow: hidden;
  position: relative;
}
.maru{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
.noto{
	font-family: 'Noto Sans JP', sans-serif;
}
.mincho{
	font-family: 'Shippori Mincho', serif;
}
.flex{
	display: flex;
}
#printP {
  overflow: hidden;
}
/* トップエリア */
.top-area{
	position: relative;
	z-index: -3;
}
.print-inner{
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.top-area .print-inner{
	background: #fff;
	padding-bottom: 30px;
	z-index: -2;
}
.top-area-deco1{
	position: absolute;
  bottom: 50px;
  right: -2%;
  width: 25%;
  z-index: 10;
}
.top-area-deco2{
	position: absolute;
  bottom: 8px;
  right: 20%;
  width: 23%;
  z-index: 10;
}
.maintxt{
	padding: 30px 7% 20px;;
	font-size: 16px;
	font-weight: 500;
	position: relative;
}
.underline{
	background:linear-gradient(transparent 50%, #f6e963 50%);
}
@media screen and (max-width: 320px) {
.maintxt {
  padding: 30px 3% 20px;
}
.top-area-deco1 {
  bottom: 40px;
  width: 22%;
}
.top-area-deco2 {
  right: 18%;
  width: 20%;
}
}

/* どんなお願いができるの */
.onegai-box{
	width: 100%;
	margin: 10px auto;
	background: #f4f2ed;
  outline: 2px solid #bfaa91;
  outline-offset: -15px;
  padding: 40px 30px;
  position: relative;
}
.onegai-box::after{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/how-bg.png);
	background-size: 10px 10px;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 10px;
	right: -10px;
	z-index: -1
}
.onegai-box h2{
	text-align: center;
	font-size: 28px;
	line-height: 1.4;
	color: #524640;
}
.onegai-list{
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto;
}
.onegai-list li{
	text-align: center;
	width: 46%;
	margin-top: 30px
}
.onegai-list li img{
	width: 80%;
}
.onegai-list li h3{
	font-weight: 500;
	font-size: 14px;
	line-height: 1.3;
	margin-top: 5px;
}
.onegai-list li h3 span{
	color: #c9574d;
}
.onegai-text{
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
}
.onegai-text span{
	color: #c9574d;
	border-bottom: 2px solid #c9574d;
}
.onegai-deco{
	position: absolute;
	z-index: 2;
	width: 30%;
	max-width: 100px;
	top: 110px;
	left: -2%;
}
/* 例えば */
.pring-example{
	background: url(https://farbe.itembox.design/item/images/printservice/bg-wave-w.png),url(https://farbe.itembox.design/item/images/printservice/bg-wave-wr.png),url(https://farbe.itembox.design/item/images/printservice/exe.png);
	background-repeat: repeat-x,repeat-x,repeat;
	background-size: 26px 12px,26px 12px,16px 33px;
	background-position: center top,center bottom,center top;
	padding: 100px 0 60px;
}
.ex-box{
	background: #fff;
	border: 1px solid #222;
  outline: 1px solid #222;
  outline-offset: 3px;
}
.ex-box h2{
	text-align: center;
	background: url(https://farbe.itembox.design/item/images/printservice/ribon-pink.png) no-repeat center center;
	background-size: contain;
	width: : 300px;
	height: 60px;
	font-size: 22px;
	color: #fff;
	padding-top: 6px;
	margin: -50px 0 0;
	z-index: 2;
	position: relative;
}
.ex-list{
	width: 90%;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}
.ex-list li{
	width: 48%;
	text-align: center;
	margin-top: 30px;  
}
.ex-img img{
	width: 100%;
	box-shadow: 2px 2px 8px #999;
}
.ex-list h3{
	margin-top: 15px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .1em;
}
.ex-list h3 span{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/dot.png) repeat-x left bottom;
	background-size: 7px 3px;
	width: 100%;
	height: 3px;
	padding-bottom: 5px;
}
.ex-text{
	font-size: 13px;
	margin-top: 10px;
}
.otheritems{
	margin-top: 30px;
	text-align: center;
	font-size: 22px;
	color: #c9574e;
}
.otheritems span{
	position: relative;
	display: inline-block;
}
.otheritems span::before,
.otheritems span::after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 68px;
}
.otheritems span::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-l.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -2em;
	top: 10px;
}
.otheritems span::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-r.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -2em;
	top: 10px;
}
.otheritem-list{
	margin-top: 30px;
}
.otheritem-list li{
	padding: 0 !important;
	border: none !important;
}
.otheritem-link{
	margin-top: 30px;
	text-align: center;
}
.otheritem-link a {
	display: block;
	width: 200px;
  padding: 5px 0 8px;
  background: #c9574e;
  position: relative;
  font-size: 26px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.4;
  z-index: 2;
}
.otheritem-link a span{
	position: relative;
	z-index: 3;
}
.otheritem-link a span::after{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/arrow-w.png) no-repeat;
	background-size: contain;
	width: 15px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: .3em;
}
.otheritem-link a:before {
  content: "";
  position: absolute;
	width: 100%;
	height: 100%;
  bottom: 0;
  right: 0;
  background: rgba(202, 86, 78, 0.3);
  transition: transform 0.3s;
  z-index: 1;
}
.otheritem-link a:before {
  transform: translate(10px, 10px);
}
.otheritem-link a:hover:before {
  transform: translate(0);
}
.otheritem-link a:hover{
	color: #fff;
}
/* 知識がなくても */
.soudan .print-inner{
	padding: 40px 0 60px;
	position: relative;
}
.soudan h2{
	text-align: center;
	font-size: 26px;
	letter-spacing: .1em;
	font-weight: 500;
}
.okmaru{
	font-size: 45px;
  display: inline-block;
  line-height: 1;
  position: relative;
}
.okmaru::before{
	content: "";
  background: url(https://farbe.itembox.design/item/images/printservice/maru.png) no-repeat;
  background-size: contain;
  width: 100px;
  height: 85px;
  position: absolute;
  left: -2px;
  top: -16px;
  z-index: -1;
}
.bikkuri{
	display: inline-block;
	margin-left: .2em;
	transform:rotate(10deg); 
}
.text-dot{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/dot.png) repeat-x left bottom;
	background-size: 12px 5px;
	width: 100%;
	height: 5px;
	padding-bottom: 5px;
}
.soudan-deco1{
	position: absolute;
  top: 20px;
  left: 0;
  width: 27%;
	max-width: 100px;
}
.soudan-deco2{
	position: absolute;
	top: 10px;
	right: -5px;
	width: 25%;
	max-width: 100px;
}
.soudan-text{
	margin-top: 30px;
	width: 95%;
	background: #f2eee9;
	padding: 50px 30px 30px 50px;
	font-size: 16px;
	position: relative;
}
.soudan-text:after {
  content: "";
  position: absolute;
	width: 100%;
	height: 100%;
  bottom: 0;
  right: 0;
  border: 2px solid #bfaa91;
  transition: transform 0.3s;
  z-index: 1;
}
.soudan-text:after {
  transform: translate(15px, 20px);
}
.brpoint{
	display: none;
}
/* 相談スタート */
.start{
	background: url(https://farbe.itembox.design/item/images/printservice/bg-wave-w.png),url(https://farbe.itembox.design/item/images/printservice/bg-wave-wr.png),url(https://farbe.itembox.design/item/images/printservice/soudan.png);
	background-repeat: repeat-x,repeat-x,repeat;
	background-size: 26px 12px,26px 12px,16px 33px;
	background-position: center top,center bottom,center top;
	padding: 40px 0;
}
.start h2{
	text-align: center;
	font-size: 24px;
}
.start h2 span{
	position: relative;
	display: inline-block;
}
.start h2 span::before,
.start h2 span::after{
	content: "";
	display: inline-block;
	width: 60px;
	height: 90px;
}
.start h2 span::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-lb.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -2.2em;
	top: 15px;
}
.start h2 span::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-rb.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -2.2em;
	top: 15px;
}
.start-anc{
	justify-content: center;
	flex-direction: column;
	margin-top: 40px
}
.start-anc p{
	width: 90%;
	text-align: center;
	margin: 0 auto 40px;
	position: relative;
	border: 1px solid #222;
	box-sizing: border-box;
}
.start-anc p::before{
	content: "";
	border: 1px solid #222;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	display: inline-block;
	position: absolute;
	right: -1px;
	bottom: -1px;
}
.start-anc p::after{
	content: "";
	border: 1px solid #222;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	display: inline-block;
	position: absolute;
	left: -1px;
	top: -1px;
}
.start-anc p a{
	background: #fff;
	display: block;
	font-size: 22px;
	padding: 20px 0 15px;
	letter-spacing: .1em;
	position: relative;
	z-index: 3;
}
.start-anc p a::after{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/arrow-down.png) no-repeat;
	background-size: contain;
	width: 40px;
	height: 28px;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2
}
.start-anc p span{
	position: relative;
}
.start-anc p span::before{
	content: "・";
	color: #bfaa91;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin: auto;
}
.start-box{
	background: #fff;
  padding: 40px 7%;
  box-shadow: 3px 3px 10px #666;
}
.start-box2{
	margin-top: 40px
}
.start-title1,
.start-title2{
	text-align: center;
	font-size: 30px;
	color: #5ea8b3;
	line-height: 1.3;
}
.start-title1 span,
.start-title2 span{
	position: relative;
	display: inline-block;
}
.start-title1 span::before,
.start-title1 span::after{
	content: "";
	display: inline-block;
	width: 42px;
	height: 44px;
}
.start-title2 span::before,
.start-title2 span::after{
	content: "";
	display: inline-block;
	width: 60px;
  height: 56px;
}
.start-title1 span::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-l.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -2em;
	top: 30px;
}
.start-title1 span::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-r.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -2em;
	top: 30px;
}
.start-title2 span::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-l2.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -2em;
	top: 0;
}
.start-title2 span::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-r2.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -2em;
	top: 0;
}
.start-subtext,
.start-subtext2{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}
.start-subtext,
.start-subtext2{
	margin-top: 30px;
}
.start-list li{
	margin-top: 30px;
}
.start-list-title{
	font-size: 18px;
	font-weight: bold;
	color: #5ea8b3;
	align-items: center;
	line-height: 1.3;
	border-bottom: 2px dashed;
	padding-bottom: 15px;
}
.start-list-title .number{
	font-size: 50px;
	line-height: 1;
	margin-right: 5px;
	vertical-align: text-bottom;
	width: 30px;
}
.list-title-text{
	flex: 1;
}
.start-list-text{
	margin-top: 20px;
	font-size: 14px;
}
.startflexlist{
	flex-direction: column;
}
.start-r{
	width: 94%;
	margin: 20px 0 0 6%;
}
.start-list-text span{
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.4;
	display: inline-block;
}
.print-link,
.line-link{
	margin-top: 30px;
	text-align: center;
}
.print-link a{
	display: block;
	max-width: 280px;
  padding: 12px 5px;
  background: #c9574e;
  position: relative;
  font-size: 20px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.3;
  z-index: 2;
}
.print-link a span,
.line-link a span{
	position: relative;
	z-index: 3;
}
.print-link a::after,
.line-link a::after{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/arrow-w.png) no-repeat;
	background-size: contain;
	width: 20px;
	height: 25px;
	position: absolute;
	right: 15px;
	top: 35%;
	z-index: 3;
}
.print-link a::before{
  content: "";
  position: absolute;
	width: 100%;
	height: 100%;
  bottom: 0;
  right: 0;
  background: rgba(202, 86, 78, 0.3);
  transition: transform 0.3s;
  z-index: 1;
}
.print-link a::before{
  transform: translate(10px, 10px);
}
.print-link a:hover::before,
.line-link a:hover::before {
  transform: translate(0);
}
.print-link a:hover,
.line-link a:hover{
	color: #fff;
}
/* 流れ */
.print-flow{
	padding: 40px 0;
}
.print-flow h2{
	text-align: center;
	font-size: 30px;
}
.sla{
	position: relative;
	display: inline-block;
}
.sla::before,
.sla::after{
	content: "";
	display: inline-block;
	width: 30px;
	height: 50px;
}
.sla::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-lb2.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -1.2em;
	top: 5px;
}
.sla::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-rb2.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -1.2em;
	top: 5px;
}
.illust{
	position: relative;
	display: inline-block;
}
.illust::before,
.illust::after{
	content: "";
	display: inline-block;
	width: 54px;
  height: 48px;
}
.illust::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-l3.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -3em;
	top: 10px;
}
.illust::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-illust-r3.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -3em;
	top: 10px;
}
.print-flow-list{
	flex-wrap: wrap;
	justify-content: center;
}
.print-flow-list li{
	width: 90%;
	text-align: center;
	box-shadow: 2px 2px 8px #999;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	font-size: 20px;
	line-height: 1.4;
	margin: 40px 0 0;
	position: relative;
}
.print-flow-list li:nth-child(n+2){
	margin-top: 30px;
}
.print-flow-list li::after{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/arrow-down-gr.png) no-repeat;
	background-size: contain;
	width: 40px !important;
	height: 30px !important;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: -20px;
}
.print-flow-list li:last-child::after{
	content: none;
}
.flow-fin{
  background: #eae1d6;
}
.naiyou-box{
	background: #fff;
	border: 1px solid #222;
  outline: 1px solid #222;
  outline-offset: 3px;
  margin: 100px auto 0;
  padding-bottom: 30px;
  position: relative;
}
.naiyou-box h3{
	text-align: center;
	background: url(https://farbe.itembox.design/item/images/printservice/ribon-gr.png) no-repeat center center;
	background-size: contain;
	width: : 300px;
	height: 60px;
	font-size: 22px;
	color: #fff;
	padding-top: 6px;
	margin: -50px 0 0;
	z-index: 2;
	position: relative;
}
.naiyou-list{
	flex-direction: column;
	margin: 0 auto;
	width: 86%;
}
.naiyou-list li{
	width: 100%;
	font-size: 16px;
	padding-left: 1.5em;
	position: relative;
	margin-top: 25px;
	line-height: 1.2;
}
.naiyou-list li::before{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/check.png) no-repeat;
	background-size: contain;
	width: 16px;
	height: 10px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px
}
.naiyou-list li span{
	font-size: 12px;
}
.naiyou-atten{
	margin-top: 30px;
	font-size: 14px;
	padding: 0 5%;
}
.linkmg{
	margin-top: 80px;
}
.naiyou-deco1{
	position: absolute;
	width: 20%;
	max-width: 120px;
	right: -5%;
	bottom: -70px;
}
.naiyou-deco2{
	position: absolute;
	width: 30%;
	max-width: 120px;
	left: -5%;
	bottom: -70px;
}
.naiyou-text{
	margin-top: 30px;
	font-size: 16px;
	font-weight: 500;
	padding: 0 7%;
}
.naiyou-exlist{
	margin: 30px auto 0;
	width: 90%;
}
.naiyou-exlist li{
	font-size: 15px;
	margin-top: 15px;
}
.ex-tit{
	background: #eae1d6;
	padding: 3px  10px;
}
.ex-tit-text{
	padding: 7px;
}
.ex-price{
	display: block;
	text-align: right;
}
.naiyou-atten2{
	font-size: 14px;
	width: 90%;
	margin: 10px auto 0;
}
/* よくある質問 */
.print-faq{
	background: url(https://farbe.itembox.design/item/images/printservice/bg-wave-w.png),url(https://farbe.itembox.design/item/images/printservice/bg-wave-blr.png),url(https://farbe.itembox.design/item/images/printservice/exe.png);
	background-repeat: repeat-x,repeat-x,repeat;
	background-size: 26px 12px,26px 12px,16px 33px;
	background-position: center top,center bottom,center top;
	padding: 50px 3%;
}
.print-faq .print-inner{
	background: #fff;
	padding: 30px 0 0;
}
.print-faq h2{
	text-align: center;
	font-size: 30px;
}
.print-faq h2 span{
	position: relative;
	display: inline-block;
}
.print-faq h2 span::before,
.print-faq h2 span::after{
	content: "";
	display: inline-block;
	width: 30px;
	height: 50px;
}
.print-faq h2 span::before{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-lb2.png) no-repeat;
	background-size: contain;
	position: absolute;
	left: -1.2em;
	top: 5px;
}
.print-faq h2 span::after{
	background: url(https://farbe.itembox.design/item/images/printservice/title-deco-rb2.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: -1.2em;
	top: 5px;
}
.faq-list{
	width: 90%;
	margin: 30px auto 0;
}
.faq-list dt{
	margin-top: 30px;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	padding-left: 40px;
	line-height: 1.3;
}
.faq-list dd{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/dot.png) repeat-x left bottom;
	background-size: 8px 3px;
	padding-bottom: 30px;
}
.faq-list dd:last-child{
	background: none !important;
}
.faq-list dd{
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.4;
	position: relative;
	padding-left: 40px;
}
.faq-list dt::before,
.faq-list dd::before{
	content: "";
	width: 26px;
	height: 26px;
	margin-right: .5em;
	position: absolute;
	left: 0;
	top: 3px;
}
.faq-list dt::before{
	background: url(https://farbe.itembox.design/item/images/printservice/icon-q.png) no-repeat;
	background-size: contain;
}
.faq-list dd::before{
	background: url(https://farbe.itembox.design/item/images/printservice/icon-a.png) no-repeat;
	background-size: contain;
}
/* お受けできない */
.print-ng{
	margin-top: 30px;
}
.print-ng.print-inner{
	padding: 30px 0 !important;
}
.print-ng h3{
	font-size: 26px;
	text-align: center;
}
.print-ng h3 span{
	border-bottom: 1px solid #222;
	padding-bottom: 5px;
}
.print-ng-list{
	width: 90%;
	margin: 10px auto 0;
	flex-direction: column;
	flex-wrap: wrap;
}
.print-ng-list li{
	width: 100%;
	margin-top: 20px;
	font-size: 16px;
	position: relative;
	padding-left: 1.5em;
}
.print-ng-list li::before{
	content: "";
	background: url(https://farbe.itembox.design/item/images/printservice/check.png) no-repeat;
	background-size: contain;
	width: 18px;
	height: 12px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px
}
/* リンク */
.print-link-box{
	background: #def0f2;
	padding: 50px 0;
}
.print-link-box .print-inner{
	padding: 40px 0;
	background: #fff;
}
.print-link.bottom-link{
	margin-top: 0 !important;
}
.print-link.bottom-link a{
	max-width: 280px;
  font-size: 22px;
}
.line-link a {
	display: block;
	max-width: 280px;
  padding: 15px 5px;
  background: #90cbd1;
  position: relative;
  font-size: 22px;
  color: #fff;
  margin: 0 auto;
  line-height: 1.2;
  z-index: 2;
}
.line-link a::before {
  content: "";
  position: absolute;
	width: 100%;
	height: 100%;
  bottom: 0;
  right: 0;
  background: rgba(145, 203, 209, 0.3);
  transition: transform 0.3s;
  z-index: 1;
}
.line-link a::after{
	top: 40%;
}

.print-link.bottom-link a::before,
.line-link a::before {
  transform: translate(15px, 15px);
}
.print-link.bottom-link a:hover::before,
.line-link a:hover::before {
  transform: translate(0);
}
.print-link-text{
	margin-top: 40px;
	font-size: 14px;
	padding: 0 5%;
}
