@charset "utf-8";
/*------------------------------------------------------------
	下層ページ
------------------------------------------------------------*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.subImg {
	padding-top: 120px;
	position: relative;
	background:#7fc97a;
}
.subImg h2 {
	line-height:150px;
	height:150px;
	text-align:center;
	color:#fff;
	font-size: 3.5rem;
}

.bread_crumb_list{
	background:#f2f2f2;
	padding:10px 0;
}
.bread_crumb_list ul {
	width: 1100px;
	margin: 0 auto;
	text-align:left;
}
.bread_crumb_list ul li { display: inline;}
.bread_crumb_list ul li:after {
	content : '>';
	padding-left: 7px;
}
.bread_crumb_list ul li:last-child:after { content : '';}

.subcon{ padding-bottom:100px;}
.subcon h3{ margin-top:100px;}
.subcon h4 {
	color:#fff;
	font-size: 2rem;
	background:#fdbc54;
	padding:20px 30px;
	margin-top:50px;
}
.subcon h4:first-of-type {margin-top:0px;}

ul.new_list {
	margin: -20px 0 60px;
	display: flex;
	flex-wrap: wrap;
}
ul.new_list li {
	margin: 20px 20px 20px 0;
	width: 200px;
	font-weight: bold;
	line-height: 1.75;
	letter-spacing: 1.5px;
	background-color: #fff;
	position: relative;
	border:#e0e0e0 solid 1px;
}
ul.new_list a {
	padding: 44px 26px 40px;
	display: block;
	position: relative;
}
ul.new_list a:hover {opacity: 0.7;}
ul.new_list .time {
	width: 100%;
	position: absolute;
	top: -20px;
	left: 0;
	line-height: 1;
	text-align: center;
}
ul.new_list .time span {
	padding: 13px 15px 12px;
	min-width: 130px;
	color: #fff;
	font-size: 1.5rem;
	display: inline-block;
	background-color: #fdbc54;
	box-sizing: border-box;
}
ul.new_list li:nth-child(5n) {margin-right: 0;}
ul.new_list .more {
	padding-right: 11px;
	font-size: 1.6rem;
	position: absolute;
	right: 11px;
	bottom: 7px;
	line-height: 1;
	background: url(../img/index/icon.jpg) no-repeat right top 5px;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: 1px;
}

.dl_box{
	background:#fbf8f3;
	padding:30px;
}
.dl_box .img{
	width:20%;
	float:left;
}
.dl_box .img img{
	width:100%;
	height:auto;
}
.dl_box .txt{
	width:75%;
	float:right;
}
.dl_box .txt ul{}
.dl_box .txt ul li{
	display:inline-block;
	margin-right: 30px;
    line-height: 30px;
}
.dl_box .txt ul li a{
    font-size: 1.1em;
    font-weight: 600;
}

ul.order_list{}
ul.order_list li{
	width:32%;
	float:left;
	margin-right:2%;
	border:1px solid #fdbc54;
	box-sizing: border-box;
}
ul.order_list li:last-child{margin-right:0;}
ul.order_list li dl{}
ul.order_list li dl dt{
	color:#fff;
	font-size: 1.8rem;
	background:#fdbc54;
	padding:20px;
	text-align:center;
}
ul.order_list li dl dd{padding:20px;}
ul.order_list li dl dd .btn{ margin-top:10px;}
ul.order_list li dl dd .btn a{ width:100%;}

table.table {
	width:100%;
	margin:0 auto 30px;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
table.table tr th {
	width:250px;
	vertical-align:middle;
	padding: 20px;
	text-align: left;
	background: #67bf63;
	color:#fff;
	border-bottom: 1px solid #ddd;
}
table.table tr th span{
	font-size: 1.2rem;
	background: #fff;
	padding: 2px 10px;
	margin-left: 10px;
	color: #67bf63;
}
table.table tr td {
	padding: 20px;
	text-align: left;
	vertical-align: middle;
	background:#fff;
	border-bottom: 1px solid #ddd;
}
table.table tr td input[type="text"] {
	width:70%;
	background: #f2f2f2;
	border:none;
	padding:15px;
}
table.table tr td textarea {
	width: 100%;
	height: 200px;
	background: #f2f2f2;
	border:none;
	padding:15px;
}
table.table tr td .pr_conts {
	overflow: hidden;
	height: 200px;
	overflow-y: scroll;
	padding:20px;
	width: 100%;
	border:1px solid #ccc;
	margin-bottom:10px;
}
table.table tr td .pr_conts div{
	text-align:left;
	margin-top:20px;
	color:#003c1f;
	font-size: 1.5rem;
	font-weight:bold;
	border-left:#003c1f solid 5px;
	padding-left:5px;
	margin-bottom:10px;
}
table.table tr td .pr_conts div:first-of-type{margin-top:0px;}
table.table tr td input[type="checkbox"] { margin-right:3px;}
.btn_box{text-align: center;}
.btn_box input[type="submit"] {
	color: #fff;
	background: #fdbc54;
	border: none;
	text-align: center;
	width:250px;
	margin: 0 auto;
	cursor: pointer;
	height:60px;
	line-height:60px;
	font-size: 1.8rem;
	transition: .3s;
}
.btn_box input[type="submit"]:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

ul.btn_list { margin-bottom:60px;}
ul.btn_list li {
	width:30%;
	float:left;
	margin-right:2%;
}
ul.btn_list li:last-child {margin-right:0;}
ul.btn_list li a {
	display:block;
	width:100%;
	line-height:60px;
	height:60px;
	text-align: center;
	font-size: 1.6rem;
	border:2px solid #f2f2f2;
}
ul.btn_list li:nth-child(8) a {
	border:2px solid #f79d96;
	color:#f79d96;
}
ul.btn_list li:nth-child(2) a {
	border:2px solid #84c4e5;
	color:#84c4e5;
}
ul.btn_list li:nth-child(3) a{
	border:2px solid #c30d23;
	color:#c30d23;
}
ul.btn_list li:nth-child(4) a{
	border:2px solid #2e6432;
	color:#2e6432;
}
ul.btn_list li:nth-child(5) a{
	border:2px solid #f79600;
	color:#f79600;
}
ul.btn_list li:nth-child(6) a{
	border:2px solid #ea6290;
	color:#ea6290;
}
ul.btn_list li:nth-child(7) a{
	border:2px solid #920784;
	color:#920784;	
}
ul.btn_list li.on a,
ul.btn_list li a:hover { background:#f2f2f2;}
ul.btn_list li:nth-child(8).on a,
ul.btn_list li:nth-child(8) a:hover {
	color:#fff;
	background:#f79d96;
}
ul.btn_list li:nth-child(2).on a,
ul.btn_list li:nth-child(2) a:hover {
	color:#fff;
	background:#84c4e5;
}
ul.btn_list li:nth-child(3).on a,
ul.btn_list li:nth-child(3) a:hover{
	color:#fff;
	background:#c30d23;
}
ul.btn_list li:nth-child(4).on a,
ul.btn_list li:nth-child(4) a:hover{
	color:#fff;
	background:#2e6432;
}
ul.btn_list li:nth-child(5).on a,
ul.btn_list li:nth-child(5) a:hover{
	color:#fff;
	background:#f79600;
}
ul.btn_list li:nth-child(6).on a,
ul.btn_list li:nth-child(6) a:hover{
	color:#fff;
	background:#ea6290;
}
ul.btn_list li:nth-child(7).on a,
ul.btn_list li:nth-child(7) a:hover{
	color:#fff;
	background:#920784;
}


ul.book_list {}
ul.book_list li {
	width: 240px;
	font-weight: bold;
	line-height: 1.35;
	flex-shrink:0;
	background-color: #fff;
	float:left;
	margin:0 45px 45px 0;
}
ul.book_list li:nth-child(4n) {margin:0 0 45px 0;}
ul.book_list li a {display: block;}
ul.book_list li a:hover {opacity: 0.7;}
ul.book_list li .photo {
	padding: 22px 15px 21px;
	text-align: center;
	background-color: #f3f0c4;
}
ul.book_list li .textBox {
	padding: 52px 24px 17px;
	min-height: 130px;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	border:1px solid #ddd;
	border-top:none;
}
ul.book_list .textBox .lable {
	padding: 8px 11px 6px;
	color: #fff;
	font-size: 1.2rem;
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 0.5px;
	background-color: #f79d96;
}
ul.book_list .textBox .blue {background-color: #84c4e5;}
ul.book_list .textBox p {font-size: 1.4rem;}
ul.book_list .textBox .ttl {
	margin-bottom: 7px;
	min-height: 43px;
	font-size: 1.6rem;
}
ul.book_list .textBox .ttl span {
	margin-top: 3px;
	font-size: 1.4rem;
	display: block;
}

.book_img{
	margin:50px auto;
	text-align:center;
}
.contact_btn{
	width:450px;
	margin:0 auto;
}
.contact_btn a {
	margin: 0 auto;
	padding: 15px 0;
	width: 100%;
	color: #fff;
	font-weight: bold;
	font-size: 1.8rem;
	display: block;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 1px;
	background-color: #67bf63;
}
.contact_btn a:hover {opacity: 0.7;}

.subcon.comBox .company_img {
    text-align: center;
    margin-bottom: 30px;
}

@media all and (max-width: 767px) {
.subImg {padding-top: 70px;}
.subImg h2 {
	line-height:100px;
	height:100px;
	font-size: 2.5rem;
}
.subcon{padding:0 10px 80px 10px;}
.subcon h3{ margin-top:80px;}
.subcon h4 {
	font-size: 1.8rem;
	padding:10px 20px;
}
.subcon h4:first-of-type {margin-top:0px;}

ul.new_list {
	margin-top: -40px;
	justify-content: space-between;
}
ul.new_list li {
	margin: 40px 0 0 0;
	width: 48%;
}
ul.new_list a {padding: 27px 8px 40px;}
ul.new_list .time span {
	min-width: 90px;
	padding: 9px 11px 9px;
	font-size: 1.2rem;
}
ul.new_list .time {top: -15px;	}

.dl_box{padding:20px;}
.dl_box .img{width:30%;}
.dl_box .txt{width:65%;}

ul.order_list li{
	width:100%;
	float:none;
	margin:0 0 20px 0;
}
ul.order_list li:last-child{margin:0;}
ul.order_list li dl dt{font-size: 1.6rem;}

table.table {margin:0 auto 20px;}
table.table tr th {
	width:100%;
	display:block;
	padding: 15px;
	box-sizing: border-box;
}
table.table tr td {
	width:100%;
	display:block;
	padding: 15px;
	box-sizing: border-box;
}
table.table tr:last-child td{border-bottom:none;}
table.table tr td input[type="text"] {
	width:100%;
	box-sizing: border-box;
}
table.table tr td textarea {
	height: 150px;
	box-sizing: border-box;
}
table.table tr td .pr_conts {
	height: 150px;
	box-sizing: border-box;
}
.btn_box input[type="submit"] {
	width:200px;
	height:50px;
	line-height:50px;
}

ul.btn_list { margin-bottom:60px;}
ul.btn_list li {
	width:100%;
	float:none;
	margin:0 0 20px 0;
}
ul.btn_list li:last-child {margin:0;}
ul.book_list li {
	margin:0 auto 20px;
	width: 230px;
	float: none;
}
ul.book_list li:nth-child(4n) {margin:0 auto 20px;}
ul.book_list li:last-child {margin:0 auto;}
ul.book_list li .textBox {padding: 52px 13px 19px;}
ul.book_list .textBox .ttl {font-size: 1.4rem;}
ul.book_list .textBox p,
ul.book_list .textBox .ttl span {font-size: 1.2rem;}

.book_img{margin:30px auto;}
.contact_btn{width:300px;}
.contact_btn a {font-size: 1.4rem;}
}





.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:50px auto 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	color: #fff;
	border: 1px solid #67bf63!important;
	background: #67bf63;
	padding: 6px 12px!important;
	margin: 0 3px 5px!important;
	white-space: nowrap;
	text-align: center;
	text-decoration: none!important;
}
.wp-pagenavi a:hover{
	background: #fdbc54;
	border: 1px solid #fdbc54!important;
	opacity: 1!important;
}
.wp-pagenavi span.current{
	background: #fdbc54;
	border: 1px solid #fdbc54!important;
}
.wp-pagenavi span.pages {display: none!important;}

.single-navi {
	clear: both;
	margin: 50px auto 0;
	position:relative;
	width:300px;
	height:40px;
}
.single-navi a {
	display: block;
	width:95px;
	color: inherit;
    background: #67bf63;
    color: #fff;
	border: 1px solid #67bf63;
	white-space: nowrap;
	text-align: center;
	text-decoration: none;
	position:absolute;
	line-height:40px;
	height:40px;
}
.single-navi a.list{
	top:0;
	right:0;
	left:0;
	margin:auto;
}
.single-navi a.next{
	top:0;
	right:0;
}
.single-navi a.prev{
	top:0;
	left:0;
}
.single-navi a:hover {
    background: #fdbc54;
	border: 1px solid #fdbc54;
}
.dl_box .txt ul li{
	min-width: 39%;
}