/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
#edit-title .title-section-box{
	background-image: url(../img/workflow/edit/header-en.png);
	background-size: 200px auto;
	background-repeat: no-repeat;
	background-position: top 10px left 110px;
}
#sales-title .title-section-box{
	background-image: url(../img/workflow/sales/header-en.png);
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: top 0px left 130px;
}
#bookbinding-title .title-section-box{
	background-image: url(../img/workflow/bookbinding/header-en.png);
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: top 10px left 150px;
}
#plate-title .title-section-box{
	background-image: url(../img/workflow/plate/header-en.png);
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: top 10px left 150px;
}
#printing-title .title-section-box{
	background-image: url(../img/workflow/printing/header-en.png);
	background-size: 230px auto;
	background-repeat: no-repeat;
	background-position: top 10px left 150px;
}
/*営業部*/
#sales .service-list li{
	display: inline-block;
}
/*文字編集課*/
#edit .renkei{
	border:1px solid #9d2480;
	padding:10px;
	background-image: url(../img/product/sp/bg-dot.jpg);
}
/*製本課*/
#bookbinding .service-table {
	width:100%;
}
#bookbinding .service-table h4{
	margin-bottom:0;
}
#bookbinding .service-table tr{
	border-top:1px solid #9d2480;
}
#bookbinding .service-table tr>*{
	vertical-align: middle;
}
#bookbinding .service-table tr:last-child{
	border-bottom:1px solid #9d2480;
}
#bookbinding .service-table th{
	padding:10px 0;
	width:20%;
}
#bookbinding .service-table td{
	padding:10px 0;
}
/*印刷事業*/
#printing .miryoku-box{
    background-image: url(../img/product/pictures/text-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:left top;
}
#printing .miryoku-box .inner{
	padding:30px;
}
#printing .miryoku-box h3{
	padding:5px 0;
	background-color: #377ebc;
	color:#fff;
}
/*共通*/
.busyo-btn{
    display: inline-block;
}
.busyo-btn a{
    background-color: #fff;
    display: inline-block;
    border:1px solid #af4c97;   
    border-radius:40px;
    padding:5px 20px;
    transition: 0.3s;
}
.busyo-btn a:hover{
    background-color: #af4c97;
    color:#fff;
}
.busyo-btn a span{
    text-align: left;
    display: inline-block;
    position: relative;
    padding-left:18px;
}
.busyo-btn a span:after{
    position: absolute;
    content:'';
    background-image: url(../img/common/arrow-right.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width:8px;
    height:16px;
    top:50%;
    left:0;
    margin-top:-8px;
    transition: background 0.3s;
}
.busyo-btn a:hover span:after{
    background-image: url(../img/common/arrow-right-w.png);
}
.back-btn{
    display: inline-block;
}
.back-btn a{
    background-color: #fff;
    display: inline-block;
    border:1px solid #af4c97;   
    border-radius:40px;
    padding:5px 20px;
    transition: 0.3s;
}
.back-btn a:hover{
    background-color: #af4c97;
    color:#fff;
}
.back-btn a span{
    text-align: left;
    display: inline-block;
    position: relative;
    padding-left:18px;
}
.back-btn a span:after{
    position: absolute;
    content:'';
    background-image: url(../img/common/arrow-left.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width:8px;
    height:16px;
    top:50%;
    left:0;
    margin-top:-8px;
    transition: background 0.3s;
}
.back-btn a:hover span:after{
    background-image: url(../img/common/arrow-left-w.png);
}
.kisyu-title{
	position: relative;
	display: inline-block;
	padding-left:22px;
	color: #9d2480;
}
.kisyu-title:before{
	content:'';
	width:12px;
	height:12px;
	position: absolute;
	background-color: #9d2480;
	border-radius:50px;
	left:0;
	top:50%;
	margin-top:-8px;
}
/* ////////////////////////////////////////
印刷時　PC・タブレット以上
//////////////////////////////////////// */
@media screen and (min-width: 768px), print{
	#edit .renkei{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	/*営業部*/
	#sales .img1{
		width:30%;
	}
	#sales .text1{
		padding-left:30px;
	}
	/*印刷事業*/
	#printing .box1{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	#printing .miryoku-box li:nth-child(1),#printing .miryoku-box li:nth-child(2){
		margin-bottom:20px;
	}
}
/* ////////////////////////////////////////
PCのみ
//////////////////////////////////////// */
@media screen and (min-width: 1100px) {
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 768px) and (max-width: 1099px){
}
/* ////////////////////////////////////////
タブレット以下
//////////////////////////////////////// */
@media screen and (max-width: 1099px){
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	#edit-title .title-section-box{
		background-size: 150px auto;
		background-position: top 10px left 20%;
	}
	#sales-title .title-section-box{
		background-size: 150px auto;
		background-position: top 5px left 24%;
	}
	#bookbinding-title .title-section-box{
		background-size: 150px auto;
		background-position: top 10px left 22%;
	}
	#plate-title .title-section-box{
		background-size: 150px auto;
		background-position: top 10px left 22%;
	}
	#printing-title .title-section-box{
		background-size: 150px auto;
		background-position: top 10px left 22%;
	}
	/*製本課*/
	#bookbinding .service-table th{
		width:100%;
		display: block;
		padding-bottom:0;
	}
	#bookbinding .service-table td{
		display: block;
		padding-top:0;
	}
}
/* ////////////////////////////////////////
印刷用
//////////////////////////////////////// */
@media print{
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 470px){
}
@media screen and (max-width: 320px){
}
