@charset "utf-8";
/*
iframe html{ 
	overflow: hidden; 
	}

@media screen and (max-width: 750px) {
	iframe html{ 
		overflow: inherit !important; 
		}
	}
*/
/*=================================
ピープレスとは
==================================*/
.features .lBlk{
	float:left;
	width:655px;
	}
.features .rBlk{
	float:right;
	margin-right:10px;
  margin-top: 18px;
	}
.features #contents h2{ 
	margin-bottom:15px;
	}
.features #contents p.copy{
	font-size:18px;
	line-height:1.94;
	letter-spacing:.078em;
	margin-bottom:75px;
	}
@media screen and (max-width: 750px) {
	.features #contents p.copy{
		font-size:14px;
		line-height: 1.875;
		margin-bottom: 0;
		}
	.features .rBlk,
	.features .lBlk{
		float:none;
		width:100%;
		margin: 0 0 45px 0;
		}
	.features .rBlk img{
		width: 58.133%;
		margin: 0 23.733% 0 18.133%;
		}
	}
/*=================================
高品質のヒミツ
==================================*/
.quality #contents .lnkBtn{
	margin-bottom: 70px;
	margin-top: 50px;
	}
.quality .lBlk{ 
	width:400px;
	}
.quality .lBlk p{ 
	margin-bottom:25px;
	}
.quality .lnkBtnR a{
	width:200px; 
	}
@media screen and (max-width: 750px) {
	.quality #contents .lnkBtn{
		margin-bottom: 35px;
		margin-top: 25px;
		}
	.quality .lBlk,
	.quality .rBlk{ 
		width:100%;
		float: none;
		}
	.quality .rBlk{
		margin-bottom: 30px;
		}
	.quality .rBlk img{
		width: 100%;
		}
	.quality .lBlk p{ 
		margin-bottom:18px;
		}
	.quality .lnkBtnR a{
		width:180px; 
		}
	}
/*モーダル*/

.qualityMd #contents{
	margin-bottom: 0;
	}
.qualityMd #contents h3{
	margin-bottom:20px;
	}
.qualityMd p{
	margin-bottom:30px; 
	}
.qualityMd .lineBox ul li{
	float:left;
	font-size:19px;
	margin-right:20px;
	}
@media screen and (max-width: 750px) {
	.qualityMd p{
		margin-bottom:15px; 
		line-height: 1.5;
		}
	.qualityMd .lineBox{
		padding: 15px;
	}
	.qualityMd .lineBox ul li{
		font-size:14px;
		}
	}
/*=================================
/*  本づくりの工程
==================================*/
@media screen and (max-width: 750px) {
	.process h2 + .text{
		margin-bottom: 30px;
	}
}

/*エリアbl01（フロー）*/

.process #bl01 li{
	margin-top:70px;
	zoom:1;
	padding-left: 90px;
	background: no-repeat left top;
	}
.process #bl01 li:nth-child(1){background-image: url(../img/common/icon_15_001.png);}
.process #bl01 li:nth-child(2){background-image: url(../img/common/icon_15_002.png);}
.process #bl01 li:nth-child(3){background-image: url(../img/common/icon_15_003.png);}
.process #bl01 li:nth-child(4){background-image: url(../img/common/icon_15_004.png);}
.process #bl01 li:nth-child(5){background-image: url(../img/common/icon_15_005.png);}
.process #bl01 li:nth-child(6){background-image: url(../img/common/icon_15_006.png);}
.process #bl01 li:nth-child(7){background-image: url(../img/common/icon_15_007.png);}
.process #bl01 li:nth-child(8){background-image: url(../img/common/icon_15_008.png);}
.process #bl01 li:nth-child(9){background-image: url(../img/common/icon_15_009.png);}
.process #bl01 li:nth-child(10){background-image: url(../img/common/icon_15_010.png);}
.process #bl01 li img{
	float: right;
	}
.process #bl01 li h3{
	border-bottom:solid 1px #a3a4a5;
	margin-bottom:15px;
	padding-bottom:10px;
	padding-left: 0px;
	font-size:24px;
	line-height:1.416;
	background-image: none;
	width: 270px;
	}
.process #bl01 li .title{
	display: none;
	}
.process #bl01 li .txt{
	width: 270px;
	}
.process #bl01 li .lnkBtnR{
	width: 166px;
	margin-top: 20px;
	}
@media screen and (max-width: 750px) {
	.process #bl01 li{
		padding-left: 0;
		background-image:none !important;
		margin-top: 10px;
		}
	.process #bl01 li .wrapBox{
		padding: 30px;
	}
	.process #bl01 li h3{
		display: none;
		}
	.process #bl01 li img{
		float: none;
		width: 100%;
		margin-bottom: 20px;
		}
	.process #bl01 li .title{
		display: block;
		}
	.process #bl01 li .txt{
		width: 100%;
		}
	.process #bl01 li .txt .lnkBtnR {
		display: block;
		}
	.process li .title a{
		background-color: #aeb6ba;
		display:inline-block;
		font-size:18px;
		color:#fff;
		line-height:1.7;
		letter-spacing:.05em;
		box-sizing:border-box;
		-webkit-font-smoothing:subpixel-antialiased;
		-moz-osx-font-smoothing:auto;
		width: 100%;
		text-indent: -25px;
		padding:35px 35px 35px 55px;
		}
	.process li .title a::before{
		background:url(../img/common/icon_01_180.png) no-repeat center center;
		background-size: 29px auto;
		float: right;
		height: 29px;
		width: 29px;
		content: "";
		margin-left: 10px;
		}
	.process li .title.select a::before{
		background:url(../img/common/icon_01_000.png) no-repeat center center;
		background-size: 29px auto;
		}
	.process li:nth-child(4) .title a,
	.process li:nth-child(8) .title a{/*2行の調整*/
		padding:20px 35px 20px 55px;
		background-position: left center;
		}
	.process li:nth-child(4) .title a::before,
	.process li:nth-child(8) .title a::before{
		margin-top: 15px;
		}
	}
/*エリアbl0２（有料となる修正について）*/
.process #bl02 p{
	margin-bottom:30px; 
	}
.process #bl02 img{
	margin:0 5px 5px 0; 
	}
.process #bl02 .lineBox ul li{
	float:left;
	font-size:19px;
	margin-right:20px;
	}
@media screen and (max-width: 750px) {
	.process #bl02{
		border-top: none !important;
		padding-top: 0 !important;
	}
	.process #bl02 .lineBox ul li{
		float:none;
		font-size:14px;
		display: inline;
		margin-right: 0;
		text-indent: 0;
		padding-left: 0;
		}
	}
/*==================================
あなたも作家
==================================*/
.debut #contents .lnkBtn{
	margin-bottom: 70px;
	margin-top: 50px;
	}
.debut section#bl01{
	width:770px;
	/*margin-left:-35px;*/
	}
@media screen and (max-width: 750px) {
	.debut #contents .lnkBtn{
		margin-bottom: 35px;
		margin-top: 25px;
	}
	.debut #contents section{
		border-top:solid 1px #ccc;
    scroll-margin-top: 50px;
		margin-top:50px;
		padding-top:49px;
		}
	.debut section#bl01{
		border-top:none;
		margin-top:0;
		padding-top:0;
		margin-left:0;
		width: 100%;
		}
	}
/*エリアbl01（テーマや使い方は自由自在）*/

.debut #bl01 .caseList{
	margin:0 -35px;
}
.debut #bl01 .case{
	float:left;
	width:315px;
	margin:0 35px 80px;
	}
.debut #bl01 .case .lnkBtnR,
.debut #bl01 .case .lnkBtnR a{
	width: 100%;
	}
.debut #bl01 p{ 
	margin-bottom:25px; 
	}
.debut #bl01 strong{
	display:block;
	margin-bottom:5px;
	font-size:24px;
	line-height:1;
	}
.debut #bl01 .icon{
	margin:0 15px 5px;
	}
@media screen and (max-width: 750px) {
	.debut #bl01 h3{
		margin-left:0;
		}
	.debut #bl01 .caseList{
		margin:0;
	}
	.debut #bl01 .case{
	float:none;
	width:100%;
	margin: 0 0 50px 0;
	}
	.debut #bl01 .case .figure img{
		width: 100%;
	}
	.debut #bl01 .case .figure +p{
		font-size: 16px;
	}
	.debut #bl01 strong{
		font-size:20px;
		}
	.debut #bl01 strong img{
		width: 18px;
		height: inherit;
		}
	}
/*エリアbl02（出版後も万全のサポート体制）*/
.debut section#bl02{
	margin-top:0; 
	}
.debut #bl02 .lBlk{ 
	width:390px; 
	}
@media screen and (max-width: 750px) {
	.debut #bl02 .rBlk,
	.debut #bl02 .lBlk{ 
		width:100%;
		float: none;
		}
	.debut #bl02 .rBlk{
		margin-bottom: 30px;
		}
	.debut #bl02 .rBlk img{
		width: 100%;
		}
	.debut #bl02 .lBlk{ 
		font-size: 16px;
		}
	}

/*エリアbl02（出版後も万全のサポート体制）*/

.debut #bl03 p{ 
	margin-bottom:30px;
	}
.debut #bl03 p.txt{
	margin-bottom:30px;
	}
.debut #bl03 p.ttl{
	display: block;
  font-size: 20px;
  margin-bottom: 20px;
	}
@media screen and (max-width: 750px) {
	.debut #bl03 p.txt{
		font-size: 16px;
		}
  .debut #bl03 p.ttl{
    font-size: 16px;
    margin-bottom: 15px;
    }

	}
/*モーダル*/

.debutMd #contents{
	width:717px;
	margin:0 auto;
	}
.debutMd #contents p{
	line-height:1.857;
	letter-spacing:.02em;
	}
.debutMd h1{
	margin-bottom:15px;
	font-size:20px;
	letter-spacing:.05em;
	}
.debutMd .imgBox{
	float:left;
	width:282px;
	}
.debutMd .imgBox p span{
	display: block;
	text-align: left;
}
.debutMd .imgBox p{
	display:none;
	font-size:14px;
	}
.debutMd .imgBox p:first-child{
	display:block; 
	}
.debutMd .imgBox p img{
	margin-bottom:12px;
	border: #ccc solid 1px;
	}
.debutMd .tab{
	float:right;
	display: flex;
	flex-wrap: wrap;
	width:416px;
	margin: 0 -5px;
	box-sizing: border-box;
	}
.debutMd .tab li{
	overflow:hidden;
	/* float:left; */
	width: 20%;
	padding:5px;
	box-sizing: border-box;
	cursor:pointer;
	}
.debutMd .tab li span{
	display: block;
	box-sizing: border-box;
	background-color: #fff;
	padding: 3px;
	}
.debutMd .tab li img{
	border:#ccc solid 1px;
	width: 100%;
	height: inherit;
	margin: -1px;
	}
.debutMd .tab li:hover{
	opacity:.7; 
	}
.debutMd .tab li.select span{
	cursor:default;
	background-color: #00a63c;
	}
.debutMd .tab li.select img{ 
	border:#00a63c solid 1px;
	}
.debutMd .tab li.select:hover{
	opacity:1; 
	}
@media screen and (max-width: 700px) {
	.debutMd #contents{
		width:100%;
		padding: 10px;
		box-sizing: border-box;
		}
	.debutMd .imgBox{
		float:none;
		width:auto;
		text-align: center;
		}
	.debutMd .tab{
		float:none;
		clear: both;
		margin: 0 -5px;
		box-sizing: border-box;
		width: auto;
		}
	.debutMd .imgBox img{
		width: 100%;
		}
	.debutMd .imgBox span{
		float: left;
		}
	.debutMd .tab li{
		padding:5px;
		width: 33.33%;
		}
	.debutMd .tab li:nth-child(3n+1){
		clear: both;
	}
}