/*
Theme Name: くすの木総合法務事務所用テーマ
Theme URI: http://www.weby.co.jp/
Author: 株式会社WEBY
Author URI: http://www.weby.co.jp/
Description: くすの木総合法務事務所用のテーマです。
Version: 1.0
*/
html,body {
	color: #585858;
}
body {
	font-family: Helvetica, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
}

.base-width {
	box-sizing: content-box;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 10px;
}

.annotation p {
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.2em;
}

.btn {
	display: block;
	border-radius: 4px;
	text-decoration: none;
}
.btn.btn-green {
	background: #5fb423;
	color: #fff;
}
.btn.btn-white {
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #f1f1f1 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom,  #fff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 );
	color: #333;
	border: 1px solid #ddd;
}
.privacy-block{
	overflow: auto;
	height:100px;
	padding: 10px;
	border: 1px solid #c3c3c3;
}

.red{
	color: #d31031;
}
/* header */

#header-desc {
	border-bottom: 1px solid #e4e4e4;
}
#header-desc p {
	padding: 5px 0;
	line-height: 1.5em;
	color: #646464;
	font-size: 12px;
}
#header-cnt {
	position: relative;
}
#header-cnt .base-width {
	padding: 10px;
}
#header-cnt img {
	display: block;
	width: 100%;
	height: auto;
}
#header-cnt .logo {
	width: 300px;
	height: 60px;
	float: left;
	padding-top: 10px;
}
#header-cnt .header-uketsuke {
	width: 160px;
	float: left;
	margin: 0 20px;
}
#header-cnt .header-info {
	width: 260px;
	height: 95px;
	padding-left: 9px;
	padding-right: 10px;
	border-left: 1px solid #e4e4e4;
	float: left;
	line-height: 1.5em;
	color: #7f745e;
	font-size: 14px;
}
#header-cnt .header-info .address {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #afa89a;
}
#header-cnt .header-info .annotation p {
	font-size: 11px;
}
#header-cnt .header-inq {
	width: 220px;
	float: left;
	overflow: hidden;
}
#header-cnt .header-inq p {
	padding-bottom: 5px;
	line-height: 1;
	color: #7f745e;
	font-size: 16px;
}
.header-inq .header-tel {
	display: block;
	padding: 0 0 2px 35px;
	background: url(images/global/icn_free_dial_60x40.png) 0 4px no-repeat;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	line-height: 1.1em;
	color: #5fb423;
	text-decoration: none;
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
}
#header-cnt .header-inq .inq-form .btn.btn-green {
	padding: 8px 0;
}
#header-cnt .menu-btn {
	display: none;
}
.page-top
{
	margin: 0 ;
	padding: 0 ;
	width: 100% ;
	display: none;
}
 
.page-top .fixedInner
{
	margin: 0 ;
	padding: 0 ;
	width: 100% ;

	position: fixed ;
	bottom: 0px ;
}
 
.move-page-top
{
	display: block ;
	background: #f4f4e9 ;
	width: 100% ;
	height: 40px ;


	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
	
	
    display: table;
    table-layout: fixed;
    padding: 5px;
}
.move-page-top li{
	text-align: center;
    display: table-cell;
    padding-right: 5px;
}
.move-page-top li:last-child{
    padding-right: 0px;
}

.move-page-top a{
	display: block;
	background-color: #f15472;
	border:solid 2px #f15472;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 8px;
    box-sizing: border-box !important;
}
.move-page-top li:first-child a{
	background-color: #fff;
	color: #f15472;
	
	border:solid 2px #f15472;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.move-page-top .fixedMember{
	background-color: #ebad4c !important;
	color: #fff !important;
	
	border:solid 2px #ebad4c !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.sp_eigyou{
	display:none;
}

@media screen and (max-width: 1040px){
	#header-cnt .logo {
		width: 30%;
		height: auto;
	}
	#header-cnt .header-uketsuke {
		width: 15%;
		margin: 0 1%;
	}
	#header-cnt .header-info {
		box-sizing: content-box;
		width: 28.8%;
		height: auto;
		padding-left: 1%;
		padding-right: 1%;
		font-size: 12px;
	}
	#header-cnt .header-info .address {
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	#header-cnt .header-info .annotation p {
		font-size: 10px;
	}
	#header-cnt .header-inq {
		width: 22%;
	}
	#header-cnt .header-inq p {
		font-size: 14px;
	}
	.header-inq .header-tel {
		padding-left: 24px;
		font-size: 22px;
		-webkit-background-size: 20px 14px;
		background-size: 20px 14px;
	}
	#header-cnt .header-inq .inq-form .btn.btn-green {
		padding: 4px 0;
	}
}
@media screen and (max-width: 800px){
	#header-cnt .logo {
		width: 200px;
		padding-top: 0;
		margin-right: 10px;
	}
	#header-cnt .header-uketsuke,
	#header-cnt .header-info {
		display: none;
	}
	#header-cnt .header-inq {
		width: 170px;
		padding-right: 170px;
		position: relative;
	}
	#header-cnt .header-inq p {
		padding-top: 5px;
		padding-bottom: 2px;
		font-size: 12px;
	}
	#header-cnt .header-inq .inq-form {
		position: absolute;
		top: 0;
		right: 0;
		width: 170px;
	}
	.header-inq .header-tel {
		padding-bottom: 0;
	}
	#header-cnt .header-inq .inq-form .btn.btn-green {
		padding: 10px 0;
	}
	#header-cnt .menu-btn {
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#header-cnt .menu-btn a {
		display: block;
		width: 40px;
		height: 40px;
		padding-top: 6px;
		box-sizing: border-box;
		border: 1px solid #5fb423;
		border-radius: 4px;
		background: #fff;
		text-align: center;
		color: #5fb423;
		text-decoration: none;
		font-size: 10px;
		font-weight: bold;
	}
	#header-cnt .menu-btn a i {
		position: relative;
		display: block;
		width: 20px;
		height: 7px;
		margin: 0 auto 8px;
		border-top: 2px solid #5fb423;
		border-bottom: 2px solid #5fb423;
	}
	#header-cnt .menu-btn a i:before {
		content: "";
		position: absolute;
		width: 20px;
		height: 2px;
		top: 8px;
		left: 0;
		background: #5fb423;
	}
}
@media screen and (max-width: 640px){
	#header-cnt .header-inq {
		padding-right: 60px;
	}
	#header-cnt .header-inq .inq-form {
		width: 60px;
		height: 40px;
	}
	#header-cnt .header-inq .inq-form a.btn.btn-green {
		width: 60px;
		height: 40px;
		padding: 0;
		background: url(images/global/icn_mail_white.png) center center no-repeat #5fb423;
		-webkit-background-size: 50px 40px;
		background-size: 50px 40px;
		white-space: nowrap;
		text-indent: 100%;
		overflow: hidden;
		border-radius: 4px;
	}
	
	.sp_eigyou{
		display:block;
	}
	
}
@media screen and (max-width: 520px){
	#header-cnt .base-width {
		padding: 10px 5px;
	}
	#header-desc p {
		line-height: 1.2em;
		font-size: 10px;
	}
	#header-cnt .logo {
		float: none;
		margin: 0;
	}
	#header-cnt .header-inq {
		width: 60px;
		float: none;
		padding-right: 0;
		position: absolute;
		top: 10px;
		right: 50px;
	}
	#header-cnt .header-inq p,
	#header-cnt .header-inq .header-tel {
		display: none;
	}
	#header-cnt .header-inq .inq-form {
		position: static;
	}
	#header-cnt .menu-btn {
		right: 5px;
	}.page-top
{
	display: block;
}

	
	.sp_eigyou{
		display:block;
	}
}
#page-header {
	width: 100%;
	position: relative;
}

/* global navigation */
#gn {
	border-top: 5px solid #7f745e;
}
#gn ul {
	margin-top: -5px;
	list-style: none;
}
#gn ul li {
	float: left;
	width: 13%;
	text-align: center;
}
#gn ul li:nth-child(1) {
	width: 9%;
}
#gn ul li:nth-child(1) a,
#gn ul li:nth-child(7) a,
#gn ul li:nth-child(8) a {
	padding: 27px 0;
}
#gn ul li a {
	display: block;
	padding: 17px 0;
	text-decoration: none;
	border-top: 5px solid #7f745e;
	color: #7f745e;
	line-height: 1;
	font-size: 16px;
	font-weight: bold;
}
html.no-touchevents #gn ul li a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#gn ul li a:hover,
#gn ul li.active a {
	border-top-color: #5fb423;
}
#gn ul li a:hover {
	background-color: #f6f6f6;
}
#gn ul li a span {
	display: block;
	padding-bottom: 8px;
	font-size: 12px;
	font-weight: normal;
}
#gn ul li:nth-child(1) a {
	background: url(images/global/icn_navi_home.png) center center no-repeat;
	-webkit-background-size: 25px 21px;
	background-size: 25px 21px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#gn ul li:nth-child(1) a:hover {
	background-color: #f6f6f6;
}
#gn ul li:nth-child(2) a span {
	color: #59b1d1;
}
#gn ul li:nth-child(3) a span {
	color: #9aaa11;
}
#gn ul li:nth-child(4) a span {
	color: #e3845e;
}
#gn ul li:nth-child(5) a span {
	color: #41af7a;
}
#gn ul li:nth-child(6) a span {
	color: #e86c95;
}
@media screen and (max-width: 1000px){
	#gn ul li a span {
		font-size: 10px;
	}
}
@media screen and (max-width: 800px){
	#gn {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
	}
	#gn {
		border-top-width: 2px;
		box-shadow: 0 2px 5px rgba(0,0,0,.2);
	}
	#gn ul {
		margin-top: -2px;
	}
	#gn.active {
		display: block;
	}
	#gn .base-width {
		background: rgba(255,255,255,.9);
		padding: 0;
	}
	#gn ul li {
		float: left;
		width: 25%;
		text-align: center;
	}
	#gn ul li:nth-child(1) {
		width: 25%;
	}
	#gn ul li a {
		border-top-width: 2px;
	}
	#gn ul li:nth-child(1) a {
		padding: 26px 0;
	}
	#gn ul li:nth-child(7) a,
	#gn ul li:nth-child(8) a {
		padding: 27px 0;
	}
}
@media screen and (max-width: 420px){
	#gn ul li {
		float: left;
		width: 50%;
		text-align: center;
	}
	#gn ul li:nth-child(1) {
		width: 50%;
	}
	#gn ul li:nth-child(1) a {
		text-indent: 0;
		background-position: 22% center;
	}
}
/* base layout */
#container {
	width: 100%;
	overflow: hidden;
}
#container .base-width {
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
#main-col {
	float: left;
	width: 100%;
	margin-right: -290px;
	padding-right: 290px;
	box-sizing: border-box;
}
#main-col.soudan {
	float: none;
	margin-right: 0;
	padding-right: 0;
}
#menu-col {
	float: right;
	width: 290px;
}
#menu-col .inner {
	padding-left: 40px;
}

@media screen and (max-width: 800px){
	#main-col {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding-right: 0;
		box-sizing: border-box;
	}
	#menu-col {
		float: none;
		width: 100%;
	}
	#menu-col .inner {
		padding-left: 0px;
	}
}
@media screen and (max-width: 480px){
	#container .base-width {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* main column */
.bnr-main-col {
	text-align: center;
}
.bnr-main-col a {
	display: inline-block;
	width: 280px;
	margin: 0 10px;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
}
html.no-touchevents .bnr-main-col a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .bnr-main-col a:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
}
.bnr-main-col a img {
	display: block;
	width: 100%;
	height: auto;
}

#main-col .more-btn {
	width: 100%;
	clear: both;
	padding: 0 0 20px;
}
#main-col .more-btn a {
	display: block;
	width: 220px;
	padding: 10px 0;
	margin: 0 auto;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #5fb423;
	border: 2px solid #5fb423;
	box-shadow: 0 2px 0 #5fb423;
	font-size: 16px;
	background: #fff;
	border-radius: 4px;
}
html.no-touchevents #main-col .more-btn a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents #main-col .more-btn a:hover {
	-webkit-transform: translateY(-3px);
	-ms-transform: translateY(-3px);
	transform: translateY(-3px);
	box-shadow: 0 5px 0 #5fb423;
	background-color: #fffdcc;
}

/* top page */

/* main visual slider */
.sp-slide {
	opacity: .3;
}
.sp-slide.sp-selected {
	opacity: 1;
}

/* mein contents list */
#top-main-cnt-list {
	background: #f3f3f3;
	padding: 30px 0;
}
#top-main-cnt-list .ttl {
	padding-bottom: 30px;
}
#top-main-cnt-list .ttl img {
	display: block;
	width: 100%;
	height: auto;
}
#top-main-cnt-list .ttl p {
	width: 100%;
	max-width: 355px;
	margin: 0 auto;
	padding-bottom: 5px;
}
#top-main-cnt-list .ttl h2 {
	width: 100%;
	max-width: 510px;
	margin: 0 auto;
}

#main-cnt-list-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#main-cnt-list-wrap .box {
	width: 20%;
}
#main-cnt-list-wrap .box a {
	display: block;
	padding: 5px;
	text-decoration: none;
	font-size: 14px;
	border-radius: 2px;
	color: #525252;
	background: #f3f3f3;
}
html.no-touchevents #main-cnt-list-wrap .box a {
	transition: all .3s ease-in-out;
}
html.no-touchevents #main-cnt-list-wrap .box a:hover {
	transform: translateY(-10px);
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
}
#main-cnt-list-wrap .box .pic {
	border-radius: 4px;
	overflow: hidden;
	border: 2px solid #ccc;
}
#main-cnt-list-wrap .box .pic img {
	display: block;
	width: 100%;
	height: auto;
}
#main-cnt-list-wrap .box#cnt-kabarai .pic {
	border-color: #59b1d1;
}
#main-cnt-list-wrap .box#cnt-nini .pic {
	border-color: #9aaa11;
}
#main-cnt-list-wrap .box#cnt-minji .pic {
	border-color: #e3845e;
}
#main-cnt-list-wrap .box#cnt-jikohasan .pic {
	border-color: #41af7a;
}
#main-cnt-list-wrap .box#cnt-tokutei .pic {
	border-color: #e86c95;
}
#main-cnt-list-wrap .box h3 {
	font-size: 18px;
	font-weight: bold;
}
#main-cnt-list-wrap .box#cnt-kabarai h3 {
	color: #59b1d1;
}
#main-cnt-list-wrap .box#cnt-nini h3 {
	color: #9aaa11;
}
#main-cnt-list-wrap .box#cnt-minji h3 {
	color: #e3845e;
}
#main-cnt-list-wrap .box#cnt-jikohasan h3 {
	color: #41af7a;
}
#main-cnt-list-wrap .box#cnt-tokutei h3 {
	color: #e86c95;
}
#main-cnt-list-wrap .box p {
	padding-bottom: 10px;
}
#main-cnt-list-wrap .box span.more {
	position: relative;
	float: right;
	display: inline-block;
	padding: 5px 30px 5px 15px;
	line-height: 1;
	background: #fff;
	font-size: 12px;
}
#main-cnt-list-wrap .box span.more:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-left: 4px solid #59b1d1;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
@media screen and (max-width: 720px){
	#main-cnt-list-wrap .box {
		width: 33.333%;
	}
}
@media screen and (max-width: 520px){
	#main-cnt-list-wrap .box {
		width: 100%;
		margin-bottom: 5px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ddd;
	}
	#main-cnt-list-wrap .box:last-child {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#main-cnt-list-wrap .box a {
		padding: 0;
		position: relative;
		padding-left: 110px;
	}
	#main-cnt-list-wrap .box .pic {
		position: absolute;
		width: 100px;
		top: 5px;
		left: 0px;
	}
	#main-cnt-list-wrap .box p {
		padding-bottom: 0;
	}
}

/* top page news list */
#top-news {

}
#top-news h3 {
	padding: 0 0 30px 40px;
	background: url(images/global/icn_news_ttl.png) 0 0 no-repeat;
	-webkit-background-size: 30px 25px;
	background-size: 30px 25px;
	font-size: 20px;
	font-weight: bold;
	color: #5fb423;
}
#top-news h3 span {
	display: inline-block;
	padding-left: 10px;
	font-weight: normal;
	font-size: 16px;
}
#top-news a {
	display: block;
	text-decoration: none;
}
#news-tabs {
}
#news-tabs ul.tab {
	list-style: none;
	margin: 0;
	padding: 0 10px;
	border-bottom: 1px solid #f2f2f2;
}
#news-tabs ul.tab li {
	width: 33%;
	max-width: 150px;
	float: left;
	text-align: center;
}
html.no-touchevents #news-tabs ul.tab li a:hover,
#news-tabs ul.tab li.active a {
	background: #f2f2f2;
	color: #5fb423;
}
#news-tabs ul.tab li:nth-child(2) {
	margin: 0 1px;
}
#news-tabs ul.tab li a {
	position: relative;
	background: #d0d0d0;
	color: #fff;
	padding: 10px 5px;
}
#news-tabs .news-cnt {
	height: 180px;
	overflow-y: scroll;
	margin-bottom: 80px;
}
#news-tabs .news-cnt::-webkit-scrollbar{
	height:2px;
}
#news-tabs .news-cnt::-webkit-scrollbar-track{background:#f2f2f2;}
#news-tabs .news-cnt::-webkit-scrollbar-thumb{
	background:#5fb423;
	border-radius: 10px;
}
#news-tabs .news-cnt ul {
	list-style: none;
	padding: 5px 0;
}
#news-tabs .news-cnt ul li {

}
#news-tabs .news-cnt ul li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 185px;
	color: #5fb423;
	text-decoration: none;
}
#news-tabs .news-cnt ul li a span {
	position: absolute;
	top: 12px;
	left: 90px;
	color: #999;
}
#news-tabs .news-cnt ul li a:before {
	position: absolute;
	display: inline-block;
	top: 12px;
	left: 0;
	width: 80px;
	padding: 3px 10px;
	line-height: 1;
	text-align: center;
	border-radius: 4px;
	background: #5fb423;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
#news-tabs .news-cnt ul li.news-news a:before {
	content: "お知らせ";
}
#news-tabs .news-cnt ul li.news-voice a:before {
	content: "お客様の声";
}
#news-tabs .news-cnt ul li.news-column a:before {
	content: "コラム";
}
@media screen and (max-width: 680px){
	#top-news h3 {
		padding: 0 0 10px 40px;
	}
}
@media screen and (max-width: 480px){
	#news-tabs ul.tab {
		padding: 0;
	}
	#news-tabs ul.tab li {
		width: 40%;
		font-size: 12px;
	}
	#news-tabs ul.tab li:first-child {
		width: 19%;
	}
	#news-tabs ul.tab li span {
		display: none;
	}
	#news-tabs .news-cnt ul li a {
		padding: 35px 10px 10px 0;
	}
}

/* top features */
#top-features {
	position: relative;
	background: url(images/global/bg_shaded_gray.png);
	-webkit-background-size: 48px 48px;
	background-size: 48px 48px;
}
#top-features h3 {
	position: absolute;
	left: 50%;
	top: -50px;
	margin-left: -207px;
	width: 100%;
	max-width: 415px;
}
#top-features h3 img {
	display: block;
	width: 100%;
	height: auto;
}
#top-features ol {
	padding: 90px 20px 40px;
	list-style: none;
	font-size: 18px;
}
#top-features ol li {
	position: relative;
	margin: 0 0 20px;
	padding: 20px 10px 20px 30px;
	border-radius: 4px;
	background: #5fb423;
	color: #fff;
}
#top-features ol li:before {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #5fb423;
	color: #fff;
	font-size: 20px;
}
#top-features ol li:nth-child(1):before {
	content: "1";
}
#top-features ol li:nth-child(2):before {
	content: "2";
}
#top-features ol li:nth-child(3):before {
	content: "3";
}
#top-features ol li:nth-child(4):before {
	content: "4";
}
#top-features ol li:nth-child(5):before {
	content: "5";
}
#top-features ol li em {
	font-style: normal;
	color: #f7ff27;
}
@media screen and (max-width: 480px){
	#top-features h3 {
		position: absolute;
		left: 50%;
		top: -40px;
		margin-left: -150px;
		width: 300px;
		max-width: 300px;
	}
	#top-features ol {
		padding: 70px 10px 20px;
		list-style: none;
		font-size: 16px;
	}
	#top-features ol li {
		position: relative;
		margin: 0 0 20px;
		padding: 10px 10px 10px 30px;
		border-radius: 4px;
		background: #5fb423;
		color: #fff;
	}
	#top-features ol li:last-child {
		margin-bottom: 0;
	}
}
/* top voice */
#top-voice h3 {
	padding: 0 0 30px 40px;
	background: url(images/global/icn_voice_ttl.png) 0 0 no-repeat;
	-webkit-background-size: 32px 30px;
	background-size: 32px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #5fb423;
}
#top-voice h3 span {
	display: inline-block;
	padding-left: 10px;
	font-weight: normal;
	font-size: 16px;
}

#voice-list {
	position: relative;
	margin-bottom: 40px;
	padding: 20px 0 0 20px;
	background: url(images/global/bg_shaded_green.png);
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
	border-radius: 4px;
}
#voice-list .item {
	float: left;
	width: 50%;
}
#voice-list .item a {
	position: relative;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 2px;
	color: #333;
	text-decoration: none;
}
#voice-list .item .pic {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 2px solid #5fb423;
	overflow: hidden;
}
#voice-list .item .pic img {
	display: block;
	width: 100%;
	height: auto;
}
#voice-list .item .txt {
	display: block;
	padding: 10px 10px 10px 80px;
}
#voice-list .item .txt .user-name {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #5fb423;
	font-size: 14px;
}
#voice-list .item .txt .labels {
	display: block;
}
#voice-list .item .txt .labels span {
	display: block;
	width: 48%;
	padding: 6px 0 6px 30px;
	background: url(images/global/icn_label.png) 5px center no-repeat #5fb423;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
}
#voice-list .item .txt .labels span:nth-child(odd) {
	float: left;
}
#voice-list .item .txt .labels span:nth-child(even) {
	float: right;
}
@media screen and (max-width: 680px){
	#top-voice h3 {
		padding: 0 0 10px 40px;
	}
	#voice-list {
		padding: 10px 0 0 10px;
	}
	#voice-list .item a {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#main-col #voice-list .more-btn {
		padding-bottom: 14px;
	}
	#voice-list .item .txt .labels span {
		font-size: 12px;
	}
}
@media screen and (max-width: 580px){
	#voice-list .item {
		float: none;
		width: 100%;
	}
	#voice-list .item a {
		margin-right: 10px;
		margin-bottom: 10px;
	}
}
/* top flow */

#top-flow h3 {
	padding: 0 0 30px 40px;
	background: url(images/global/icn_flow_ttl.png) 0 0 no-repeat;
	-webkit-background-size: 26px 35px;
	background-size: 26px 35px;
	font-size: 20px;
	font-weight: bold;
	color: #5fb423;
}
#top-flow h3 span {
	display: inline-block;
	padding-left: 10px;
	font-weight: normal;
	font-size: 16px;
}
#flow-step ol {
	list-style: none;
}
#flow-step ol li {
	position: relative;
	width: 30%;
	float: left;
	background: url(images/top/bg_flow_green.png);
	-webkit-background-size: 50px 50px;
	background-size: 50px 50px;
}
#flow-step ol li:before {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 11px;
	top: 50%;
	right: -7px;
	margin-top: -5px;
	background: url(images/top/arrow_flow_step.png) 0 0 no-repeat;
	-webkit-background-size: 10px 11px;
	background-size: 10px 11px;
}
#flow-step ol li:last-child:before {
	display: none;
}
#flow-step ol li:nth-child(2) {
	margin: 0 5%;
}
#flow-step ol li .step-inner {
	position: relative;
	display: block;
	margin: 3px;
	padding: 5px;
	background: #fff;
}
#flow-step ol li .step-inner:before {
	content: "";
	position: absolute;
	display: block;
	top: -20px;
	left: 5px;
	width: 55px;
	height: 55px;
	background: url(images/top/icn_flow_step_1.png);
	-webkit-background-size: cover;
	background-size: cover;
}
#flow-step ol li:nth-child(2) .step-inner:before {
	background-image: url(images/top/icn_flow_step_2.png);
}
#flow-step ol li:nth-child(3) .step-inner:before {
	background-image: url(images/top/icn_flow_step_3.png);
}
#flow-step ol li .step-inner .ttl {
	display: block;
	padding: 0 0 5px 60px;
	font-size: 16px;
	font-weight: bold;
}
#flow-step ol li .step-inner .pic {
	display: block;
	padding-bottom: 5px;
}
#flow-step ol li .step-inner .pic img {
	display: block;
	width: 100%;
	height: auto;
}
#flow-step ol li .step-inner .txt {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.2em;
}
#top-flow p {
	padding: 20px 0;
	line-height: 1.8em;
}
#top-flow .flow-info img {
	display: block;
	width: 170px;
	height: auto;
	float: right;
	margin-left: 20px;
}
#top-flow .flow-info h4 {
	padding-left: 24px;
	background: url(images/global/icn_bell.png) 0 center no-repeat;
	-webkit-background-size: 18px 20px;
	background-size: 18px 20px;
	color: #5fb423;
	font-size: 18px;
}
#main-col #top-flow .more-btn {
	padding-bottom: 40px;
}
@media screen and (max-width: 680px){
	#top-flow h3 {
		padding: 0 0 10px 40px;
	}
	#flow-step ol li {
		position: relative;
		width: 100%;
		float: none;
		margin-bottom: 10px;
		padding-top: 3px;
		padding-bottom: 3px;
		background: url(images/top/bg_flow_green.png);
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	#flow-step ol li:before {
		content: "";
		position: absolute;
		display: block;
		width: 11px;
		height: 10px;
		left: 50%;
		right: auto;
		top: auto;
		bottom: -7px;
		margin-left: -5px;
		background: url(images/top/arrow_flow_step_bottom.png) 0 0 no-repeat;
		-webkit-background-size: 11px 10px;
		background-size: 11px 10px;
	}
	#flow-step ol li:last-child:before {
		display: none;
	}
	#flow-step ol li:nth-child(2) {
		margin: 0 0 10px;
	}
	#flow-step ol li .step-inner {
		margin: 0 3px;
	}
	#flow-step ol li .step-inner .pic {
		width: 120px;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	#flow-step ol li .step-inner:before {
		top: 5px;
		left: 5px;
	}
	#flow-step ol li .step-inner .txt {
		min-height: 46px;
		padding: 0 140px 0 60px;
	}
}
@media screen and (max-width: 480px){
	#top-flow .flow-info img {
		width: 120px;
	}
}
.performance {
	margin: 0 0 20px;
	border: 1px solid #c7c038;
}
.performance .ttl h3 {
	margin: 0;
	padding: 10px;
	text-align: center;
	background: #c7c038;
	color: #6c540f;
	font-size: 18px;
	font-weight: normal;
}
.performance .ttl h3 span {
	font-weight: bold;
	padding: 0 2px;
}
.performance .ttl h3 small {
	display: inline-block;
	margin-left: 5px;
	font-size: 12px;
}
.performance .txt {
	padding: 10px;
}
.performance .txt p {
	text-align: center;
	font-size: 16px;
}
.performance .txt p small {
	font-size: 12px;
	color: #666;
}

.cta {
	padding: 10px 160px 10px 20px;
	border: 2px solid #5fb423;
	border-radius: 2px;
	background: url(images/global/pic_daihyou.jpg) bottom right no-repeat;
	-webkit-background-size: 195px 175px;
	background-size: 195px 175px;
	color: #7f745e;
}
.cta .logo {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f0f0f0;
}
.cta .logo img {
	display: block;
	float: left;
	width: 220px;
	height: 45px;
	margin-right: 10px;
}
.cta .logo p {
	padding-top: 10px;
	line-height: 1.2em;
	font-size: 12px;
}
.cta .cta-inq h3 {
	font-size: 16px;
}
.cta-inq .cf {
	padding-bottom: 10px;
}
.cta-inq .tel {
	display: block;
	width: 240px;
	float: left;
	padding: 0 0 2px 35px;
	background: url(images/global/icn_free_dial_60x40.png) 0 6px no-repeat;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	line-height: 1.1em;
	font-size: 32px;
	font-weight: bold;
	white-space: nowrap;
}
.cta-inq .tel a {
	display: block;
	color: #5fb423;
	text-decoration: none;
}
.cta-inq .reception-time {
	padding-top: 2px;
	font-size: 12px;
	line-height: 1.2em;
}
.cta .btn a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #5fb423;
	text-decoration: none;
	border-radius: 4px;
	font-size: 16px;
}
html.no-touchevents .cta .btn a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .cta .btn a:hover {
	opacity: .8;
	background: #48a705;
	transform: translateY(-2px);
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
@media screen and (max-width: 640px){
	.cta .logo img {
		float: none;
		margin-right: 0;
	}
	.cta-inq .tel {
		float: none;
	}
}
@media screen and (max-width: 480px){
	.cta {
		padding: 10px 20px 10px 20px;
		background-image: none;
	}
}

/* lower page */

/* Breadcrumb */
.bc {
	border-top: 1px solid #ddd;
}
.bc ul {
	margin: 0;
	padding: 30px 0 0;
	list-style: none;
}
.bc ul li {
	float: left;
	max-width: 25%;
	position: relative;
	padding-right: 5px;
	margin-right: 5px;
	color: #999;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bc ul li:first-child {

}
.bc ul li:before {
	content: "/";
	position: absolute;
	top: 4px;
	right: 0;
	font-size: 12px;
	color: #ccc;
}
.bc ul li:last-child:before {
	display: none;
}
.bc ul li a {
	display: block;
	padding: 0 5px;
	white-space: nowrap;
	color: #333;
}
@media screen and (max-width: 480px){
	.bc ul {
		padding-top: 20px;
	}
}
/* entry page */
.entry-header {
	margin: 0 0 20px;
	padding: 2px;
	background: url(images/global/bg_h2_1.jpg) 0 center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.entry-header .entry-title {
	border: 1px solid rgba(255,255,255,.5);
	padding: 10px 15px;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
	text-shadow: 0 2px 3px rgba(0,0,0,.5);
}
.entry-content {
	margin-bottom: 40px;
}
.entry-content .entry-meta {
	border-bottom: 1px dotted #ddd;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.entry-content h2 {
	margin-bottom: 20px;
	border-bottom: 4px double #5fb423;
	box-shadow: 0 2px #eee;
	color: #5fb423;
	font-size: 20px;
}
.entry-content h3 {
	margin-bottom: 10px;
	border-bottom: 1px dotted #7f745e;
	line-height: 1.3em;
	color: #7f745e;
	font-size: 18px;
}
.entry-content p {
	margin-bottom: 1em;
}
.entry-content strong {
	color: #993333;
}
.entry-content img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
.entry-content img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.entry-content ul.arrow li {
	position: relative;
	padding-left: 20px;
}
.entry-content ul.arrow li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 0;
	height: 0;
	border-left: 5px solid #b0d496;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.entry-content ul.arrow.arrow-gray li:before {
	border-left-color: #ccc;
}
.entry-content ul.arrow.arrow-blak li:before {
	border-left-color: #333;
}
.entry-content ul.arrow.arrow-orange li:before {
	border-left-color: #eda354;
}
.entry-content ol.point {
	margin: 0 0 20px;
	padding: 10px 10px 10px 25px;
	border: 1px solid #ff9933;
	background: #fec;
}
.page-pickup {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.page-pickup > div {
	box-sizing: border-box;
	width: 32%;
	padding: 10px;
	border: 4px solid #ddd;
}
.page-pickup .pic {
	width: 148px;
	height: 148px;
	margin: 0 auto 10px;
	padding: 10px;
	background: #999;
	border-radius: 50%;
	overflow: hidden;
}
.page-pickup .pic img {
	display: block;
	width: 128px;
	height: auto;
}
.page-pickup p {
	margin: 0;
	padding: 0;
}
.page-pickup em {
	display: block;
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
}
@media screen and (max-width: 600px) {
	.page-pickup > div {
		position: relative;
		width: 100%;
		margin-bottom: 10px;
	}
	.page-pickup .pic {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 84px;
		height: 84px;
	}
	.page-pickup .pic img {
		width: 64px;
	}
	.page-pickup p {
		padding-left: 95px;
		min-height: 84px;
	}
}
/* price  page */
.price-page-list ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
.price-page-list ul li {
	float: left;
	width: 19%;
	margin: 0 .5% 1%;
	padding: 0;
	font-size: 12px;
}
@media screen and (max-width: 990px) {
	.price-page-list ul li {
		width: 32%;
	}
}
@media screen and (max-width: 460px) {
	.price-page-list ul li {
		width: 49%;
	}
}

/* niniseiri */
.page-niniseiri .page-pickup > div {
	border-color: #c1c693;
}
.page-niniseiri .page-pickup .pic {
	background: #a1b118;
}
.page-niniseiri .page-pickup em {
	color: #a1b118;
}
/* kojinsaisei */
.page-saisei .page-pickup > div {
	border-color: #e8ae97;
}
.page-saisei .page-pickup .pic {
	background: #e3845e;
}
.page-saisei .page-pickup em {
	color: #e3845e;
}
/* jikohasan */
.page-jikohasan .page-pickup > div {
	border-color: #afddc7;
}
.page-jikohasan .page-pickup .pic {
	background: #69bd94;
}
.page-jikohasan .page-pickup em {
	color: #41af7a;
}
/* tokutei choutei */
.page-tokutei .page-pickup > div {
	border-color: #f1c2d1;
}
.page-tokutei .page-pickup .pic {
	background: #d86c8f;
}
.page-tokutei .page-pickup em {
	color: #d86c8f;
}
/* kabarai */
.page-kabarai .page-pickup > div {
	border-color: #c1dde7;
}
.page-kabarai .page-pickup .pic {
	background: #59b1d1;
}
.page-kabarai .page-pickup em {
	color: #59b1d1;
}


.merit-demerit {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}
.merit-demerit > div {
	width: 48%;
	border: 4px solid #eee;
}
.merit-demerit-detail-page.merit-demerit > div {
	width: 100%;
	margin-bottom: 20px;
}
.merit-demerit > div.merit {
	background: #e9f7da;
}
.merit-demerit > div.demerit {
	background: #eddfde;
}
.merit-demerit > div .mttl {
	position: relative;
	margin: 0;
	padding: 10px;
	text-align: center;
	border-bottom: none;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
}
.merit-demerit > div .merit-ttl {
	background: #81a659;
}
.merit-demerit > div .demerit-ttl {
	background: #d06c68;
}
.merit-demerit > div .mttl:before {
	position: absolute;
	top: 12px;
	left: 10px;
	font-size: 80px;
	font-weight: bold;
}
.merit-demerit > div .merit-ttl:before {
	content: "O";
	color: #a5b792;
}
.merit-demerit > div .demerit-ttl:before {
	content: "X";
	color: #d9928f;
}
.merit-demerit ol {
	margin: 0;
	padding: 10px;
	list-style: none;
}
.merit-demerit ol li {
	position: relative;
	padding: 10px 10px 10px 50px;
}
.merit-demerit > div.merit ol li {
	border-bottom: 1px dotted #b7d19c;
}
.merit-demerit > div.demerit ol li {
	border-bottom: 1px dotted #e6b3b1;
}
.merit-demerit > div.merit ol li:first-child,
.merit-demerit > div.demerit ol li:first-child {
	padding-top: 0;
}

.merit-demerit > div.merit ol li:last-child,
.merit-demerit > div.demerit ol li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.merit-demerit ol li:before {
	position: absolute;
	top: 5px;
	left: 0px;
	font-size: 28px;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	font-weight: bold;
	font-style: italic;
}
.merit-demerit > div.merit ol li:before {
	color: #b7d19c;
}
.merit-demerit > div.demerit ol li:before {
	color: #e6b3b1;
}
.merit-demerit ol li:nth-child(1):before {
	content: "01";
	top: -5px;
}
.merit-demerit ol li:nth-child(2):before {
	content: "02";
}
.merit-demerit ol li:nth-child(3):before {
	content: "03";
}
.merit-demerit ol li:nth-child(4):before {
	content: "04";
}
.merit-demerit ol li:nth-child(5):before {
	content: "05";
}
.merit-demerit ol li span {
	display: block;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.merit-demerit > div.merit ol li span {
	color: #81a659;
}
.merit-demerit > div.demerit ol li span {
	color: #d06c68;
}
@media screen and (max-width: 600px) {
	.merit-demerit > div {
		width: 100%;
		margin-bottom: 10px;
	}
}

.step-flow {
	margin: 0 0 20px;
}
.step-flow .step-item {
	position: relative;
	background: #999;
	margin: 0 0 10px;
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.step-flow#step-niniseiri .step-item {
	background: #a1b118;
}
.step-flow#step-saisei .step-item {
	background: #e3845e;
}
.step-flow#step-jikohasan .step-item {
	background: #69bd94;
}
.step-flow#step-kabarai .step-item {
	background: #59b1d1;
}
.step-flow#step-tokutei .step-item {
	background: #d86c8f;
}
.step-flow .step-item:before {
	content: "";
	position: absolute;
	bottom: 10px;
	left: 30px;
	width: 0;
	height: 0;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
.step-flow .step-item.item-last:before {
	display: none;
}
.step-flow .step-item .num {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 60px;
	text-align: center;
	line-height: 1;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.step-flow .step-item .num span {
	display: block;
	font-size: 36px;
}
.step-flow .step-item .step-cnt {
	margin: 0 0 0 80px;
	background: #fff;
}
.step-ttl {
	margin: 0 180px 10px 10px;
	padding: 10px 0 5px 0;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	font-weight: bold;
}
.step-txt {
	min-height: 90px;
	margin: 0 180px 10px 10px;
}
.step-pic {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 160px;
}
.step-pic img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 600px) {
	.step-flow .step-item .num {
		top: 10px;
		left: 10px;
		width: 40px;
		font-size: 14px;
	}
	.step-flow .step-item .num span {
		font-size: 28px;
	}
	.step-flow .step-item:before {
		left: 20px;
	}
	.step-flow .step-item.item-last:before {
		display: none;
	}
	.step-flow .step-item .step-cnt {
		margin: 0 0 0 60px;
		background: #fff;
	}
	.step-ttl {
		margin: 0 10px 10px 10px;
	}
	.step-txt {
		min-height: 20px;
		margin: 0 10px 10px 10px;
		padding-bottom: 10px;
	}
	.step-pic {
		position: static;
		top: auto;
		right: auto;
		width: 160px;
		margin: 0 auto 10px;
	}
}
.comment-box {
	margin: 0 0 20px;
	padding: 20px;
	border: 2px solid #ddd;
	background: #fff;
}
.comment-box#niniseiri-box {
	border-color: #c1c693;
	background: #f3f5df;
}
.recent-study {
	margin: 0 0 20px;
}
.recent-study ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 2px solid #ccc;
}
.recent-study ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.recent-study ul li:last-child {
	border-bottom: none;
}
.recent-study ul li a {
	position: relative;
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #333;
}
.recent-study ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-left: 4px solid #48a705;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
html.no-touchevents .recent-study ul li a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .recent-study ul li a:hover {
	background: #f8f8f8;
}
.recent-faq {
	margin: 0 0 20px;
}
.recent-faq ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
	border: 2px solid #ccc;
}
.recent-faq ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.recent-faq ul li:last-child {
	border-bottom: none;
}
.recent-faq ul li a {
	position: relative;
	display: block;
	padding: 10px 20px 10px 40px;
	text-decoration: none;
	color: #333;
}
.recent-faq ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-left: 4px solid #48a705;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.recent-faq ul li a:after {
	content: "Q";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	background: #f4a3c5;
	font-weight: normal;
	font-size: 13px;
}
html.no-touchevents .recent-faq ul li a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .recent-faq ul li a:hover {
	background: #f8f8f8;
}
@media screen and (max-width: 600px) {
	.recent-faq ul li a:after {
		top: 14px;
		margin-top: 0;
	}
}

/*
.entry-content .merit,
.entry-content .demerit {
	list-style: none;
	margin-bottom: 20px;
}
.entry-content .merit li,
.entry-content .demerit li {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 10px 10px 30px;
	border: 1px solid #ddd;
	background: #f8f8f8;
	font-size: 16px;
	font-weight: bold;
}
.entry-content .merit li:before,
.entry-content .demerit li:before {
	position: absolute;
	display: block;
	top: 14px;
	left: 10px;
	font-size: 12px;
	color: #fff;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
}
.entry-content .merit {
	color: #36751e;
}
.entry-content .demerit {
	color: #c60;
}
.entry-content .merit li:before {
	background: #36751e;
}
.entry-content .demerit li:before {
	background: #c60;
}
.entry-content .merit li:nth-child(1):before,
.entry-content .demerit li:nth-child(1):before {
	content: "1";
}
.entry-content .merit li:nth-child(2):before,
.entry-content .demerit li:nth-child(2):before {
	content: "2";
}
.entry-content .merit li:nth-child(3):before,
.entry-content .demerit li:nth-child(3):before {
	content: "3";
}
.entry-content .merit li:nth-child(4):before,
.entry-content .demerit li:nth-child(4):before {
	content: "4";
}
.entry-content .merit li:nth-child(5):before,
.entry-content .demerit li:nth-child(5):before {
	content: "5";
}
.entry-content .merit li:nth-child(6):before,
.entry-content .demerit li:nth-child(6):before {
	content: "6";
}
.entry-content .merit li:nth-child(7):before,
.entry-content .demerit li:nth-child(7):before {
	content: "7";
}
.entry-content .merit li:nth-child(8):before,
.entry-content .demerit li:nth-child(8):before {
	content: "8";
}
.entry-content .merit li:nth-child(9):before,
.entry-content .demerit li:nth-child(9):before {
	content: "9";
}
.entry-content .merit li span,
.entry-content .demerit li span {
	display: block;
	color: #585858;
	font-weight: normal;
	font-size: 14px;
}
*/
.entry-content .payment-example {
	margin-bottom: 20px;
}
.entry-content .payment-example h4 {
	padding: 10px;
	background: #48a705;
	color: #fff;
	border-radius: 2px 2px 0 0;
	border-bottom: 2px solid #387c09;
	font-size: 16px;
	font-weight: normal;
}
.entry-content .payment-example .ex-body {
	padding: 20px 20px 10px;
	border-right: 1px solid #48a705;
	border-left: 1px solid #48a705;
	border-bottom: 1px solid #48a705;
	border-radius: 0 0 0px 2px;
}

.jikohasan-step {
	margin-bottom: 20px;
}
.jikohasan-step .step {
	position: relative;
	margin: 0 0 10px;
	padding: 10px 10px 10px 30px;
	border: 1px solid #ddd;
	background: #f8f8f8;
}
.jikohasan-step .step:before {
	position: absolute;
	display: block;
	top: 14px;
	left: 10px;
	font-size: 12px;
	color: #fff;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	border-radius: 50%;
	background: #36751e;
}
.jikohasan-step #step1:before {
	content:"1";
}
.jikohasan-step #step2:before {
	content:"2";
}
.jikohasan-step .step .ttl {
	font-size: 16px;
	font-weight: bold;
	color: #36751e;
}
.jikohasan-step .step .txt h4 {
	display: inline-block;
	background-color: #c60;
	color: #fff;
	padding: 5px 10px;
	border-radius: 2px 2px 0 0;
}
.jikohasan-step .step .txt ul {
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #c60;
	background: #fff;
}
.jikohasan-step .step .txt ul li {
	margin-left: 2em;
}

@media screen and (max-width: 480px){
	.entry-content img {
		max-width: 100%;
		height: auto;
	}
	.entry-content img.alignright,
	.entry-content img.alignleft {
		display: block;
		float: none;
		margin: 0 auto 10px;
	}
}

/* about us page */
.tbl.tbl-about {
	margin-bottom: 40px;
}
.tbl.tbl-about table th {
	white-space: nowrap;
	vertical-align: top;
	text-align: right;
}
.profile-list {

}
.profile-list .prof {
	position: relative;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.profile-list .prof h3,
.profile-list .prof .prof-txt {
	margin-left: 280px;
}
.profile-list .prof .prof-txt {
	min-height: 170px;
}
.profile-list .prof .prof-txt p {
	padding-bottom: 1em;
	border-bottom: 1px dotted #ddd;
}
.profile-list .prof .prof-txt p:last-child {
	border-bottom: none;
}
.profile-list .prof img {
	position: absolute;
	display: block;
	width: 266px;
	top: 0;
	left: 0;
}
.about-access-map {
	text-align: center;
}
.about-access-map .access-btn a {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 16px;
	color: #565656;
	text-decoration: none;
}
.about-access-map .access-btn a i {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
	background: url(images/global/icn_map.png) 0 0 no-repeat;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;
}
@media screen and (max-width: 640px){
	.profile-list .prof h3,
	.profile-list .prof .prof-txt {
		margin-left: 150px;
	}
	.profile-list .prof img {
		width: 133px;
		height: auto;
	}
	.profile-list .prof .prof-txt {
		min-height: auto;
	}
}
@media screen and (max-width: 480px){
	.profile-list .prof h3,
	.profile-list .prof .prof-txt {
		margin-left: 0;
	}
	.profile-list .prof img {
		position: static;
		width: 133px;
		height: auto;
		margin: 0 auto;
	}
}

/* flow page */
.flow-page {

}
.flow-lead {
	position: relative;
	margin: 0 0 40px;
	padding: 10px 360px 10px 10px;
	border: 4px double #ddd;
	background: url(images/global/ph_yousu.png) right center no-repeat;
}
/*
.flow-lead img {
	position: absolute;
	top: -20px;
	right: 10px;
	width: 320px;
	height: auto;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	box-shadow: 4px 4px 0 rgba(0,0,0,.2);
}
*/
.flow-lead p {
	margin: 0;
	min-height: 190px;
	text-shadow: 0 0 3px #fff;
	color: #111;
}
@media screen and (max-width: 640px) {
	.flow-lead {
		padding: 10px 120px 10px 10px;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.flow-lead img {
		position: absolute;
		top: -10px;
		right: 10px;
		width: 160px;
	}
	.flow-lead p {
		margin: 0;
		min-height: 110px;
	}
}
div.appearance {
	margin: 0 0 20px;
	padding: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
.page-niniseiri .entry-content .appearance h2 {
	color: #a1b118;
	border-color: #a1b118;
}
.page-kabarai .entry-content .appearance h2 {
	color: #59b1d1;
	border-color: #59b1d1;
}
.page-tokutei .entry-content .appearance h2 {
	color: #e86c95;
	border-color: #e86c95;
}
.page-saisei .entry-content .appearance h2 {
	color: #e3845e;
	border-color: #e3845e;
}
.page-jikohasan .entry-content .appearance h2 {
	color: #41af7a;
	border-color: #41af7a;
}
.entry-content .appearance h2 span {
	display: block;
	color: #666;
	font-size: 14px;
}
.entry-content .appearance dl {
	margin-bottom: 20px;
}
.entry-content .appearance dl dt,
.entry-content .appearance dl dd {
	position: relative;
	padding: 20px 0 20px 90px;
	border-bottom: 1px dashed #ccc;
}
.entry-content .appearance dl dt.no-border,
.entry-content .appearance dl dd.no-border {
	border-bottom: none;
}
.entry-content .appearance dl dt em,
.entry-content .appearance dl dd em {
	position: absolute;
	display: block;
	width: 80px;
	top: 20px;
	left: 0;
	font-weight: bold;
	font-style: normal;
}
.page-niniseiri .entry-content .appearance dl dt em {
	color: #a1b118;
}
.page-kabarai .entry-content .appearance dl dt em {
	color: #59b1d1;
}
.page-tokutei .entry-content .appearance dl dt em {
	color: #e86c95;
}
.page-jikohasan .entry-content .appearance dl dt em {
	color: #41af7a;
}
.page-saisei .entry-content .appearance dl dt em {
	color: #e3845e;
}
.appearance .check-point {
	border: 4px solid #ddd;
	padding: 10px 10px 0;
	background: #f8f8f8;
}
.entry-content .appearance .check-point h3 {
	position: relative;
	padding-left: 25px;
}
.entry-content .appearance .check-point h3:after,
.entry-content .appearance .check-point h3:before{
	content:'';
	height:18px;
	width:4px;
	display:block;
	background:#da563c;
	position:absolute;
	top:3px;
	left:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.entry-content .appearance .check-point h3:before{
	height:10px;
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	top:9px;
	left:2px
}
.appearance .check-point p {
	margin: 0 0 10px;
}
.page-niniseiri .entry-content .appearance .check-point {
	border-color: #c1c693;
}
@media screen and (max-width: 480px) {
	.entry-content .appearance dl dt,
	.entry-content .appearance dl dd {
		padding: 15px 0 15px 0;
	}
	.entry-content .appearance dl dt em,
	.entry-content .appearance dl dd em {
		position: static;
		display: block;
		width: 80px;
		margin-bottom: 5px;
		top: auto;
		left: auto;
	}
}


/*
.flow-page dl {
	margin: 0 0 20px;
}
.flow-page dl dt {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	color: #36751e;
	background: #f8f8f8;
}
.flow-page dl dd {
	margin: 0 0 10px;
	padding: 10px 0 10px 50px;
	background: url(images/global/arrow_down_orange.jpg) left bottom no-repeat;
	-webkit-background-size: 40px 80px;
	background-size: 40px 80px;
}
.flow-page dl dd.none {
	background-image: none;
}
*/

/* archive page */
.cat-list article {
	position: relative;
	margin: 0 0 20px;
}
section.no-results {
	margin-bottom: 20px;
}
/* news and column */
.cat-news-list article a,
.cat-column-list article a {
	position: relative;
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #454545;
	border: 1px solid #ddd;
	border-radius: 2px;
}
.cat-news-list article .post-thumbnail,
.cat-column-list article .post-thumbnail {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 160px;
	box-sizing: content-box;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
}
.cat-news-list article .post-thumbnail img,
.cat-column-list article .post-thumbnail img {
	display: block;
	width: 100%;
	height: auto;
}
.cat-news-list article .post-txt,
.cat-column-list article .post-txt {
	min-height: 120px;
	padding-left: 180px;
}
html.no-touchevents .cat-news-list article a,
html.no-touchevents .cat-column-list article a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .cat-news-list article a:hover,
html.no-touchevents .cat-column-list article a:hover {
	transform: translateY(-2px);
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
html.no-touchevents .cat-news-list article a:before,
html.no-touchevents .cat-column-list article a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	right: 30px;
	margin-top: -4px;
	border-left: 4px solid #5fb423;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	opacity: 0;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .cat-news-list article a:hover:before,
html.no-touchevents .cat-column-list article a:hover:before {
	opacity: 1;
	right: 10px;
}
/* blacklist page */
.blacklist-reason {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.blacklist-reason .item {
	width: 49%;
	box-sizing: border-box;
	padding: 5px;
	margin: 0 0 10px;
	border: 1px solid #5fb423;
	border-radius: 2px;
}
.blacklist-reason .item .reason-label {
	margin: 0 0 10px;
	padding: 5px;
	background: #5fb423;
	text-align: center;
	color: #fff;
	border-radius: 2px 2px 0 0;
	font-size: 16px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
}
.blacklist-reason .item .reason-label span {
	display: inline-block;
	margin: 0 5px;
	font-size: 20px;
}
.blacklist-reason .reason-body p {
}
.blacklist-reason ul {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
}
.blacklist-reason ul li {
	position: relative;
	margin: 0;
	padding: 0 0 0 14px;
}
.blacklist-reason ul li:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 2px;
	width: 0;
	height: 0;
	border-left: 4px solid #5fb423;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.blacklist-reason ul li a {
	color: #5fb423;
	text-decoration: none;
}
.blacklist-reason ul li a:hover {
	text-decoration: underline;
}
.blacklist-reason .bottom-comment {
	position: relative;
	padding: 10px 0 5px;
	border-top: 1px solid #999;
}
.blacklist-reason .bottom-comment:before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-bottom: 6px solid #999;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.blacklist-reason .bottom-comment:after {
	content: "";
	position: absolute;
	top: -5px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -6px;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}
.blacklist-summary {
	padding: 20px 20px 10px;
	border: 1px solid #e2e2d6;
	border-radius: 2px;
	background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f7f7f0 100%);
background: -webkit-linear-gradient(top, #fff 0%,#f7f7f0 100%);
background: linear-gradient(to bottom, #fff 0%,#f7f7f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f7f7f0',GradientType=0 );
}
.blacklist-summary ol {
	margin: 0 0 10px 20px;
}
.blacklist-summary ol li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #ddd;
}
.blacklist-summary ol li:last-child {
	border-bottom: none;
}
.blacklist-summary ol li em {
	font-style: normal;
	font-weight: bold;
	color: #a09d60;
}
@media screen and (max-width:600px) {
	.blacklist-reason .item {
		width: 100%;
	}
}

/* faq */
.faq-index {
	margin: 0 0 40px;
	padding: 10px;
	border: 4px double #ddd;
}
#faq-cat-niniseiri-faq .faq-index {
	border-color: #c1c693;
}
.entry-content .faq-index h2 {
	margin-bottom: 10px;
}
.entry-content #faq-cat-niniseiri-faq .faq-index h2 {
	border-color: #c1c693;
	color: #a1b118;
}
.entry-content .faq-index ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.entry-content .faq-index ul li {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}
.entry-content .faq-index ul li:last-child {
	border-bottom: none;
}
.entry-content .faq-index ul li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 10px 0 10px 20px;
	color: #333;
	text-decoration: none;
}
html.no-touchevents .entry-content .faq-index ul li a:hover {
	text-decoration: underline;
}
.entry-content .faq-index ul li a:before {
	content: "";
	position: absolute;
	top: 16px;
	left: 0;
	width: 0;
	height: 0;
	border-top: 6px solid #5fb423;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}
.faq-cat-cnt {
	margin-bottom: 20px;
}
.entry-content .faq-item {
	margin: 0 0 20px;
	padding: 10px 10px 0;
	border: 4px solid #ddd;
}
.entry-content .faq-item h3 {
	position: relative;
	padding-left: 30px;
}
.entry-content .faq-item h3:before {
	content: "Q";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	background: #f4a3c5;
	font-weight: normal;
	font-size: 13px;
}
.entry-content .faq-item .faq-ans {
	position: relative;
	padding-left: 30px;
}
.entry-content .faq-item .faq-ans:before {
	content: "A";
	position: absolute;
	width: 20px;
	height: 20px;
	top: 2px;
	left: 0;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	overflow: hidden;
	color: #fff;
	background: #90c9ea;
	font-weight: normal;
	font-size: 13px;
}

/* voice */
.voice-body {
	position: relative;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-bottom: 10px;
}
.voice-body .voice-pic {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid #5fb423;
	overflow: hidden;
}
.voice-body .voice-pic img {
	display: block;
	width: 100%;
	height: auto;
}
.voice-body .voice-txt {
	display: block;
	padding: 10px 10px 10px 120px;
}
.voice-body .voice-txt h2 {
	display: block;
	padding-right: 10px;
	padding-bottom: 10px;
	color: #5fb423;
	font-size: 20px;
}
.voice-body .voice-txt .voice-labels {
	display: block;
}
.voice-body .voice-txt .voice-labels span.voice-label {
	display: inline-block;
	margin-right: 10px;
	padding: 6px 6px 6px 30px;
	background: url(images/global/icn_label.png) 5px center no-repeat #5fb423;
	-webkit-background-size: 20px 20px;
	background-size: 20px 20px;
	color: #fff;
	font-size: 14px;
	border-radius: 2px;
}
.voice-body .read-more {
	position: absolute;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: 0 10px 10px;
}
.voice-body .read-more a {
	color: #48a705;
}

ul.voice-cat {
	list-style: none;
	margin: 0 0 20px;
	padding: 10px;
	background: #f1f1f1;
	border-radius: 2px;
}
ul.voice-cat li {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 10px;
}
ul.voice-cat li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 5px solid #999;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.voice-entry-body {
	position: relative;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
	padding:2em;
	background-color: #fff;
	background-image: linear-gradient( rgba(200,200,200,.3) .1em, transparent .1em );
	background-size: 100% 2em;
	line-height: 2em;
	background-repeat: repeat;
}
.voice-entry-body .voice-pic {
	position: absolute;
	width: 185px;
	top: 20px;
	left: 10px;
}
.voice-entry-body .voice-pic img {
	display: block;
	width: 100%;
	height: auto;
}
.voice-entry-body dl.voice-loop {
	padding-left: 190px;
	min-height: 260px;
}
.voice-entry-body dl.voice-loop dt {
	color: #3086b8;
}
.voice-entry-body dl.voice-loop dd {
	margin-bottom: 2em;
}

@media screen and (max-width: 640px){
	.voice-body .voice-txt .voice-labels {
		position: static;
	}
	.voice-entry-body {
		padding: 2em 1em;
	}
	.voice-entry-body .voice-pic {
		position: static;
		margin: 0 auto 1em;
	}
	.voice-entry-body dl.voice-loop {
		padding-left: 0;
		min-height: auto;
	}
}
@media screen and (max-width: 480px){
	.voice-body .voice-pic {
		top: 10px;
		left: 10px;
		width: 60px;
		height: 60px;
	}
	.voice-body .voice-txt {
		padding: 10px 10px 10px 80px;
	}
	.entry-content .voice-body .voice-txt h2 {
		display: block;
		line-height: 1.2em;
		margin-bottom: 10px;
		padding-right: 0;
		padding-bottom: 5px;
		font-size: 16px;
	}
	.voice-body .voice-txt .voice-labels span.voice-label {
		font-size: 12px;
	}
}
@media screen and (max-width: 420px){
	.voice-body .read-more {
		position: static;
	}
}
/* study */
.study-cat-lead {
	margin: 0 0 20px;
	padding: 10px 10px 0;
	border: 4px double #ccc;
	border-radius: 4px;
}
.study-cat-lead h2 {
	background: #f1f1f1;
	padding: 10px;
	margin: 0 0 10px;
	border-radius: 2px;
	font-size: 20px;
	font-weight: bold;
}
.study-cat-lead h2 span {
	display: block;
	border-bottom: 1px solid #ccc;
}

#study-cat-niniseiri.study-cat-lead h2 {
	color: #fff;
	font-weight: normal;
	background: #9aaa11;
	text-shadow: 0 1px 2px #666206;
background: -moz-linear-gradient(top,  #9aaa11 0%, #7f7f0c 100%);
background: -webkit-linear-gradient(top,  #9aaa11 0%,#7f7f0c 100%);
background: linear-gradient(to bottom,  #9aaa11 0%,#7f7f0c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9aaa11', endColorstr='#7f7f0c',GradientType=0 );
}
#study-cat-niniseiri.study-cat-lead h2 span {
	border-bottom-color: #9aaa11;
}
#study-cat-jikohasan.study-cat-lead h2 {
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 2px #666206;
	background: #69bd94;
background: -moz-linear-gradient(top, #69bd94 0%, #4e996d 100%);
background: -webkit-linear-gradient(top, #69bd94 0%,#4e996d 100%);
background: linear-gradient(to bottom, #69bd94 0%,#4e996d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69bd94', endColorstr='#4e996d',GradientType=0 );
}
#study-cat-jikohasan.study-cat-lead h2 span {
	border-bottom-color: #69bd94;
}
#study-cat-saisei.study-cat-lead h2 {
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 2px #666206;
	background: #e3845e;
background: -moz-linear-gradient(top, #e3845e 0%, #af5a41 100%);
background: -webkit-linear-gradient(top, #e3845e 0%,#af5a41 100%);
background: linear-gradient(to bottom, #e3845e 0%,#af5a41 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3845e', endColorstr='#af5a41',GradientType=0 );
}
#study-cat-saisei.study-cat-lead h2 span {
	border-bottom-color: #e3845e;
}
#study-cat-kabarai.study-cat-lead h2 {
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 2px #666206;
	background: #59b1d1;
background: -moz-linear-gradient(top, #59b1d1 0%, #3a8796 100%);
background: -webkit-linear-gradient(top, #59b1d1 0%,#3a8796 100%);
background: linear-gradient(to bottom, #59b1d1 0%,#3a8796 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59b1d1', endColorstr='#3a8796',GradientType=0 );
}
#study-cat-kabarai.study-cat-lead h2 span {
	border-bottom-color: #59b1d1;
}
#study-cat-tokutei.study-cat-lead h2 {
	color: #fff;
	font-weight: normal;
	text-shadow: 0 1px 2px #666206;
	background: #e86c95;
background: -moz-linear-gradient(top, #e86c95 0%, #b74b74 100%);
background: -webkit-linear-gradient(top, #e86c95 0%,#b74b74 100%);
background: linear-gradient(to bottom, #e86c95 0%,#b74b74 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e86c95', endColorstr='#b74b74',GradientType=0 );
}
#study-cat-tokutei.study-cat-lead h2 span {
	border-bottom-color: #e86c95;
}





.study-cat-lead .lead-body {
	margin: 0 0 10px;
	background: url(images/global/bg_study_lead.jpg) right center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-shadow: 1px 1px 5px #fff;
}
.study-cat-lead .lead-body p {
	padding-bottom: 10px;
}

.cat-study-list article .study-body {
	position: relative;
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #454545;
	border: 1px solid #ddd;
	border-radius: 2px;
}
.cat-study-list article .study-body .study-txt {
	width: 50%;
	float: left;
}
.cat-study-list article .study-body .study-txt h2 {
	border-bottom: 4px double #ddd;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1;
}
.cat-study-list article .study-body .study-tbl {
	width: 48%;
	float: right;
}
.cat-study-list article .study-body .study-tbl.tbl table {
	width: 100%;
}
.cat-study-list article .study-body .study-tbl.tbl table th {
	text-align: left;
}
.cat-study-list article .study-body .study-tbl.tbl table td {
	text-align: right;
}
.cat-study-list article .study-body .study-tbl em {
	font-style: normal;
	font-weight: bold;
	color: #993333;
}
.cat-study-list article .study-body .read-more {
	width: 100%;
	clear: both;
	padding-top: 5px;
	text-align: right;
}
.cat-study-list article .study-body .read-more a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: #5fb423;
	text-decoration: none;
}
@media screen and (max-width: 580px){
	.cat-study-list article .study-body {
		padding: 10px;
	}
	.cat-study-list article .study-body .study-txt {
		width: 100%;
		float: none;
	}
	.cat-study-list article .study-body .study-tbl {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
}

/* pick up */
.case-study-pickup {
	margin-bottom: 20px;
	padding: 20px 20px 6px;
	border: 1px solid #ee9966;
	border-radius: 4px;
}
.case-study-pickup .ttl {
	position: relative;
}
.case-study-pickup .ttl:before {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	width: 50px;
	height: 50px;
	background: #f9e1d3;
	border-radius: 50%;
	z-index: -1;
}
.case-study-pickup .ttl h3 {
	position: relative;
	padding-left: 90px;
	color: #ee9966;
	font-size: 20px;
	z-index: 10;
}
.case-study-pickup .ttl h3:before {
	content: "Case1";
	position: absolute;
	top: 2px;
	left: 0;
	line-height: 1;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -0.01em;
	color: #ee9966;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow: 2px 1px 0 #fff;
}
#case2.case-study-pickup .ttl h3:before {
	content: "Case2";
}
#case3.case-study-pickup .ttl h3:before {
	content: "Case3";
}
#case4.case-study-pickup .ttl h3:before {
	content: "Case4";
}
#case5.case-study-pickup .ttl h3:before {
	content: "Case5";
}
#case6.case-study-pickup .ttl h3:before {
	content: "Case6";
}
#case7.case-study-pickup .ttl h3:before {
	content: "Case7";
}
#case8.case-study-pickup .ttl h3:before {
	content: "Case8";
}
#case9.case-study-pickup .ttl h3:before {
	content: "Case9";
}
#case10.case-study-pickup .ttl h3:before {
	content: "Case10";
}
.case-study-pickup .ttl .sub-ttl {
	color: #ee9966;
	font-size: 16px;
}
.case-study-pickup .case-body h4 {
	background: #ee9966;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 2px;
	color: #fff;
}
.tbl.study-pickup-tbl table {
	margin-bottom: 1em;
	width: 500px;
}
.tbl.study-pickup-tbl table th {
	text-align: left;
}
.tbl.study-pickup-tbl table td {
	text-align: left;
	width: 50%;
}
.case-study-pickup .case-body strong {
	color: #993333;
}
.case-study-pickup .case-body h5 {
	position: relative;
	padding: 0 0 5px 15px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #7f745e;
	font-size: 14px;
	color: #7f745e;
}
.case-study-pickup .case-body h5:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 5px solid #7f745e;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
@media screen and (max-width: 580px){
	.case-study-pickup {
		margin-bottom: 10px;
	}
	.tbl.study-pickup-tbl table {
		width: 100%;
	}
}
ul.study-cat {
	list-style: none;
	margin: 0 0 20px;
	padding: 10px;
	background: #f1f1f1;
	border-radius: 2px;
}
ul.study-cat li {
	position: relative;
	display: inline-block;
	padding: 0 20px 0 10px;
}
ul.study-cat li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 5px solid #999;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
ul.study-cat li a {
	color: #666;
	text-decoration: none;
}
html.no-touchevents ul.study-cat li a:hover {
	text-decoration: underline;
}
.study-tbl-detail.tbl table tr.total th,
.study-tbl-detail.tbl table tr.total td {
	background: #d9f3c7;
	font-weight: bold;
}

/* column */
.category-column .entry-content {

}
.category-column .entry-content .column-entry-body {

}
.category-column .entry-content .column-entry-body .eye-catch {
	text-align: center;
	margin-bottom: 20px;
}

.related-page {
	position: relative;
	margin-top: 40px;
	padding: 30px 10px 0;
	border: 1px solid #ddd;
	border-radius: 2px;
}
.related-page h3 {
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	top: -15px;
	left: 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #fff;
	font-size: 14px;
}
.related-page ul {
	list-style: none;
}
.related-page ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.related-page ul li:last-child {
	margin-right: 0;
}
.related-page ul li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 20px;
	background: #f8f8f8;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
}
.related-page ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	width: 0;
	height: 0;
	margin-top: -4px;
	border-left: 4px solid #999;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.related-page ul li a:hover {
	background-color: #fff;
}
@media screen and (max-width: 580px){
	.related-page ul li a{
		font-size: 12px;
	}
}

.pagination {
	margin-bottom: 20px;
	text-align: center;
	font-size: 0;
}
.pagination a,
.pagination span {
	display: inline-block;
	margin: 0 2px;
	padding: 5px 8px;
	line-height: 1;
	border: 1px solid #ddd;
	border-radius: 2px;
	text-decoration: none;
	color: #454545;
	font-size: 14px;
}
.pagination a:hover,
.pagination span {
	background-color: #f1f1f1;
}
.entry-navi {
	margin-bottom: 40px;
}
.entry-navi ul {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
.entry-navi ul li {
	float: left;
	width: 45%;
	text-align: left;
}
.entry-navi ul li:nth-child(1) {
	float: right;
	text-align: right;
}
.entry-navi ul li a {
	position: relative;
	display: block;
	padding: 10px 10px 10px 30px;
	line-height: 1;
	border: 1px solid #ddd;
	border-radius: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
	color: #585858;
	overflow: hidden;
}
.entry-navi ul li:nth-child(1) a {
	padding: 10px 30px 10px 10px;
}
html.no-touchevents .entry-navi ul li a:hover {
	text-decoration: underline;
}
.entry-navi ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
.entry-navi ul li:nth-child(2) a:before {
	border-right: 5px solid #ddd;
	border-left: none;
}
.entry-navi ul li:nth-child(1) a:before {
	border-left: 5px solid #ddd;
	border-right: none;
	left: auto;
	right: 10px;
}

/* table layout */
.tbl {
	margin-bottom: 20px;
}
.tbl table,
.tbl table th,
.tbl table td {
	border-collapse: collapse;
	border: 1px solid #ddd;
}
.tbl table th,
.tbl table td {
	padding: 5px 10px;
}
.tbl table th {
	background: #f1f1f1;
}
/* お問い合わせフォーム */
.soudan-message {
	width: 100%;
	max-width: 800px;
	margin: 0 auto 20px;
}
.soudan-message img {
	width: 100%;
	height: auto;
}

@media screen and (min-width:481px) {
	.soudan-message img.message-pc {
		display: block;
	}
	.soudan-message img.message-sp {
		display: none;
	}
}
@media screen and (max-width:480px) {
	.soudan-message img.message-pc {
		display: none;
	}
	.soudan-message img.message-sp {
		display: block;
	}
}
.entry-content .acc {
	padding: 0 0 10px;
}
.entry-content .acc h3 {
	position: relative;
	padding-left: 20px;
	padding-bottom: 3px;
}
.entry-content .acc h3:before {
	content: "＋";
	position: absolute;
	top: 1px;
	left: 0;
	color: #7f745e;
}
.entry-content .acc.active h3:before {
	content: "－";
}
.entry-content .acc p {
	display: none;
}

.tbl.inquiry-tbl table {
	margin-bottom: 15px;
}
.tbl.inquiry-tbl table th {
	width: 30%;
	text-align: left;
}
.tbl.inquiry-tbl table th em {
	color: #cc3333;
	font-size: 12px;
	font-style: normal;
	display: inline-block;
	margin-left: 5px;
}
.tbl.inquiry-tbl table td input[type="text"],
.tbl.inquiry-tbl table td input[type="email"],
.tbl.inquiry-tbl table td input[type="tel"],
.tbl.inquiry-tbl table td textarea {
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.tbl.inquiry-tbl table td input[type="tel"] {
	width: 12em;
}
.tbl.inquiry-tbl table td input[type="text"].inq-zip {
	width: 6em;
}
.tbl.inquiry-tbl table td select.inq-select {
	box-sizing: border-box;
	display: inline-block;
	padding: 5px 25px 5px 5px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: url(images/global/icn_arrow_bottom_green.png) 95% center no-repeat;
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
}
.entry-content .tbl.inquiry-tbl p {
	padding-bottom: 0;
}
.wpcf7-submit {
	display: inlin-block;
	width: 240px;
	padding: 10px 0;
	text-align: center;
	background: #5fb423;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}
/* alert message */
.tbl.inquiry-tbl div.wpcf7-response-output {
	margin: 20px 0;
	padding: 10px;
	border-radius: 2px;
}
.tbl.inquiry-tbl div.wpcf7-mail-sent-ok {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.tbl.inquiry-tbl div.wpcf7-mail-sent-ng,
.tbl.inquiry-tbl div.wpcf7-validation-errors {
	border: 1px solid #ebccd1;
	background: #f2dede;
	color: #a94442;
}
.tbl.inquiry-tbl span.wpcf7-not-valid-tip {
	color: #cc3333;
	font-size: 12px;
}
.sitemap-wrap {
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sitemap-wrap > div {
	width: 50%;
}
.sitemap-wrap ul {
	list-style: none;
	margin: 0 20px 20px 0;
	padding: 0;
}
.sitemap-wrap ul li {
	margin: 0;
	padding: 0;
}
.sitemap-wrap ul li a {
	position: relative;
	margin: 0;
	padding: 0 0 10px 20px;
}
.sitemap-wrap ul li a:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 4px solid #999;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.sitemap-wrap ul ul {
	margin: 0;
}
.sitemap-wrap ul ul li {
	padding-left: 40px;
}
@media screen and (max-width: 480px) {
	.sitemap-wrap > div {
		width: 100%;
	}
}

/* menu column */
.side-info {
	margin-bottom: 20px;
	padding: 10px;
	border: 2px solid #5fb423;
	border-radius: 2px;
	color: #7f745e;
}
.side-info img {
	display: block;
	width: 100%;
	height: auto;
}
.side-info .tel {
	display: block;
	padding: 0 0 10px 35px;
	background: url(images/global/icn_free_dial_60x40.png) 0 6px no-repeat;
	-webkit-background-size: 30px 20px;
	background-size: 30px 20px;
	line-height: 1.1em;
	font-size: 28px;
	font-weight: bold;
	white-space: nowrap;
}
.side-info .tel a {
	display: block;
	color: #5fb423;
	text-decoration: none;
}
.side-info .reception-time {
	padding-top: 2px;
	font-size: 12px;
	line-height: 1.2em;
}
.side-info .btn {
	margin-bottom: 10px;
}
.side-info .btn a {
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #5fb423;
	text-decoration: none;
	border-radius: 4px;
	font-size: 16px;
}
html.no-touchevents .side-info .btn a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .side-info .btn a:hover {
	opacity: .8;
	background: #48a705;
	transform: translateY(-2px);
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
@media screen and (max-width: 800px){
	.side-info {
		display: none;
	}
}

.side-menu {
	margin-bottom: 20px;
}
.side-menu h4 {
	padding: 10px 5px;
	border-top: 1px solid #d9d9d9;
	font-size: 16px;
	color: #5fb423;
}
.side-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.side-menu ul li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	border-top: 1px solid #d9d9d9;
}
.side-menu ul li a {
	display: block;
	position: relative;
	padding: 10px 5px 10px 15px;
	color: #5a5a5a;
	text-decoration: none;
	border-bottom: 1px dotted #d9d9d9;
	z-index: 2;
}
.side-menu ul ul li a {
	padding-left: 20px;
}
.side-menu ul ul li a,
.side-menu ul ul li:last-child a {
	border-bottom: none;
}
.side-menu ul ul li {
	border-top: none;
}
.side-menu ul li a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 16px;
	left: 5px;
	border-left: 4px solid #5fb423;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.side-menu ul ul li a:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 2px;
	top: 20px;
	left: 5px;
	background: #5fb423;
	border: none;
}
html.no-touchevents .side-menu ul li a {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
html.no-touchevents .side-menu ul li a:hover {
	color: #333;
}
html.no-touchevents .side-menu ul li a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #f1f1f1;
	z-index: -1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
}
html.no-touchevents .side-menu ul li a:hover:after {
	width: 100%;
	opacity: .8;
}

.side-office {
	margin-bottom: 20px;
}
.side-office img {
	display: block;
	width: 100%;
	height: auto;
}
.side-office .office-cnt {
	border: 1px solid #d2d2d2;
	color: #5a5a5a;
}
.side-office .office-cnt .logo {
	padding: 10px 5px;
}
.side-office .office-cnt p {
	font-size: 12px;
	padding: 0 10px 10px;
}
.side-office .side-uketsuke {
	padding: 0 20px 20px;
}
.side-office .office-cnt h4 {
	margin-bottom: 10px;
	padding: 10px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	color: #5fb423;
	font-size: 12px;
}
.side-office .office-cnt .access-map {
	padding: 0 10px 10px;
	text-align: right;
}
.side-office .office-cnt .access-map img {
	display: block;
	margin-bottom: 5px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}
.side-office .office-cnt .access-map a {
	display: inline-block;
	padding-left: 10px;
	position: relative;
	color: #5a5a5a;
	text-decoration: none;
	font-size: 12px;
}
.side-office .office-cnt .access-map a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 4px solid #5fb423;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
a.side-top-bnr {
	display: block;
	width: 100%;
	margin: 0 0 30px;
}
a.side-top-bnr img {
	display: block;
	width: 100%;
	height: auto;
}
.side-bnr span,
.side-bnr a,
.side-bnr img {
	display: block;
	width: 100%;
	height: auto;
}
.side-bnr span,
.side-bnr a {
	margin-bottom: 20px;
	text-decoration: none;
	box-shadow: 0 5px 3px rgba(0,0,0,.1);
}
@media screen and (max-width: 800px){
	.side-menu,
	.side-office {
		width: 49%;
		float: left;
	}
	.side-menu {
		margin-right: 1%;
	}
	.side-menu ul li a {
		border-bottom: none;
	}
	.side-menu ul li.active > a {
		border-bottom: 1px dotted #d9d9d9;
	}
	.side-menu ul li.active > a:before {
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.side-menu ul ul {
		display: none;
	}
	.side-menu ul li.active ul {
		display: block;
	}
	.side-office {
		margin-left: 1%;
	}
	.side-office .pic {
		display: none;
	}
	.side-office .office-cnt .logo {
		max-width: 220px;
	}
	.side-office .side-uketsuke img {
		max-width: 230px;
		margin: 0 auto;
	}
	.side-bnr {
		clear: both;
		text-align: center;
	}
	.side-bnr span,
	.side-bnr a {
		display: inline-block;
		width: 250px;
		margin: 0 5px 10px;
	}
}
@media screen and (max-width: 520px){
	.side-menu,
	.side-office {
		width: 100%;
		float: none;
	}
	.side-menu {
		margin-right: 0;
	}
	.side-office {
		margin: 0 auto 20px;
		width: 100%;
	}
	.side-office .office-cnt .logo {
		padding: 10px;
	}
	.side-bnr a {
		margin: 0 0 10px;
	}
}

/* footer */
#btm-nav {
	background: #5fb423;
	padding: 20px 0;
	color: #fff;
}
#btm-nav a {
	text-decoration: none;
	color: #fff;
}
#btm-nav .btm-menu,
#btm-nav .subject-area,
#btm-nav .btm-txt {
	width: 36%;
	float: left;
}
#btm-nav .btm-menu {
	width: 20%;
}
#btm-nav .subject-area {
	margin: 0 4%;
}
#btm-nav .btm-menu ul {
	list-style: none;
}
#btm-nav .btm-menu ul li a {
	display: block;
	padding: 5px 0;
}
html.no-touchevents #btm-nav .btm-menu ul li a:hover {
	text-decoration: underline;
}
#btm-nav .subject-area,
#btm-nav .btm-txt {
	line-height: 1.8em;
}

#site-footer {
	padding: 20px 0;
	background: #f5f3e5;
	text-align: center;
}
.footer-logo {
	width: 300px;
	margin: 0 auto 10px;
}
.footer-logo a,
.footer-logo img {
	display: block;
	width: 100%;
	height: auto;
}
#site-footer p.copyright {
	letter-spacing: 0.1em;
	font-size: 10px;
}
@media screen and (max-width: 640px){
	#btm-nav .btm-menu,
	#btm-nav .subject-area,
	#btm-nav .btm-txt {
		width: 100%;
		float: none;
	}
	#btm-nav .btm-menu ul {
		padding-bottom: 10px;
		list-style: none;
		text-align: center;
	}
	#btm-nav .btm-menu ul li {
		display: inline-block;
		padding: 0 10px;
	}
	#btm-nav .btm-menu ul li a {
		display: inline-block;
		position: relative;
		padding-left: 10px;
	}
	#btm-nav .btm-menu ul li a:before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		top: 12px;
		left: 0;
		border-left: 4px solid #fff;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
	}
	#btm-nav .subject-area {
		margin: 0 0 10px;
		padding: 10px 0;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
}
