@charset "utf-8";

/*
Theme Name: くまもと相続遺言相談センター
Theme URI:  
Description: くまもと相続遺言相談センター
Version: 1.0
Author: casley

*/


/* BODY
---------------------------------------------*/

html {
	width: 100%;
	height: 100%;
    overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 15px;
	color: #333;
	background: #fff;
}
img {
	vertical-align: bottom;
	border: none;
}
a,
a:link,
a:visited {
	color: #f00;
	text-decoration: none;
}
a:hover {
	color: #f00;
	font-weight: bold;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
p {
	padding: 0;
	line-height: 1.4em;
}
p.p_zero {
	padding: 0;
}
.sec #main p,
.indsec p {
	margin-left: 1em;
	margin-right: 1em;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #f00;
}

@media screen and (min-width : 768px) {
	.sp{
		display: none;
	}
}
@media screen and (max-width : 767px) {
	html{
		font-size:62.5%;
	}
	input[type="text"],input[type="email"],input[type="tel"], button, textarea, select {
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	*{
		box-sizing: border-box;
	}
	body{
		overflow-x: hidden;
		font-size: 1.6em;
		-webkit-text-size-adjust: 100%;
		pointer-events: auto;
	}
	.fixed{
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		overflow: hidden;
		pointer-events: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.pc{
		display: none;
	}
}

/* テーブル対応
---------------------------------------------*/

table {
	font-size: inherit;
}
table.mainstyle {
	width: 96%;
	border: 1px #b9b9b9 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 15px 20px;
}
table.mainstyle th {
	font-weight: bold;
	padding: 10px;
	border: 1px #b9b9b9 solid;
	border-width: 0 0 1px 1px;
	background: #FFFFCC;
}
table.mainstyle td {
	padding: 10px;
	border: 1px #b9b9b9 solid;
	border-width: 0 0 1px 1px;
	background: #fff;
}

@media screen and (max-width : 767px) {
	.table_wrap{
		overflow-x: scroll;
	}
	.table_wrap:before{
		content: "\00203b\006a2a\00306b\0030b9\0030af\0030ed\0030fc\0030eb\003057\003066\00304f\003060\003055\003044\003002";
		display: block;
		margin-bottom: 2%;
		text-align: center;
		font-size: 1.0rem;
	}
	table,table.mainstyle {
		margin: 0 0 3% !important;
		font-size: 1.2rem;
	}
	table.mainstyle{
		width: 500px;
	}
	table.mainstyle th,
	table.mainstyle td {
		padding: 5px;
		font-size: 1.2rem;
	}
}



/* Layout
---------------------------------------------*/

#viewport {
	width: 100%;
	overflow-x: hidden;
}
#wrap {}
#contents {
	width: 1000px;
	margin: 0 auto 0;
	padding: 23px 0 30px;
}
#sidebar {
	width: 250px;
	float: left;
}
#main {
	width: 720px;
	float: right;
}
#footer {
	clear: both;
}
#contents.wide {}
#contents.wide #main {
	width: auto;
	float: none !important;
}
#contents.liquid {
	width: auto !important;
	padding: 0 !important;
}
#contents.liquid #main {
	width: auto;
	float: none !important;
}

@media screen and (max-width : 767px) {
	body.home #wrap{
		padding-top: 0;
	}
	#wrap{
		padding-top: 59px;
	}
	#contents {
		width: 94%;
		margin: auto;
		padding: 3% 0 0;
	}
	#main{
		width: auto;
		float: none;
		margin-bottom: 15%;
	}
	#sidebar {
		width: auto;
		max-width: 250px;
		float: none;
		margin: auto;
	}
}

/* Header
---------------------------------------------*/

#header {
	height: 130px;
}
#header .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 17px;
}
#header .logo {
	float: left;
	padding: 9px 0 10px;
	width: 454px;
}
#header h1 {}
#header .office {
	margin: -19px 0 0 98px;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
#header .link {
	position: absolute;
	top: 0px;
	right: 0;
}
#header .link ul {}
#header .link ul li {
	display: block;
    float:left;
	padding: 0 0 0 18px;
}
#header .link ul li.s_box{
margin-top:-10px;
}
#header .link ul li a {
	display: block;
	padding: 0 0 0 10px;
	background: url(images/header_link_icon.gif) left 1px no-repeat;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3em;
	color: #666;
	text-decoration: none;
}
#header .link ul li a:hover {
	text-decoration: underline;
}
#header .tel {
	float: right;
	width: 418px;
	text-align: right;
	margin: 8px 0 0;
	padding: 21px 0 11px;
	/* background: url(images/header_contact_icon.jpg) left top no-repeat; */
}

@media screen and (max-width : 767px) {
	#header {
		position: fixed;
		width: 100%;
		height: 59px;
		top: 0;
		left: 0;
		background-color: #fff;
		box-shadow: 0px 1px 10px rgba(0,0,0,0.2);
		z-index: 999;
	}
	#header .inner{
		width: 100%;
		top: 0;
	}
	#header .logo{
		position: relative;
		float: none;
		width: calc( 100% - 59px);
		height: 59px;
		padding: 0;
	}
	#header .logo h1{
		position: absolute;
    	width: 100%;
		top: 50%;
    	left: 0;
    	padding: 0 5%;
		transform: translateY(-50%);
	}
	#header .btn_menu{
		position: absolute;
		width: 59px;
		height: 59px;
		top: 0;
		right: 0;
		padding: 10px 10px 0;
		background-color: #1ea371;
	}
	#header .btn_menu .bar_cover{
		position: relative;
		height: 24px;
		margin: 0 auto 6px;
	}
	#header .btn_menu .bar_cover .bar{
		position: absolute;
		width: 100%;
		height: 2px;
		top: 0;
		left: 0;
		background-color: #fff;
	}
	#header .btn_menu .bar_cover .bar:first-child{
		top: 50%;
		transform: translateY(-50%);
	}
	#header .btn_menu .bar_cover .bar:last-child{
		top: auto;
		bottom: 0;
	}
	#header .btn_menu img{
		position: absolute;
		width: 39px;
		left: 10px;
		bottom: 7px;
	}
}

#header_nav {
	border-top: 1px solid #00A495;
	border-bottom: 2px solid #fff;
	background: url(images/header_nav_bg.jpg) center center repeat;
	height: 50px;
}
#header_nav ul {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	position: relative;
}
#header_nav ul:before {
	position: absolute;
	right: -1px;
	top: 1px;
	bottom: 1px;
	display: block;
	width: 1px;
	height: auto;
	overflow: hidden;
	content: '';
	background: #fff;
	border-left: 1px solid #ccc;
}
#header_nav ul li {
	float: left;
	width: 111px;
	position: relative;
}
#header_nav ul li:before {
	position: absolute;
	left: -1px;
	top: 1px;
	bottom: 1px;
	display: block;
	width: 1px;
	height: auto;
	overflow: hidden;
	content: '';
	background: #fff;
	border-left: 1px solid #ccc;
}
#header_nav ul li a {
	display: block;
	height: 50px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: none;
	text-align: center;
	position: relative;
}
#header_nav ul li a .in {
	display: table-cell;
	width: 110px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
}
#header_nav ul li a:before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: auto;
	height: 3px;
	overflow: hidden;
	content: '';
	background: url(images/header_nav_line.png) left bottom no-repeat;
}
#header_nav ul li a:hover {
	background: #fff;
}
#header_nav ul li a:hover:before {
	background-image: url(images/header_nav_line_on.png);
}

@media screen and (max-width : 767px) {
	#header_nav{
		position: fixed;
		width: 100%;
		height: 0;
		top: 0;
		left: 0;
		background: none;
		border: none;
		pointer-events: none;
		transition: all 0.4s;
		z-index: 9999;
	}
	#header_nav.active{
		height: 100%;
		pointer-events: auto;
	}
	#header_nav .inner{
		height: 100%;
		-webkit-overflow-scrolling: touch;
  		overflow-y: scroll;
	}
	#header_nav ul{
		width: auto;
		height: auto;
		padding: 0 5%;
		background: #fff;
	}
	#header_nav ul:before{
		display: none;
	}
	#header_nav ul li{
		float: none;
		width: auto;
		border-bottom: 1px solid #3ab389;
	}
	#header_nav ul li:before{
		display: none;
	}
	#header_nav li:last-child{
		border-bottom: none;
	}
	#header_nav ul li a,
	#header_nav .btn_close a{
		display: block;
		height: auto;
		padding: 5.9% 0;
		line-height: 1;
		font-size: 1.5rem;
		color: #545454;
	}
	#header_nav ul li a .in{
		display: inline;
		width: auto;
		height: auto;
	}
	#header_nav ul li a:before{
		display: none;
	}
	#header_nav .nav_logo a{
		width: 86%;
		margin: auto;
		padding: 4.8% 0 3.6%;
	}
	#header_nav .btn_close{
		margin: auto;
	}
	#header_nav .btn_close a{
		margin: auto;
		padding: 4% 0;
		text-align: center;
		color: #fff;
		background-color:rgba(30,163,113,0.95);
	}
}

/* Main Image
---------------------------------------------*/

#main_image {
	min-width: 1000px;
	width: 100%;
	height: 360px;
	padding: 0 0 4px;
	background: #F0F0E1 url(images/main_image_line.jpg) center bottom repeat-x;
	position: relative;
	z-index: 1;
}
#main_image .inner {
	min-width: 1000px;
	max-width: 1080px;
	height: 360px;
	margin: 0 auto;
	position: relative;
}
#main_image .inner > ul {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -500px;
	width: 1000px;
}
#main_image .inner > ul > li {
	position: absolute;
	left: 0;
	top: 0;
	width: 1000px;
	height: 360px;
	opacity: 0;
}
#main_image .inner > ul > li .nav {
	position: absolute;
	bottom: 3px;
}
#main_image .inner > ul > li .nav li {
	float: left;
}
.page_image {
	text-align: center;
	padding: 0 0 0;
}

@media screen and (max-width : 767px) {
	#main_image {
		min-width: 0;
		height: auto;
		padding: 59px 0 0;
		background: none;
	}
	#main_image .inner {
		min-width: 0;
		height: 0;
		padding-top: 36%;
	}
	#main_image .inner > ul {
    	width: 100%;
    	height: 100%;
    	top: 0;
    	margin: 0;
		transform: translateX(-50%);
	}
	#main_image .inner > ul > li {
		width: 100%;
		height: 100%;
	}
	#main_image .inner .prev,
	#main_image .inner .next{
		display: none;
	}
}

/* Main Contents
---------------------------------------------*/

#main {}
h2 {
	background: #247D6D url(images/h2_bg.jpg) left top repeat-x;
	background-size: contain;
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.26), inset -1px -1px 0px rgba(0, 0, 0, 0.39), inset 0px 0px 3px rgba(255, 255, 255, 0.73);
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(76, 102, 0, 0.3);
	padding: 9px 20px 12px 25px;
	margin: 0 0 40px;
	position: relative;
	clear: both;
}
h2:before {
	position: absolute;
	left: 6px;
	top: 6px;
	bottom: 6px;
	display: block;
	width: 6px;
	height: auto;
	content: '';
	border-radius: 3px;
	background: #fff;
}
h3 {
	border-bottom: 4px solid #288D80;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3em;
	color: #288B7C;
	padding: 9px 10px 5px 20px;
	margin: 0 0 18px;
	position: relative;
	clear: both;
}
h4 {
	border-bottom: 1px solid #288B7C;
	background: #eee;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #555;
	padding: 10px 10px 8px 20px;
	margin: 0 0 18px;
	position: relative;
	clear: both;
}
h5 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #8C6800;
	padding: 10px 20px 8px 35px;
	margin: 0 0 18px;
	position: relative;
	clear: both;
}
h5:before {
	position: absolute;
	left: 20px;
	top: 6px;
	bottom: 6px;
	display: block;
	width: 7px;
	height: auto;
	content: '';
	background: #8C6900;
}
h6 {
	background: #FFEFBF;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	padding: 9px 10px 8px;
	margin: 0 0 18px;
	position: relative;
	clear: both;
}
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit !important;
}
p {
	margin: 15px 15px 20px;
}

/*	#tinymce ul ,
	#tinymce ol {
		margin: 			15px 20px 20px 30px;
		font-size:			16px;
		line-height:		1.3em;		
		color:				#525252;
	}
		#tinymce ul ,
		#tinymce ul li {
			list-style:		disc;
		}
		#tinymce ol,
		#tinymce ol li {
			list-style:		decimal;
		} */

@media screen and (max-width : 767px) {
	h2 {
		margin-bottom: 5%;
		font-size: 1.5rem;
		padding: 2% 0 1% 7%;
	}
	h2:before {
		width: 3px;
	}
	h3 {
		margin: 8% 0 3%;
		padding: 0;
		font-size: 1.3rem;
		border-bottom: 2px solid #288D80;
	}
	h4 {
	    margin: 8% 0 3%;
	    padding: 2% 3% 1%;
    	font-size: 1.2rem;
	}
	h5 {
		margin: 8% 0 3%;
		padding: 0 0 0 8px;
		font-size: 1.3rem;
	}
	h5:before {
		width: 3px;
		top: -1px;
		bottom: 1px;
		left: 0;
	}
	h6 {
		margin: 0 0 5%;
		padding: 3% 3% 2%;
		font-size: 1.3rem;
	}
	p {
		margin: 1em 0;
		line-height: 1.5;
		font-size: 1.2rem;
	}
}

/* Top Page
---------------------------------------------*/

.nav01 {
	width: 1000px;
	height: 66px;
	margin: 0 auto;
}
.nav01 li {
	float: left;
	width: 250px;
	height: 66px;
	position: relative;
}
.nav01 li:before {
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	z-index: 2;
	display: block;
	width: 2px;
	height: auto;
	overflow: hidden;
	content: '';
	background: url(images/nav01_sep.gif) left top repeat-y;
}
.nav01 li a {
	display: block;
}
.nav01 li a:hover {}


.nav01 li.line2{
height: 80px;
margin-top:1px;
}
.nav01 li.btn_list{
width: 500px;
}
.nav01 li.btn_news{
}
.nav01 li.btn_form:before{
background: none;
}







.representative {
	width: 960px;
	margin: 0 auto;
	padding: 20px 20px 25px;
}
.representative h2 {
	background: none;
	border: none;
	margin: 0 0 15px;
	padding: 0;
	box-shadow: none;
	clear: none;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #676759;
}
.representative h2:before {
	display: none;
}
.representative .photo {
	float: right;
	width: 220px;
}
.representative .photo p {
	margin: 0 0 14px;
}
.representative .text {
	margin: 0 240px 0 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.representative .text p {
	margin-left: 0;
	margin-right: 0;
}
.strength {
	background: #06A36E;
	padding: 30px 0 20px;
}
.strength p {
	margin: 0;
}
.strength h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/strength_title_line.gif) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	text-shadow: none;
}
.strength h2:before {
	display: none;
}
.strength .inner {
	width: 1000px;
	margin: 0 auto;
}
.strength ol {
	margin: 0 -12px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
}
.strength ol li {
	float: left;
	width: 190px;
	margin: 0 0 0 12px;
	padding: 0 0 36px;
	background: url(images/strength_text_bg.gif) center bottom no-repeat;
}
.strength ol li .image {
	height: 200px;
}
.strength ol li .text {
	padding: 12px 12px 0 42px;
	position: relative;
}
.strength ol li .text:before {
	position: absolute;
	left: 0;
	bottom: 0;
}
.strength ol li:first-child .text:before {
	content: url(images/strength_num01.png);
}
.strength ol li:first-child + li .text:before {
	content: url(images/strength_num02.png);
}
.strength ol li:first-child + li + li .text:before {
	content: url(images/strength_num03.png);
}
.strength ol li:first-child + li + li + li .text:before {
	content: url(images/strength_num04.png);
}
.strength ol li:first-child + li + li + li + li .text:before {
	content: url(images/strength_num05.png);
}
.nav02 {
	background: url(images/nav02_bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 30px 0 20px;
	height: 390px;
	/* max-height:		440px; */
}
.nav02 p {
	margin: 0 !important;
}
.nav02 h2 {
	padding: 0 0 16px 32px !important;
	margin: 0 0 18px !important;
	border: none !important;
	box-shadow: none !important;
	background: url(images/nav02_title_line.png) left bottom no-repeat !important;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #686859;
	text-shadow: none !important;
}
.nav02 h2:before {
	display: none !important;
}
.nav02 .inner {
	width: 1000px;
	margin: 0 auto;
}
.nav02 dl {}
.nav02 dl dt {
	float: left;
	width: 158px;
	height: 54px;
	padding: 0 0 0 42px;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	background-color: #06A36E;
	background-position: 7px center;
	background-repeat: no-repeat;
}
.nav02 dl.cat01 dt {
	background-image: url(images/nav02_cat_icon01.gif);
}
.nav02 dl.cat02 dt {
	background-image: url(images/nav02_cat_icon02.gif);
}
.nav02 dl.cat03 dt {
	background-image: url(images/nav02_cat_icon03.gif);
}
.nav02 dl.cat04 dt {
	background-image: url(images/nav02_cat_icon04.gif);
}
.nav02 dl.cat05 dt {
	background-image: url(images/nav02_cat_icon05.gif);
}
.nav02 dl dt .in {
	display: table-cell;
	height: 54px;
	vertical-align: middle;
}
.nav02 dl dd {
	margin: 0 0 0 210px;
}
.nav02 dl dd ul {
	margin: 0 -10px;
}
.nav02 dl dd li {
	float: left;
	margin: 0 0 10px 10px;
	width: 190px;
	height: 54px;
}
.nav02 dl dd li a {
	display: block;
	background: #FEFEFE;
	background: rgba(255, 255, 255, 0.95) !important;
	height: 54px;
	padding: 0 0 0 20px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: underline;
	position: relative;
}
.nav02 dl dd li a .in {
	display: table-cell;
	height: 54px;
	vertical-align: middle;
}
.nav02 dl dd li a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	width: auto;
	height: auto;
	content: '';
	border-bottom: 2px solid #76D1B8;
}
.nav02 dl dd li a:hover {
	font-weight: bold;
}
.nav02 dl dd li a:hover:before {
	border: 2px solid #76D1B8 !important;
}
.nav03 {
	background: url(images/nav03_bg.jpg) center top no-repeat;
	background-size: cover;
	padding: 0px 0 20px;
	margin: 30px 0 0 0;
	height: 620px;
}
.nav03 p {
	margin: 0;
}
.nav03 h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/nav03_title_line.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #666;
	text-shadow: none;
}
.nav03 h2:before {
	display: none;
}
.nav03 .inner {
	width: 1000px;
	margin: 0 auto;
}
.nav03 .list > ol {
	margin: 0 -12px;
}
.nav03 .list > ol > li {
	float: left;
	margin: 0 0 12px 12px;
	padding: 0 155px 0 20px;
	width: 319px;
	height: 150px;
	background: url(images/nav03_btn_bg.png) center center repeat;
	background: rgba(240, 240, 225, 0.8);
	position: relative;
}
.nav03 .list > ol > li .num {
	position: absolute;
	right: -6px;
	top: 0;
	display: block;
	width: 150px;
	height: 150px;
}
.nav03 .list > ol > li .tags {
	padding: 10px 0;
}
.nav03 .list > ol > li .tags li {
	display: inline-block;
	padding: 0 12px;
	height: 20px;
	background: #2CC29F;
	font-size: 12px;
	font-weight: normal;
	line-height: 21px;
	color: #fff;
}
.nav03 .list > ol > li h3 {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3em;
	color: #403000;
}
.nav03 .list > ol > li .text {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.nav03 .list > ol > li .text a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: underline;
}
.nav03 .list > ol > li .text a:hover {
	color: #FF3F00;
}
.nav03 .more {
	text-align: right;
}
.nav04 {
	padding: 30px 0 60px;
}
.nav04 p {
	margin: 0;
}
.nav04 h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/nav02_title_line.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #686859;
	text-shadow: none;
}
.nav04 h2:before {
	display: none;
}
.nav04 .inner {
	width: 1000px;
	margin: 0 auto;
}
.nav04 ul {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.nav04 ul li {}
.nav04 dl {
	padding: 0 0 0 200px;
	position: relative;
}
.nav04 dl dt {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	height: auto;
}
.nav04 dl dt a {
	display: table;
	width: 200px;
	height: 54px;
	background: #06A36E;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	text-decoration: none;
}
.nav04 dl dt .in {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.nav04 dl.row2 dt a {
	height: 118px;
}
.nav04 dl dd {
	float: left;
	margin: 0 0 10px 10px;
	width: 190px;
	height: 54px;
}
.nav04 dl dd a {
	display: table;
	table-layout: fixed;
	width: 190px;
	height: 54px;
	background: #F8F2E0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3em;
	color: #444;
	text-decoration: none;
}
.nav04 dl dd .in {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 2px solid #F8F2E0;
}
.nav04 dl dd a:hover {
	/* olor:		#008C69; */
	text-decoration: underline;
}
.nav04 dl dd a:hover .in {
	border-color: #75DAC4;
}
.nav04 .text {
	padding: 12px 22px 18px;
}
.customer {
	padding: 30px 0 60px;
	background: #F8F2E0;
}
.customer p {
	margin: 0;
}
.customer h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/nav02_title_line.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #686859;
	text-shadow: none;
}
.customer h2:before {
	display: none;
}
.customer .inner {
	width: 1000px;
	margin: 0 auto;
}
.customer .list {
	background: #fff;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.customer .list ul {
	padding: 10px 20px;
}
.customer .list ul li {
	padding: 12px 0;
	border-top: 1px solid #DFDFD0;
}
.customer .list ul li:first-child {
	border-top: none !important;
}
.customer .list ul li .image {
	float: left;
}
.customer .list ul li h3 {
	background: none;
	border: none;
	margin: 0 0 12px 302px;
	padding: 4px 0 0;
	clear: none;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3em;
	color: #06A36D;
}
.customer .list ul li .text {
	margin: 0 0 0 302px;
}
.customer .list ul li .text a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: underline;
}
.customer .list ul li .text a:hover {
	color: #FF3F00;
}
.customer .more {
	text-align: right;
	padding: 12px 0 0;
}
.seminar {
	padding: 30px 0 60px;
}
.seminar p {
	margin: 0;
}
.seminar h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/nav02_title_line.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #686859;
	text-shadow: none;
}
.seminar h2:before {
	display: none;
}
.seminar .inner {
	width: 1000px;
	margin: 0 auto;
}
.seminar .list {
	border: 10px solid #06A36E;
	background: #fff;
	height: 600px;
	overflow: auto;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.seminar .list ul {
	padding: 10px 20px;
}
.seminar .list ul li {
	padding: 12px 0;
	border-top: 1px solid #DFDFD0;
}
.seminar .list ul li:first-child {
	border-top: none;
}
.seminar .list ul li .image {
	float: left;
}
.seminar .list._blog ul li .image a{
	width: 225px;
	display: block;
	aspect-ratio: 3 / 2;
}
.seminar .list._blog ul li .image a img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.seminar .list ul li h3 {
	background: none;
	border: none;
	margin: 0 0 12px 256px;
	padding: 4px 0 0;
	clear: none;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3em;
	color: #06A36D;
}
.seminar .list ul li .text {
	margin: 0 0 0 256px;
}
.seminar .list ul li .text a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: underline;
}
.seminar .list ul li .text a:hover {
	color: #FF3F00;
}
.seminar .more {
	text-align: right;
	padding: 12px 0 0;
}
.blog {
	padding: 30px 0 20px;
}
.blog p {
	margin: 0 !important;
}
.blog h2 {
	padding: 0 0 16px 32px;
	margin: 0 0 18px;
	border: none;
	box-shadow: none;
	background: url(images/nav02_title_line.png) left bottom no-repeat;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3em;
	color: #686859;
	text-shadow: none;
}
.blog h2:before {
	display: none;
}
.blog .inner {
	width: 960px;
	margin: 0 auto;
}
.blog .list {
	border: 10px solid #06A36E;
	background: #fff;
	max-height: 220px;
	overflow: auto;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
}
.blog .list ul {
	padding: 10px 20px;
}
.blog .list ul li {
	padding: 15px 0;
	border-top: 1px solid #DFDFD0;
}
.blog .list ul li:first-child {
	border-top: none !important;
}
.blog .list ul li .dt {
	float: left;
	width: 138px;
	text-align: center;
}
.blog .list ul li .text {
	margin: 0 0 0 142px;
}
.blog .list ul li .text a {
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #444;
	text-decoration: none;
}
.blog .list ul li .text a:hover {
	color: #FF3F00;
}
.blog .more {
	text-align: right;
	padding: 12px 0 0;
}
.more a {
	float: right;
	display: block;
	width: 250px;
	height: 44px;
	background: url(images/nav03_more_btn_bg.gif) left top no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 45px;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.banner_soudankai {
	width: 1000px;
	margin: 0 auto;
}
.banner_soudankai a {
	display: block;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3em;
	color: #444;
	position: relative;
}
.banner_soudankai a .stress {
	font-size: 20px;
	line-height: 1.3em;
}
.banner_soudankai a .text {
	position: absolute;
	left: 374px;
	top: 90px;
}
/*追加*/
.banner_benkyoukai{
	width: 1000px;
	margin: 0 auto;
    border:10px solid #459A4B;
   box-sizing: border-box;
   	position: relative;
   background: url(images/bg_benkyou.png) repeat-x;
}
.banner_benkyoukai .text{
display:block;
padding:6px 12px 20px 12px;
font-size: 15px;
}
.benkyou_image{
float:right;
margin:-100px 10px 20px 20px;
position: relative;
z-index: 100;
}
.btn_bk{
margin:0;
padding:0;
list-style: none;
text-align: center;
}
.btn_bk li{
margin:5px;
padding:0;
display: inline;
}



.top-left {
	float: left;
}
.top-right {
	float: right;
}
.top-sv-box {
	width: 960px;
	margin: 0 auto;
}

@media screen and (max-width : 767px) {
	.nav01 {
	    width: auto;
	    height: auto;
	}
	.nav01 li {
		width: 50%;
		height: auto;
		margin-bottom:1px;
	}
    
    /*追加*/
    .nav01 li.line2{
height: auto;
margin-top:0px;
}
.nav01 li.btn_list{
width: 100%;
}
.nav01 li.btn_news{
}
.nav01 li.btn_form:before{
background: none;
}
    
    
    
    
    
	.representative h2 {
		margin-bottom: 5%;
		padding: 0 5%;
		font-size: 1.5rem;
		letter-spacing: -0.02em;
	}
	.representative {
		width: auto;
		padding: 0;
	}
	.representative .photo {
	    float: none;
	    width: 60%;
	    margin: 20% auto 0;
	}
	.representative .photo p {
	    margin: 0 0 14px;
	}
	.representative .text {
	    margin: 0;
	    padding: 0 3%;
	    font-size: 1.3rem;
	}
	.strength {
	    padding: 5% 0;
	}
	.strength .inner {
	    width: 94%;
	}
	.strength p {
	    margin: 0;
	}
	.strength h2 {
		margin-bottom: 5%;
		padding: 0 0 2%;
	    font-size: 1.5rem;
		background-size: auto 15%;
	}
	.strength h2:before {
	    display: none !important;
	}
	.strength ol {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	    margin: 0;
	    font-size: 1.3rem;
	}
	.strength ol li {
		float: none;
	    width: 50%;
	    margin: 0;
	    padding: 0 3% 5%;
	    background-size: 90% auto;
	}
	.strength ol li .image {
	    height: auto;
	}
	.strength ol li .text {
    	padding: 5% 3% 0 20%;
	}
	.strength ol li .text:before {
		content: "" !important;
		display: inline-block;
		width: 30px;
		height: 100%;
		background: 0 0 no-repeat;
		background-size: auto 30px;
	}
	.strength ol li:first-child .text:before {
	    background-image: url(images/strength_num01.png);
	}
	.strength ol li:first-child + li .text:before {
	    background-image: url(images/strength_num02.png);
	}
	.strength ol li:first-child + li + li .text:before {
	    background-image: url(images/strength_num03.png);
	}
	.strength ol li:first-child + li + li + li .text:before {
	    background-image: url(images/strength_num04.png);
	}
	.strength ol li:first-child + li + li + li + li .text:before {
	    background-image: url(images/strength_num05.png);
	}
	.nav03 {
		height: auto;
	    margin: 10% 0 0 0;
    	padding: 0 0 5%;
	}
	.nav03 .inner{
		width: 94%;
	}
	.nav03 h2{
		margin-bottom: 5%;
    	padding: 0 0 2%;
    	font-size: 1.5rem;
    	background-size: auto 15%;
	}
	.nav03 .list > ol {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	    margin: 0 0 3%;
	}
	.nav03 .list > ol > li {
	    float: none;
	    width: 100%;
	    height: auto;
	    margin: 0 0 2%;
	    padding: 0 35% 3% 3%;
	}
	.nav03 .list > ol > li .num {
	    width: 30%;
	    top: 2%;
	    right: 2%;
	}
	.nav03 .list > ol > li .tags {
		padding-top: 5%;
	}
	.nav03 .list > ol > li h3{
		font-size: 1.3rem;
	}
	.nav03 .list > ol > li .text{
		font-size: 1.3rem;
	}
	.nav03 .list > ol > li .text a {
		font-size: 1.3rem;
	}
	.nav04{
		padding: 5% 0;
	}
	.nav04 .inner{
		width: 94%;
	}
	.nav04 h2{
		margin-bottom: 5%;
    	padding: 0 0 2%;
    	font-size: 1.5rem;
    	background-size: auto 15%;
	}
	.nav04 ul {
	    font-size: 1.3rem;
	}
	.nav04 dl {
	    padding: 0;
	}
	.nav04 dl dt {
	    position: static;
	    width: 100%;
		margin: 0 0 0.5%;
	}
	.nav04 dl dt a {
	    width: 100%;
	    height: auto;
		padding: 3% 0;
	    font-size: 1.4rem;
	}
	.nav04 dl.row2 dt a {
	    height: auto;
	}
	.nav04 dl dd {
		float: none;
		width: 100%;
		height: auto;
		margin: 0 0 0.5%;
	}
	.nav04 dl dd a {
		width: 100%;
		height: auto;
		padding: 3% 0;
		font-size: 1.3rem;
	}
	.nav04 .text {
		margin-bottom: 5%;
		padding: 3%;
	}
	.top-sv-box{
		width: auto;
	}
	.top-sv-box .top-left,
	.top-sv-box .top-right{
		width: 50%;
	}
	.customer {
	    padding: 5% 0 10%;
	    font-size: 1.3rem;
	}
	.customer h2 {
		margin-bottom: 5%;
    	padding: 0 0 2%;
    	font-size: 1.5rem;
    	background-size: auto 15%;
	}
	.customer .inner {
	    width: 94%;
	}
	.customer .list ul {
	    padding: 5% 0;
	}
	.customer .list ul li {
	    padding: 3%;
	}
	.customer .list ul li .image {
	    float: none;
	    text-align: center;
	}
	.customer .list ul li h3{
		margin: 5% 0;
		padding: 0;
		line-height: 1.5;
		font-size: 1.4rem;
	}
	.customer .list ul li .text{
		margin: 0;
	}
	.customer .list ul li .text a{
		font-size: 1.3rem;
	}
	.seminar {
	    padding: 5% 0 10%;
	    font-size: 1.3rem;
	}
	.seminar .inner {
	    width: 94%;
	}
	.seminar h2 {
		margin-bottom: 5%;
    	padding: 0 0 2%;
    	font-size: 1.5rem;
    	background-size: auto 15%;
	}
	.seminar .list{
		height: auto;
		overflow: visible;
		font-size: 1.3rem;
		border: 3px solid #06A36E;
	}
	.seminar .list ul {
	    padding: 3%;
	}
	.seminar .list ul li {
	    padding: 3% 0;
	}
	.seminar .list ul li .image{
		float: none;
		text-align: center;
	}
	.seminar .list._blog ul li .image a{
		margin: 0 auto;
	}
	.seminar .list ul li h3{
		margin: 5% 0;
		padding: 0;
		line-height: 1.5;
		font-size: 1.4rem;
	}
	.seminar .list ul li .text{
		margin: 0;
	}
	.seminar .list ul li .text a{
		font-size: 1.3rem;
	}
	.blog{
		padding: 0;
	}
	.blog .inner{
		width: 94%;
	}
	.blog h2{
		margin-bottom: 5%;
		padding: 0 0 2%;
		font-size: 1.5rem;
		background-size: auto 15%;
	}
	.blog .list{
		overflow: visible;
        height: auto;
        max-height: 100%;
		font-size: 1.3rem;
		border: 3px solid #06A36E;
	}
	.blog .list ul{
		padding: 3% 5%;
	}
	.blog .list ul li{
		padding: 0;
	}
	.blog .list ul li .dt{
		width: 30%;
		line-height: 1.5;
		text-align: left;
	}
	.blog .list ul li .text{
		margin-left: 35%;
		font-size: 1.3rem;
	}
	.blog .list ul li .text a{
		line-height: 1.5;
		font-size: 1.3rem;
	}
	.blog .more{
		padding-top: 3%;
	}
	.banner_soudankai{
		width: 94%;
	}
	.banner_soudankai a .text {
    	left: 37%;
    	top: 24%;
	}
	.banner_soudankai a .stress {
	    font-size: 1.0rem;
	}
    
    
/*追加*/
.banner_benkyoukai{
width: 94%;
   background: none;
}
.banner_benkyoukai .text{
display:block;
padding:12x 12px 20px 12px;
font-size: 15px;
}
.benkyou_image{
display: none;
}
.btn_bk{
margin:0;
padding:0;
list-style: none;
text-align: center;
}
.btn_bk li{
margin:5px 20px;
padding:0;
display: block;
}
    
    
	.more a{
		float: none;
		width: 70%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		font-size: 1.3rem;
		background-size: 100% auto;
		background-position: 50%
	}
}

/* サイドバー
---------------------------------------------*/

#sidebar {}
.side_title01 {
	margin: 0 0 0 0px;
}
.side_title {
	margin: 0 0 -4px -2px;
	width: 254px;
	height: 44px;
	background: url(images/side_title_bg.png) center top no-repeat;
	font-size: 17px;
	font-weight: normal;
	line-height: 44px;
	color: #fff;
	text-align: center;
}

@media screen and (max-width : 767px) {
	.side_title01 {
		width: auto;
		height: 35px;
		margin: 0;
		line-height: 35px;
		text-align: center;
		font-weight: normal;
		font-size: 1.5rem;
		background: url(images/side_title_bg.png) center top no-repeat;
		background-size: cover;
		color: #fff;
	}
	.side_title01:before {
		content: "\0030e1\0030cb\0030e5\0030fc";
	}
	.side_title01 img{
		display: none;
	}
	.side_title {
		width: auto;
		height: 35px;
		margin: 0;
		line-height: 35px;
		font-size: 1.5rem;
		background-size: cover;
	}
}

.dcjq-accordion {
	background: #fff;
	border: 3px solid #ccc;
	overflow: hidden;
	padding: 0 12px;
	margin-bottom: 20px;
}
.dcjq-accordion > ul {}
.dcjq-accordion > ul a {
	display: block;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #3F1F00;
	text-decoration: none;
}
.dcjq-accordion > ul > li {
	border-top: 1px dotted #aaa;
	padding: 1px 0 0;
}
.dcjq-accordion > ul > li:first-child {
	border-top: none !important;
}
.dcjq-accordion > ul > li > a {
	padding: 10px 5px 10px 22px;
	background: url(images/side_menu_icon01.png) 4px 15px no-repeat;
	position: relative;
}

/* 2階層目以降 */

.dcjq-accordion > ul > li > ul {
	padding: 5px 8px 5px 10px;
	border-top: 1px dotted #aaa;
	background: #E3F3ED;
	position: relative;
}
.dcjq-accordion > ul > li ul li a {
	display: block;
	padding: 5px 5px 5px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3em;
	color: #3F1F00;
	background: url(./images/side_menu_icon02.png) left 9px no-repeat;
}
.dcjq-accordion > ul > li > ul ul {
	margin-left: 20px;
}

@media screen and (max-width : 767px) {
	.dcjq-accordion{
		margin-bottom: 8%;
		padding: 0 3%;
		border: 2px solid #ccc;
	}
	.dcjq-accordion > ul a{
		font-size: 1.3rem;
	}
	.dcjq-accordion > ul > li > a{
		padding: 3% 3% 3% 22px;
		background-position: 1% 50%;
	}
	.dcjq-accordion > ul > li > ul{
		padding: 3%;
	}
	.dcjq-accordion > ul > li ul li a{
		padding: 3% 3% 3% 14px;
		font-size: 1.2rem;
	}
}

/* リンクすべて */

.dcjq-accordion > ul > li a:hover {}
.dcjq-accordion > ul > li > a:hover {
	text-decoration: none;
	background-color: #E3F3ED;
	background-image: url(./images/side_menu_icon01_on.png);
}
.dcjq-accordion > ul > li ul li a:hover {
	text-decoration: underline;
	background-image: url(./images/side_menu_icon02_on.png);
}
.side_content {
	background: #fff;
	border: 3px solid #ccc;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3em;
	color: #555;
}
.side_content_office {
	padding: 10px 0 0;
	/*	text-align:		center; */
}
.side_content_office .name {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	color: #535353;
	text-align: center;
	padding: 14px 0;
}
.side_content_office .address {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3em;
	color: #535353;
	text-align: left;
	padding: 0 0 9px 18px;
}
.side_content_office .station {
	font-size: 14px;
	font-weight: normal;
	line-height: 28px;
	color: #fff;
	text-align: center;
	margin: 0 auto 16px;
	width: 220px;
	height: 28px;
	background: #D9A300;
}
.side_content_office .image {
	text-align: center;
	margin: 0 auto 16px;
}
.side_content_office .access {
	text-align: center;
	margin: 0 auto 16px;
}

@media screen and (max-width : 767px) {
	.side_content{
		font-size: 1.2rem;
		border: 2px solid #ccc;
	}
	.side_content_office {
		padding: 3% 10%;
		text-align: center;
	}
	.side_content_office .name{
		font-size: 1.3rem;
		padding: 3% 0;
	}
	.side_content_office .address{
		display: inline-block;
		padding: 0 0 3%;
		font-size: 1.2rem;
	}
	.side_content_office .station{
		display: inline-block;
		width: auto;
		margin-bottom: 3%;
		padding: 0 3%;
	}
	.side_content_office .station,
	.side_content_office .access{
		margin-bottom: 3%;
	}
}

.side_map {}
#searchform {}
#searchform label {
	display: none !important;
}
#searchform > div {
	display: block;
	position: relative;
	width: 250px;
	height: 30px;
}
#searchform > div input[type="text"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 188px;
	height: 26px;
	border: 1px solid #ccc !important;
	background: #fff !important;
}
#searchform > div input[type="text"]:focus {
	outline: none !important;
}
#searchform > div input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	width: 56px;
	height: 28px;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	line-height: 24px;
	color: #fff;
	border: none !important;
	background: #868695;
	cursor: pointer;
}
#searchform > div input[type="submit"]:hover {
	opacity: 0.7;
}

/* カテゴリー */

#sidebar .taxonomy-list > ul{
	border: 1px solid #ccc;
	border-top: none;
	margin-bottom: 15px;
	padding: 0 15px;
	padding-top: 15px;
}

#sidebar .taxonomy-list ul{
	/* border-bottom: none; */
}

#sidebar .taxonomy-list ul li{
	/* border-bottom: 1px solid #ccc; */
	margin-bottom: 10px;
}

#sidebar .taxonomy-list ul.children{
	margin-top: 10px;
}

#sidebar .taxonomy-list ul.children li{
	/* border-bottom: none; */
}

#sidebar .taxonomy-list ul.children li a{
	font-size: 14px;
	display: flex;
	/* padding: 8px 15px; */
}

#sidebar .taxonomy-list ul.children li a::before{
	width: 14px;
	height: 1px;
	display: block;
	content: '';
	margin-top: 0.7em;
	margin-right: 6px;
	background-color: #aaa;
	flex-shrink: 0;
}

#sidebar .taxonomy-list ul li a{
	color: #000;
	/* display: block; */
	/* padding: 10px 15px; */
}


/* Footer
---------------------------------------------*/

#footer {
	margin: 100px 0 0;
}
body.home #footer {
	margin-top: 0;
}
#footer .nav {
	background: #06A36E;
	padding: 40px 0 38px;
}
#footer .nav ul {
	width: 1012px;
	margin: 0 auto;
	text-align: center;
}
#footer .nav ul li {
	display: inline-block;
}
#footer .nav ul:after,
#footer .nav ul li:before {
	content: '|';
	color: #fff;
	padding: 0 10px;
}
#footer .nav ul li a {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.3em;
	color: #fff;
}
#footer .banners {
	background: #BFEDE2;
	padding: 30px 0 10px;
}
#footer .banners .inner {
	width: 815px;
	margin: 0 auto;
	text-align: center;
}
#footer .banners ul {
	margin: 0 -20px;
}
#footer .banners ul li {
	float: left;
	margin: 0 0 20px 20px;
}
#footer .copyright {
	padding: 20px 0 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4em;
	color: #444;
	text-align: center;
}
.arrow2top {
	position: fixed;
	right: 20px;
	bottom: 315px;
	z-index: 9999;
}

@media screen and (max-width : 767px) {
	#footer,
	body.home #footer {
	    margin: 15% 0 0;
	}
	#footer .nav {
		padding: 8% 5%;
	}
	#footer .nav ul {
	    width: auto;
	    text-align: left;
	    font-size: 0;
	}
	#footer .nav ul li {
		display: inline-block;
		width: 50%;
		padding: 0 1em;
		font-size: 1.2rem;
	}
	#footer .nav ul:after,
	#footer .nav ul li:before{
		display: none;
	}
	#footer .nav ul li a {
		font-size: 1.2rem;
	}
	#footer .banners {
	    padding: 5%;
	}
	#footer .banners .inner {
	    width: auto;
	}
	#footer .banners ul {
		margin: 0;
	}
	#footer .banners ul li {
	    float: none;
	    margin: 0 0 3%;
	}
	#footer .banners ul li:last-child {
		margin-bottom: 0;
	}
	#footer .copyright {
		padding: 5%;
		font-size: 1.0rem;
	}
	.arrow2top {
		width: 15%;
		right: 3%;
		bottom: 5%;
	}
}

/* 下層ページ
---------------------------------------------*/


/* BREADCRUMB = TOPIC PATH */

.breadcrumb {
	padding: 0;
	margin: 0 0 12px;
	font-size: 14px;
}
.breadcrumb a {
	color: #468C00;
}

@media screen and (max-width : 767px) {
	.breadcrumb{
		margin-bottom: 3%;
		font-size: 1rem;
	}
}

/* Staff
---------------------------------------------*/
.table_staff,
.table_staff th,
.table_staff td{
	display: block;
}
.table_staff th{
	margin-bottom: 3%;
	text-align: center;
}

/* Sitemap
---------------------------------------------*/
@media screen and (max-width : 767px) {
	#main #sitemap_list{
		padding: 0;
	}
	#main #sitemap_list li{
		margin: 0 0 5%;
		padding-bottom: 0;
		font-size: 1.3rem;
	}
	#main #sitemap_list > li:last-child{
		position: relative;
		height: 32px;
	}
	#main #sitemap_list > li:first-child{
		height: auto;
	}
	#main #sitemap_list li.home-item{
		font-size: 1.3rem;
	}
	#main #sitemap_list li a{
		padding: 0 3%;
	}
	#main #sitemap_list > li > a{
		margin-bottom: 5%;
	}
	#main #sitemap_list li.home-item a{
		margin-bottom: 0;
	}
	#main #sitemap_list li li{
		position: static;
    	background-position-y: 50%;
	}
	#main #sitemap_list li .posts_in_category a{
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    margin: 0;
	    transform: translateY(-50%);
	}
}

/* Sitemap
---------------------------------------------*/
.map_ti{
	font-size: 18px;
	color: #277e6e;
}
@media screen and (max-width : 767px) {
	.simplemap .simplemap-content{
		position: relative;
	    height: 0;
	    padding-top: 80%;
	}
	.map_ti{
		font-size: 1.5rem;
	}
}


/* Form
---------------------------------------------*/
.wpcf7 textarea {
	min-width: 480px;
	max-width: 650px;
}
@media screen and (max-width : 767px) {
	input[type="text"],input[type="email"],input[type="tel"],textarea{
		width: 100%;
		padding: 2%;
		font-size: 1.3rem;
		border: 1px solid #06A36E;
		border-radius: 3px;
	}
	.wpcf7 textarea {
		min-width: 0;
	}
}


/* リスト
---------------------------------------------*/

.baselist {
	margin: 15px;
}
.baselist ul {
	margin: 0 !important;
}
.baselist li {
	list-style: none !important;
	margin: 0 0 8px;
}
.baselist li a {
	display: block;
	font-size: 15px;
	margin-bottom: 8px;
	padding: 7px 5px 7px 35px;
	border-bottom: 1px dotted #666;
}
.baselist li a {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.baselist li a:hover {
	color: #444;
	text-decoration: underline;
	font-weight: normal;
}
.baselist > ul > li {
	background: url(images/side_menu_icon01.png) 5px 12px no-repeat;
}
.baselist > ul > li ul {
	margin-left: 25px !important;
}
.baselist > ul > li ul li {
	background: url(./images/side_menu_icon02.png) 5px 14px no-repeat;
}

@media screen and (max-width : 767px) {
	.baselist{
		margin: 0 3% 3%;
	}
	.baselist li{
		margin-bottom: 0;
	}
	.baselist li a {
        font-size: 1.3rem;
		margin-bottom: 0;
        padding: 3% 3% 3% 22px;
	}
	.baselist > ul > li{
		background-position: 1% 50%;
	}
}

/* Font Size
---------------------------------------------*/
.fz18{
	font-size: 18px;
}
.fz24{
	font-size: 24px;
}
@media screen and (max-width : 767px) {
	.fz18{
		font-size: 1.3rem;
	}
	.fz24{
		font-size: 1.5rem;
	}
}

/* PADDING & MARGIN SETUP
---------------------------------------------*/


/* MARGIN */

.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb00 {
	margin-bottom: 0px !important;
}
.mb01 {
	margin-bottom: 1px !important;
}
.mb02 {
	margin-bottom: 2px !important;
}
.mb03 {
	margin-bottom: 3px !important;
}
.mb04 {
	margin-bottom: 4px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}

@media screen and (max-width : 767px) {
	.mt5 {
		margin-top: 5px !important;
	}
	.mt8 {
		margin-top: 8px !important;
	}
	.mt10 {
		margin-top: 10px !important;
	}
	.mt15 {
		margin-top: 15px !important;
	}
	.mt20 {
		margin-top: 3% !important;
	}
	.mt25 {
		margin-top: 7% !important;
	}
	.mt30 {
		margin-top: 10% !important;
	}
	.mt40 {
		margin-top: 10% !important;
	}
	.mt50 {
		margin-top: 10% !important;
	}
	.mt60 {
		margin-top: 10% !important;
	}
	.mb00 {
		margin-bottom: 0px !important;
	}
	.mb10 {
		margin-bottom: 3% !important;
	}
	.mb15 {
		margin-bottom: 4% !important;
	}
	.mb20 {
		margin-bottom: 3% !important;
	}
	.mb25 {
		margin-bottom: 7% !important;
	}
	.mb30 {
		margin-bottom: 10% !important;
	}
	.mb40 {
		margin-bottom: 10% !important;
	}
	.mb45 {
		margin-bottom: 10% !important;
	}
	.mb50 {
		margin-bottom: 10% !important;
	}
	.mb100 {
		margin-bottom: 10% !important;
	}
	.mr10 {
		margin-right: 3% !important;
	}
	.mr20 {
		margin-right: 3% !important;
	}
	.mr30 {
		margin-right: 10% !important;
	}
	.mr40 {
		margin-right: 10% !important;
	}
	.mr50 {
		margin-right: 10% !important;
	}
	.ml10 {
		margin-left: 3% !important;
	}
	.ml20 {
		margin-left: 3% !important;
	}
	.ml30 {
		margin-left: 10% !important;
	}
	.ml40 {
		margin-left: 20% !important;
	}
	.ml50 {
		margin-left: 25% !important;
	}
}

/* PADDING */

.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}

@media screen and (max-width : 767px) {
	.pt10 {
	    padding-top: 3% !important;
	}
	.pt20 {
	    padding-top: 3% !important;
	}
	.pt30 {
	    padding-top: 10% !important;
	}
	.pt35 {
	    padding-top: 15% !important;
	}
	.pt40 {
	    padding-top: 20% !important;
	}
	.pt50 {
	    padding-top: 25% !important;
	}
	.pb10 {
	    padding-bottom: 3% !important;
	}
	.pb20 {
	    padding-bottom: 3% !important;
	}
	.pb30 {
	    padding-bottom: 10% !important;
	}
	.pb40 {
	    padding-bottom: 10% !important;
	}
	.pb50 {
	    padding-bottom: 10% !important;
	}
	.pr10 {
	    padding-right: 3% !important;
	}
	.pr20 {
	    padding-right: 3% !important;
	}
	.pr30 {
	    padding-right: 10% !important;
	}
	.pr40 {
	    padding-right: 10% !important;
	}
	.pr50 {
	    padding-right: 10% !important;
	}
	.pl10 {
	    padding-left: 3% !important;
	}
	.pl20 {
	    padding-left: 3% !important;
	}
	.pl30 {
	    padding-left: 10% !important;
	}
	.pl40 {
	    padding-left: 10% !important;
	}
	.pl50 {
	    padding-left: 10% !important;
	}
}

/* FLOAT */

.fleft {
	float: left;
}
.fright {
	float: right;
}

/* WP STYLE
---------------------------------------------*/

img.centered,
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

@media screen and (max-width : 767px) {
	img.alignright,
	img.alignleft {
		float: none;
		display: block;
		margin: 0 auto 3%;
		padding: 0;
	}
}

/* CLEARFIX
---------------------------------------------*/

.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cl {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .cl {
	height: 1%;
}
.cl {
	display: block;
}

/* End hide from IE-mac */


/* スタイル追加
---------------------------------------------*/

.mt0 {
	margin-top: 0px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mr0 {
	margin-right: 0px !important;
}
.ml0 {
	margin-left: 0px !important;
}
.ml-1 {
	margin-left: -1px !important;
}
.ml-26 {
	margin-left: -26px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.mt-10 {
	margin-top: -10px !important;
}
.mt-20 {
	margin-top: -20px !important;
}
.mt-30 {
	margin-top: -30px !important;
}
.mt-40 {
	margin-top: -40px !important;
}
.mt-45 {
	margin-top: -45px !important;
}
.mt-50 {
	margin-top: -50px !important;
}
.mb-10 {
	margin-bottom: -10px !important;
}
.mb-15 {
	margin-bottom: -15px !important;
}
.mb-20 {
	margin-bottom: -20px !important;
}
.mb-30 {
	margin-bottom: -30px !important;
}
.mb-40 {
	margin-bottom: -40px !important;
}
.mb-50 {
	margin-bottom: -50px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb110 {
	margin-bottom: 110px !important;
}
.mb120 {
	margin-bottom: 120px !important;
}
.mb130 {
	margin-bottom: 130px !important;
}
.mb140 {
	margin-bottom: 140px !important;
}
.mb150 {
	margin-bottom: 150px !important;
}
.ptable p {
	margin: 0;
}
.p_zero {
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
h1.h1img,
h2.h2img,
h3.h3img,
h4.h4img {
	border: none;
	padding: 0px;
	margin: 0;
	color: #000;
	background-color: transparent !important;
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
h1.h1img:before,
h2.h2img:before,
h3.h3img:before,
h4.h4img:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	background-color: transparent !important;
	background: none;
}
h1.h1img:after,
h2.h2img:after,
h3.h3img:after,
h4.h4img:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	background-color: transparent !important;
	background: none;
}
.entry h2 u,
.entry h3 u,
.entry h4 u {
	text-decoration: none !important;
}

/*　リスト　*/

.entry ol.ol,
.wp-editor ol.ol {
	display: block;
	list-style-type: decimal;
	padding-left: 30px;
	margin: 15px 15px 20px;
}
.entry ol.ol li,
.wp-editor ol.ol li {
	margin-top: 10px;
	list-style-type: decimal;
}
.entry ol.ol li:first-child,
.wp-editor ol.ol li:first-child {
	margin-top: 0px;
}
.entry ol.ol.li_m0,
.wp-editor ol.ol.li_m0 {
	margin-top: 10px
}
.entry ol.ol.li_m0:first-child,
.wp-editor ol.ol.li_m0:first-child {
	margin-top: 0px
}
.entry ol.ol.li_m0 li,
.wp-editor ol.ol.li_m0 li {
	margin-top: 0px
}
.entry ul.ul,
.wp-editor ul.ul {
	display: block;
	list-style-type: disc;
	padding-left: 30px;
	margin: 15px 15px 20px;
}
.entry ul.ul li,
.wp-editor ul.ul li {
	margin-top: 10px;
	list-style-type: disc;
}
.entry ul.ul li:first-child,
.wp-editor ul.ul li:first-child {
	margin-top: 0px;
}
.entry ul.ul.li_m0,
.wp-editor ul.li_m0 {
	margin-top: 10px
}
.entry ul.ul.li_m0:first-child,
.wp-editor ul.li_m0:first-child {
	margin-top: 0px
}
.entry ul.ul.li_m0 li,
.wp-editor ul.li_m0 li {
	margin-bottom: 0px
}
ul.ul li,
ol.il li {
	margin-left: 0px;
}

@media screen and (max-width : 767px) {
	.entry ol.ol, .wp-editor ol.ol,
	.entry ul.ul, .wp-editor ul.ul {
	    margin: 0 0 3%;
	    padding-left: 1.5em;
	    font-size: 1.2rem;
	}
	.entry ol.ol li, .wp-editor ol.ol li,
	.entry ul.ul li, .wp-editor ul.ul li{
		margin-top: 3%;
	    font-size: 1.2rem;
	}

}

.yuigonkanren01 {
	background-color: #fcf4d4;
	padding: 15px;
}
.yuigonkanren02 {
	width: 100%;
	text-align: center;
}
.yuigonkanren03 {
	background-color: #2f9283;
	text-align: center;
	margin: 0 auto;
	padding: 5px;
	border-radius: 20px;
	font-weight: bold;
	color: #FFFFFF;
	width: 10%;
}
.yuigonkanren04 {
	border: solid 4px #8dcec5;
	padding: 10px;
	color: #2f9283;
	font-size: 16px;
}
.yuigonkanren05 {
	background-color: #2f9283;
	text-align: center;
	margin: 0 auto;
	padding: 10px;
	border-radius: 20px;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
	font-size: 18px;
}
.yuigonkanren06 {
	background-color: #fbf7ec;
	border: solid #CCC 1px;
	padding: 15px 10px;
	width: 680px;
	font-size: 15px;
	margin-bottom: 10px;
	padding-left: 2.5em;
	text-indent: -1.5em;
}
.yuigonkanren06 a {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
.yuigonkanren06 a:hover {
	color: #444;
	text-decoration: underline;
	font-weight: normal;
}
.isanseiri01 {
	font-weight: bold;
	border-bottom: dotted 2px #8fc4bc;
	padding-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.isanseiri02 {
	font-weight: bold;
	border-bottom: solid 1px #8fc4bc;
	padding-bottom: 5px;
	font-size: 16px;
	color: #308d80;
}
.yuigon-tx01 {
	color: #666666;
	font-size: 13px;
	padding-left: 1em;
	text-indent: -1em;
}
.souzokutouki01 {
	font-weight: bold;
	color: #308d80;
	font-size: 16px;
}
.souzokuhouki01 {
	font-weight: bold;
	color: #308d80;
	font-size: 20px;
	padding-left: 1.7em;
	text-indent: -1.7em;
	line-height: 130%;
}
.souzokuhouki01 span {
	font-size: 30px;
}
.kazoku01 {
	background: #308d80;
	color: #ffffff;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}


@media screen and (max-width : 767px) {
	.yuigonkanren01 {
		padding: 3%;
	}
	.yuigonkanren03 {
		border-radius: 10px;
	}
	.yuigonkanren04 {
		padding: 3%;
		font-size: 1.3rem;
		border: solid 2px #8dcec5;
	}
	.yuigonkanren05 {
		padding: 3%;
		font-size: 1.3rem;
		border-radius: 10px;
	}
	.yuigonkanren06 {
		width: auto;
		margin-bottom: 3%;
		padding: 3%;
		font-size: 1.3rem;
	}
	.isanseiri01 {
		padding-bottom: 3%;
		border-bottom: dotted 1px #8fc4bc;
	}
	.isanseiri02 {
		padding-bottom: 3%;
		font-size: 1.3rem;
		border-bottom: solid 1px #8fc4bc;
	}
	.yuigon-tx01 {
		font-size: 1.2rem;
	}
	.souzokutouki01 {
		font-size: 1.3rem;
	}
	.souzokuhouki01 {
		font-size: 1.5rem;
	}
	.souzokuhouki01 span {
		font-size: 1.5rem;
	}
	.kazoku01 {
		padding: 5%;
		font-size: 1.5rem;
	}
}


.radio-264 label{
padding-right:20px;
}


.archives h3{
}

.archives h3 .term{
	margin: 0 0 10px;
}
.archives h3 .term a{
	font-size: 0.8rem;
	display: inline-block;
	padding: 2px 8px;
	background-color: #efefde;
	margin-right: 10px;
}