.content {
  border-top: 10px solid #31ae3e;
}
.page-title {
  color: #31ae3e;
}
.maker {
  max-width: 860px;
}
.maker h3 {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 2px solid #666;
  margin-top: 10px;
}
.maker > div {
  padding-top: 40px;
  padding-bottom: 40px;
}
.maker .flex {
  padding: 0px 0px 40px;
}
.maker .flex > p {
  width: 65%;
}
.maker .flex > p.sumirin{
  width: 100%;
}
.maker .flex > p.sumirin img{
  width: 40%;
}
.maker .flex > p.logo {
  width: 30%;
}
.maker h4 {
  margin-top: 40px;
  margin-bottom: 10px;
}
.maker span {
  display: block;
}
.maker div p{
	letter-spacing: 0.05em;	
}
.maker p.bukken a {
  display: block;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  color: #000;
  font-size: 2rem;
  border: 1px solid #999;
}
.get-book {
  padding-bottom: 40px;
}
.bnr-book a {
  width: 100%;
  margin: 20px auto;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  background-color: #31ae3e;
}
.maker-catch {
  font-size: 1.7rem;
}
/* ===============================================================================
media query
=============================================================================== */
@media screen and (max-width:768px) {
  .maker .flex > p {
    width: 100%;
  }
  .maker .flex > p.logo {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	max-width: 300px;
  }
  .maker h4 {
    text-align: center;
  }
  .maker-catch {
    font-size: 1.6rem;
  }
  .maker-catch br ,.maker div p br{
    display: none;
  }
	.maker div p br.sp-active{
	display: block;		
	}
}