@charset "utf-8";

/*
-------------------------------------------
■全ページ共通スタイル（初期化）
-------------------------------------------
*/
html,body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,table,th,tr,td,form,strong,em,span,a,img,fieldset,legend,address {
	margin: 0px;
	padding: 0px;
	outline-style: none;
	font-weight: normal;
	font-style: normal;
}
html {
	height: 100%;
	width: 100%;
}
body {
	height: 100%;
	width: 100%;
	/*min-width:1000px;*/
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka－等幅", sans-serif, Osaka-mono;
	font-size: 0.9em;
	line-height: 1.8em;
	color: #333;
	text-align: center;
	background: #FFF;
}
table {
	border-collapse: collapse;
}
ul,ol,li {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
	font-size: 0;
}
input,select,textarea {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka－等幅", sans-serif, Osaka-mono;
}
a:link {
	color: #008CE6;
	text-decoration: underline;
}
a:visited {
	color: #008CE6;
	text-decoration: underline;
}
a:hover {
	color: #666;
	text-decoration: none;
}
a:active {
	color: #333;
	text-decoration: none;
}
#wrapper {
	width: 100%;
}
.margT00 {
	margin-top: 0px !important;
}
.margT05 {
	margin-top: 5px !important;
}
.margT10 {
	margin-top: 10px !important;
}
.margT15 {
	margin-top: 15px !important;
}
.margT20 {
	margin-top: 20px !important;
}
.margT25 {
	margin-top: 25px !important;
}
.margT30 {
	margin-top: 30px !important;
}
.margT35 {
	margin-top: 35px !important;
}
.margT40 {
	margin-top: 40px !important;
}
.margT45 {
	margin-top: 45px !important;
}
.margT50 {
	margin-top: 50px !important;
}
.margT55 {
	margin-top: 55px !important;
}
.margT60 {
	margin-top: 60px !important;
}
.margB00 {
	margin-bottom: 0px !important;
}
.margB05 {
	margin-bottom: 5px !important;
}
.margB10 {
	margin-bottom: 10px !important;
}
.margB15 {
	margin-bottom: 15px !important;
}
.margB20 {
	margin-bottom: 20px !important;
}
.margB25 {
	margin-bottom: 25px !important;
}
.margB30 {
	margin-bottom: 30px !important;
}
.margB35 {
	margin-bottom: 35px !important;
}
.margB40 {
	margin-bottom: 40px !important;
}
.margB50 {
	margin-bottom: 50px !important;
}
.margB55 {
	margin-bottom: 55px !important;
}
.margB60 {
	margin-bottom: 60px !important;
}





/*
-------------------------------------------
■Clear FIX
-------------------------------------------
*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0px;
	line-height: 0px;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}





/*
-------------------------------------------
■テキストサイズ
-------------------------------------------
*/
.fontBig {
	font-size: 1.4em !important;
}
.fontSmall {
	font-size: 0.9em !important;
	line-height: 1.4em;
}






/*
-------------------------------------------
■テキストカラー
-------------------------------------------
*/
.fontGreen {
	color: #85991D !important;
}
.fontPink {
	color: #FF1E50 !important;
}
.fontGray {
	color: #808080 !important;
}
.fontBlack {
	color: #000000 !important;
}
.fontWhite {
	color: #FFFFFF !important;
}






/*
-------------------------------------------
■テキスト強調
-------------------------------------------
*/
.fontBold {
	font-weight: bold !important;
}
.fontNormal {
	font-weight: normal !important;
}






/*
-------------------------------------------
■英字フォント
-------------------------------------------
*/
.fontEn {
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}






/*
-------------------------------------------
■明朝体フォント
-------------------------------------------
*/
.fontMin {
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-weight: bold;
}






/*
-------------------------------------------
■テキスト寄せ
-------------------------------------------
*/
.txtAlignR {
	text-align: right !important;
}
.txtAlignC {
	text-align: center !important;
}
.txtAlignL {
	text-align: left !important;
}




/*
-------------------------------------------
■ヘッダー
-------------------------------------------
*/
#header {
	width: 100%;
}
#header #head_logo {
	width: 100%;
	text-align: center;
	background-color: rgba(255,255,255,0.9);
}
#header #head_logo h1 {
	padding: 16px 0 17px;
	margin: 0 auto;
}
#header #head_logo h1,
#header #head_logo h1 img {
	width: 208px;
	height: 47px;
}

/* CLS safety: prevent overflow when width/height attrs are set */
#head_logo h1 img,
#head_menu .main_menu_a img,
#menu_sp #contact_phone_button img,
#menu_sp #contact_button img {
	max-width: 100%;
}
#header #head_menu {
	width: 100%;
	height: 50px;
	text-align: center;
}
#header #head_menu #menu_pc {
	display: block;
	width: 100%;
	background-color: rgba(70,140,30,0.6);
}
#header #head_menu #menu_sp {
	display: none;
}
#header #head_menu .fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#header #head_menu #menu_pc .main_menu_ul {
	width: 1000px;
	margin: 0 auto;
}
#header #head_menu #menu_pc .main_menu_li {
	float: left;
	position: relative;
}
#header #head_menu #menu_pc .main_menu_a,
#header #head_menu #menu_pc .main_menu_a:visited {
	display: block;
	overflow: hidden;
	height: 50px;
	position: relative;
}
#header #head_menu #menu_pc #main_menu_li_about .main_menu_a {
	width: 221px;
	background: url(../image/main_menu_about_on.gif) no-repeat center center;
}
/*#header #head_menu #menu_pc #main_menu_li_calculation .main_menu_a {
	width: 258px;
	background: url(../image/main_menu_calculation_on.gif) no-repeat center center;
}*/
#header #head_menu #menu_pc #main_menu_li_price .main_menu_a {
	width: 187px;
	background: url(../image/main_menu_price_on.gif) no-repeat center center;
}
#header #head_menu #menu_pc #main_menu_li_inheritance .main_menu_a {
	width: 159px;
	background: url(../image/main_menu_inheritance_on.gif) no-repeat center center;
}
#header #head_menu #menu_pc #main_menu_li_consulting .main_menu_a {
	width: 252px;
	background: url(../image/main_menu_consulting_on.gif) no-repeat center center;
}
#header #head_menu #menu_pc #main_menu_li_contact .main_menu_a {
	width: 181px;
	background: url(../image/main_menu_contact_on.gif) no-repeat center center;
}
#header #head_menu #menu_pc .main_menu_a img {
	position: absolute;
	left: 0;
	top: 0;
}
#header #head_menu #menu_pc .sub_menu_ul {
	position: absolute;
	display: none;
	top: 50px;
	left: 0px;
}
#header #head_menu #menu_pc .sub_menu_li {
	text-align: left;
}
#header #head_menu #menu_pc .sub_menu_li a,
#header #head_menu #menu_pc .sub_menu_li a:visited
 {
	display: block;
	width: 222px;
	color: #F0FFE6;
	text-decoration: none;
	padding: 10px 15px;
	background-color: rgba(70,140,30,0.9);
	background-size: 200% 100%; 
	background-image: linear-gradient(to right, transparent 50%, rgba(0, 100, 0, 0.9) 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
#header #head_menu #menu_pc .sub_menu_li a:hover {
	color: #8DC21F;
	background-color: rgba(0,100,0,0.6);
	background-position: -100% 100%;
}










/*
-------------------------------------------
■メインコンテンツ
-------------------------------------------
*/
#content {
	width: 100%;
}









/*
-------------------------------------------
■共通 section
-------------------------------------------
*/
.section {
	width: 100%;
}
.Under_page #content {
	width: 100%;
}












/*
-------------------------------------------
■共通H2タイトル　グリーンバック
-------------------------------------------
*/
.page_title_H2 {
	width: 100%;
	padding: 80px 0 60px;
	text-align: center;
	background: url(../image/title_back_image_pc.jpg) no-repeat center center;
	background-size: cover;
	/*background-color: #8DC21F;*/
}
.page_title_H2 h2 {
	font-size: 2.5em;
	color: #FFF;
}
.page_title_H2 p {
	font-size: 1.8em;
	color: #EAF3D4;
	margin-top: 10px;
}

/*
-------------------------------------------
■共通H3タイトル
-------------------------------------------
*/
.section_title {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}
.section_title h3 {
	font-size: 2.2em;
	color: #006400;
}

/*
-------------------------------------------
■共通H4タイトル
-------------------------------------------
*/
.green_title {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.green_title h4 {
	font-size: 1.6em;
	color: #006400;
}

/*
-------------------------------------------
■共通H4タイトル　大
-------------------------------------------
*/
.green_big_title {
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.green_big_title h4 {
	font-size: 2em;
	color: #006400;
}

/*
-------------------------------------------
■共通H5タイトル
-------------------------------------------
*/
.black_title_h5 {
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
.black_title_h5 h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

/*
-------------------------------------------
■共通H6タイトル
-------------------------------------------
*/
.gray_title_h6 {
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}
.gray_title_h6 h6 {
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
}









/*
-------------------------------------------
■共通パーツ　通常1000pxボックス
-------------------------------------------
*/
.cont_normal {
	width: 1000px;
	margin: 0 auto;
}









/*
-------------------------------------------
■共通パーツ　通常1000pxボックス グレー背景
-------------------------------------------
*/
.cont_black {
	width: 1000px;
	margin: 0 auto;
	background-color: #F2F2F2;
	border-radius: 10px;
}
.cont_black .grayback_title {
	font-size: 1.3em;
	color: #000;
	padding-top: 20px;
}










/*
-------------------------------------------
■共通パーツ　2カラム
-------------------------------------------
*/
.two_column {
	width: 1000px;
	margin: 0 auto;
}
.two_column .base_column {
	width: 480px;
	float: left;
	margin-right: 40px;
}
.two_column .column_02 {
	margin-right: 0;
}









/*
-------------------------------------------
■共通パーツ　3カラム
-------------------------------------------
*/
.three_column {
	width: 1000px;
	margin: 0 auto;
}
.three_column .base_column {
	width: 310px;
	float: left;
	margin-right: 35px;
}
.three_column .column_03 {
	margin-right: 0;
}









/*
-------------------------------------------
■共通パーツ　4カラム
-------------------------------------------
*/
.four_column {
	width: 1000px;
	margin: 0 auto;
}
.four_column .base_column {
	width: 235px;
	float: left;
	margin-right: 20px;
}
.four_column .column_04 {
	margin-right: 0;
}









/*
-------------------------------------------
■共通パーツ　ページイメージ
-------------------------------------------
*/
.page_image {
	width: 1000px;
	margin: 40px auto 0;
}









/*
-------------------------------------------
■共通パーツ　ページメッセージ
-------------------------------------------
*/
.page_message {
	width: 1000px;
	margin: 60px auto 0;
}
.page_message p {
	font-size: 2.6em;
	line-height: 1.3em;
	font-weight: bold;
}









/*
-------------------------------------------
■共通パーツ　ページリード
-------------------------------------------
*/
.page_lead {
	width: 1000px;
	margin: 60px auto 0;
}
.page_lead p {
	text-align: left;
}









/*
-------------------------------------------
■共通パーツ　ページナビゲーション
-------------------------------------------
*/
#page_navigation {
	width: 1000px;
	margin: 30px auto 0;
}
#page_navigation .navi_ul {
	width: 980px;
	padding: 10px;
	background-color: #CBE097;
	border-radius: 5px;
}
#page_navigation .navi_ul li {
	margin: 1px 0;
	display: inline-block;
}
#page_navigation .navi_ul li a,
#page_navigation .navi_ul li a:visited {
	display: block;
	padding: 2px 15px;
	text-decoration: none;
	color: #FFF;
	background-color: #006400;
}
#page_navigation .navi_ul li a:hover {
	color: #006400;
	background-color: #8DC21F;
}









/*
-------------------------------------------
■共通パーツ　コンテンツフロー
-------------------------------------------
*/
.cont_flow .flow_li {
	padding-bottom: 60px;
	margin-bottom: 20px;
	background: url(../image/price_flow_icon_arrow.png) no-repeat center bottom;
}
.cont_flow .last_li {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}
.cont_flow .cont_black {
	padding: 30px 0;
}
.cont_flow .flow_num {
	width: 60px;
	height: 60px;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFF;
	margin: 0 auto;
	border-radius: 50%;
	background-color: #006400;
}
.cont_flow .flow_num span {
	display: block;
	padding-top: 18px;
}
.cont_flow .flow_title {
	font-size: 1.6em;
	color: #006400;
	font-weight: bold;
	margin-top: 20px;
}
.cont_flow .content_l {
	float: left;
	width: 350px;
	padding-left: 30px;
	margin-top: 30px;
}
.cont_flow .content_r {
	float: right;
	text-align: left;
	width: 500px;
	padding: 20px 30px;
	margin-top: 30px;
	margin-right: 30px;
	background-color: #FFF;
}
.cont_flow .content_r .add_title {
	margin-top: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #CCC;
}
.cont_flow .content_r .add_list dt {
	padding-top: 10px;
	float: left;
	width: 4em;
}
.cont_flow .content_r .add_list dd {
	padding-top: 10px;
	margin-left: 4em;
	width: auto;
}
.cont_flow .content_all {
	text-align: left;
	width: auto;
	padding: 20px 30px;
	margin-top: 30px;
	margin-right: 30px;
	margin-left: 30px;
	background-color: #FFF;
}









/*
-------------------------------------------
■共通パーツ　コンテンツフロー
-------------------------------------------
*/
#plan_chart {
	margin-top: 30px;
}
#plan_chart .chart_table {
	margin: 30px 30px 0;
}
#plan_chart .chart_table td {
	vertical-align: top;
	padding-bottom: 30px;
}
#plan_chart .chart_table .chart_td_1 {
	width: 28%;
}
#plan_chart .chart_table .chart_td_1 .icon_no {
	margin-top: 20px;
}
#plan_chart .chart_table .chart_td_1 .if_title {
	width: auto;
	background-color: #FFF;
	border-radius: 5px;
	padding: 15px;
}
#plan_chart .chart_table .chart_td_2 {
	width: 28%;
}
#plan_chart .chart_table .chart_td_3 {
	text-align: left;
}
#plan_chart .chart_table .chart_td_3 a,
#plan_chart .chart_table .chart_td_3 a:visited {
	width: 100%;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}
#plan_chart .chart_table .chart_td_3 p {
	margin-top: 5px;
}









/*
-------------------------------------------
■共通テーブル
-------------------------------------------
*/
.common_table {
	width: 100%;
}
.common_table table {
	width: 100%;
}
.common_table th {
	color: #006400;
	text-align: left;
	vertical-align: top;
	padding: 20px 0;
	border-bottom: dotted 1px #999;
}
.common_table tr:first-child th {
	border-top: solid 5px #006400;
}
.common_table td {
	text-align: left;
	vertical-align: top;
	padding: 20px 0;
	border-bottom: dotted 1px #999;
}
.common_table tr:first-child  td {
	border-top: solid 5px #8DC21F;
}









/*
-------------------------------------------
■共通テーブル　リスト系テーブル
-------------------------------------------
*/
.innner_table {
	width: 100%;
}
.innner_table table {
	width: 100%;
}
.innner_table thead th {
	text-align: center;
	vertical-align: bottom;
	padding: 0 10px 10px;
	border-bottom: solid 2px #333;
}
.innner_table tbody td {
	text-align: left;
	vertical-align: top;
	padding: 10px;
	border-bottom: dotted 1px #999;
}
.innner_table tbody tr:last-child  td {
	border-bottom: none;
	padding-bottom: 0;
}









/*
-------------------------------------------
■共通パーツ　フォームリスト
-------------------------------------------
*/
.form_list {
	width: 1000px;
	margin: 0 auto;
}
.form_list input {
	vertical-align: top;
}
.form_list .input_num {
	width: 6em;
	padding: 5px;
	text-align: right;
}
.form_list .unit {
	margin-left: 0.5em;
}
.form_list .formlist_ul {
	width: auto;
	background-color: #F2F2F2;
	padding: 20px;
}
.form_list .sent .formlist_ul {
	display: none;
}
.form_list .formlist_li {
	width: auto;
	background-color: #FCFCFC;
	margin-top: 10px;
	text-align: left;
}
.form_list .formlist_li_top {
	margin-top: 0;
}
.form_list .form_name_area {
	background: url(../image/form_title_icon.png) no-repeat 25px 28px;
	background-size: 30px 30px;
	padding: 30px 30px 30px 80px;
	float: left;
	width: 12em;
}
.form_list .form_name_area .form_name_title {
	font-size: 1.2em;
}
.form_list .form_name_area .must {
	display: block;
	font-size: 0.8em;
	color: #FF1E50;
}
.form_list .form_cont_area {
	margin-left: 20em;
	padding: 30px 30px 30px 0;
}
.form_list .after_input {
	margin-left: 1em;
}
.form_list label {
	cursor: pointer;
	margin-right: 1em;
}
.form_list .add_option {
	display: inline;
}
.middle_result {
	width: 960px;
	margin: 20px auto 0;
	background-color: #F2F2F2;
	padding: 20px;
}
.middle_result table {
	width: 100%;
	background-color: #FFF;
	border-radius: 5px;
}
.middle_result table tr th {
	font-size: 1.2em;
	text-align: right;
	width: 50%;
	padding: 15px 0;
	border-top: dotted 1px #CCC;
}
.middle_result table .first_tr th {
	border-top: none;
}
.middle_result table tr td {
	text-align: left;
	padding: 15px 0;
	border-top: dotted 1px #CCC;
}
.middle_result table .first_tr td {
	border-top: none;
}
.middle_result table .middle_result_num {
	font-size: 2em;
	font-weight: bold;
	color: #006400;
	padding-left: 10px;
}








/*
-------------------------------------------
■ Contact Form 7
-------------------------------------------
*/

/*　フォーム先頭に出るメッセージ　*/
div.wpcf7 .screen-reader-response {
	display: none;
}
/*　フォーム先頭に出るメッセージ下　各項目のエラー内容　*/
div.wpcf7 .screen-reader-response ul {
	display: none;
}
/*　各項目の直下に表示されるエラー内容　*/
div.wpcf7 .wpcf7-not-valid-tip {
	display: block;
	color: #FFF;
	text-align: left;
	position: relative;
	background-color: rgba(255,0,40,1.0);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	width: 96%;
	padding: 5px 10px;
	border-radius: 5px;
	margin-top: 5px;
}
div.wpcf7 .wpcf7-not-valid-tip:after {
	content: "";
	position: absolute;
	top: -20px;
	left: 20px;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: transparent transparent rgba(255,0,40,1.0) transparent;
	border-width: 10px 5px 10px 5px;
}
/*　フォーム最後に表示されるエラーメッセージ　*/
div.wpcf7 .wpcf7-validation-errors {
	color: #FFF;
	text-align: center;
	border: none;
	background-color: rgba(255,0,40,1.0);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	width: 1000px;
	margin: 30px auto 0;
	padding: 5px 10px;
	border-radius: 5px;
}
/*　フォーム最後に表示される送信エラーメッセージ　*/
div.wpcf7 div.wpcf7-spam-blocked {
	display: inline-block;
	color: #FFF;
	text-align: center;
	background-color: rgba(255,0,40,1.0);
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	padding: 5px 20px;
	border: none;
	border-radius: 5px;
	margin-top: 30px;
}
/*　フォーム送信後にフォーム入力項目を非表示　*/
div.wpcf7 form.sent section.form_areas,
div.wpcf7 form.sent dl.form_list,
div.wpcf7 form.sent div.submit_button {
	display: none !important;
}
/*　フォーム最後に表示されるメール送信完了メッセージ　*/
div.wpcf7 .wpcf7-mail-sent-ok {
	border: none;
	background-color: rgba(255,255,255,0.8);
	width: 1000px;
	margin: 0 auto;
	padding: 100px 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
/*　入力必須項目　*/
div.wpcf7 .wpcf7-validates-as-required {
	position: relative;
}
div.wpcf7 .wpcf7-validates-as-required:after {
	content: "";
	display: block;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	border-radius: 10px;
	background-color: rgba(255,0,0,0.6);
}









/*
-------------------------------------------
■共通パーツ　テキストボックスリンク
-------------------------------------------
*/
.txt_block_link {
	width: 100%;
}
.txt_block_link a,
.txt_block_link a:visited {
	display: inline-block;
	width: auto;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	margin: 0 auto;
	background-color: #006400;
	background-size: 200% 100%; 
	background-image: linear-gradient(to right, transparent 50%, rgba(0, 100, 0, 0.9) 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.txt_block_link a:hover {
	color: #8DC21F;
	background-color: #8DC21F;
	background-position: -100% 100%;
}
.txt_block_link span {
	display: block;
	width: auto;
	padding: 10px 20px 10px 50px;
	background: url(../image/text_box_link_icon_off.png) no-repeat 15px center;
	background-size: 18px 18px; 
}









/*
-------------------------------------------
■共通パーツ　サークルリンク
-------------------------------------------
*/
.circle_link {
	width: 235px;
}
.circle_link a {
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: relative;
}
.circle_link a span {
	display: block;
	width: 225px;
	height: 225px;
	border: solid 5px rgba(140,190,30,0.6);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.circle_link a.mouse_on span {
	width: 215px;
	height: 215px;
	border: solid 10px rgba(140,190,30,0.8);
	background-color: rgba(140,190,30,0.4);
}
.circle_name {
	width: auto;
	margin-top: 10px;
}
.circle_name .prof_sholder {
	font-size: 0.8em;
	line-height: 1.0em;
}
.circle_name .prof_name {
	font-size: 1.5em;
	line-height: 1.2em;
}









/*
-------------------------------------------
■共通パーツ　画面幅最大画像　100%×250px
-------------------------------------------
*/
.section_wide_image {
	width: 100%;
	height: 250px;
}









/*
-------------------------------------------
■共通パーツ　倍サイズ画像 コンテンツ幅最大に
-------------------------------------------
*/
.scal_half_image {
	width: 100%;
	height: auto;
}









/*
-------------------------------------------
■共通パーツ　グレー背景角丸
-------------------------------------------
*/
.black_back {
	width: auto;
	padding: 20px;
	border-radius: 5px;
	background-color: #F2F2F2;
}









/*
-------------------------------------------
■ 共通パーツ　平米
-------------------------------------------
*/
.small_cap {
	font-size: 0.6em;
	vertical-align: top;
}







/*
-------------------------------------------
■ ドットリスト
-------------------------------------------
*/
.dotlist_ul li {
	margin-left: 1.5em;
	list-style: disc;
	text-align: left;
}







/*
-------------------------------------------
■ ナンバーリスト
-------------------------------------------
*/
.numlist_ol li {
	margin-left: 1.5em;
	list-style: decimal;
	text-align: left;
}







/*
-------------------------------------------
■ ローマ数字ナンバーリスト
-------------------------------------------
*/
.romenumlist_ol li {
	margin-left: 1.5em;
	list-style: upper-roman;
	text-align: left;
}







/*
-------------------------------------------
■ イロハ　ナンバーリスト
-------------------------------------------
*/
.irohanumlist_ol li {
	margin-left: 1.5em;
	list-style: katakana-iroha;
	text-align: left;
}







/*
-------------------------------------------
■ ULリスト　チェックマーク付きリスト
-------------------------------------------
*/
.check_ul li {
	margin-top: 20px;
	padding-left: 30px;
	background: url(../image/check_mark.png) no-repeat left center;
	background-size: 18px 14px;
	text-align: left;
}











/*
-------------------------------------------
■ DLリスト
-------------------------------------------
*/
.dl_list {
	text-align: left;
}
.dl_list dt {
	float: left;
	font-weight: bold;
}
.dl_list_6em dt {
	width: 6em;
}
.dl_list_6em dd {
	margin-left: 6em;
}
.dl_list_8em dt {
	width: 8em;
}
.dl_list_8em dd {
	margin-left: 8em;
}
.dl_list_9em dt {
	width: 9em;
}
.dl_list_9em dd {
	margin-left: 9em;
}







/*
-------------------------------------------
■ DLリスト　チェックマーク付きリスト
-------------------------------------------
*/
.check_dl dt {
	color: #006400;
	margin-top: 20px;
	padding-left: 30px;
	background: url(../image/check_mark.png) no-repeat left center;
	background-size: 18px 14px;
	text-align: left;
	font-size: 1.2em;
}
.no_check_dl dt {
	background: none;
	padding-left: 0;
}
.check_dl dd {
	padding-left: 30px;
	text-align: left;
	margin-top: 10px;
}
.no_check_dl dd {
	padding-left: 0;
}







/*
-------------------------------------------
■ブログパーツ　共通
-------------------------------------------
*/
.category_tag span {
	display: inline-block;
	width: 60px;
	font-size: 0.75em;
	line-height: 1em;
	color: #FFF;
	text-align: center;
	background-color: #666;
	padding: 3px 0;
}
.category_tag .tax {
	background-color: #969600;
}
.category_tag .low {
	background-color: #C83200;
}
.category_tag .shiga {
	background-color: #0064B4;
}
.pager {
	margin-top: 80px;
	width: auto;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.pager li {
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin: 0 1px;
}
.pager li a,
.pager li a:visited {
	display: block;
	width: 30px;
	border: solid 1px #006400;
	background-color: #FFF;
	text-decoration: #006400;
	color: #006400;
}
.pager li a:hover {
	background-color: #90BA78;
}
.pager li span {
	display: block;
	width: 30px;
	border: solid 1px #999;
	background-color: #FFF;
	color: #999;
}
.pager .current span {
	border: solid 1px #006400;
	background-color: #006400;
	color: #FFF;
}







/*
-------------------------------------------
■ブログページ　共通
-------------------------------------------
*/
.BLOG_page {
}
.BLOG_page #section_01 {
	width: 1000px;
	margin: 50px auto 80px;
}
.BLOG_page #blog_cont {
	width: 700px;
	float: left;
}
.BLOG_page #blog_side {
	width: 250px;
	float: right;
	text-align: left;
}
.BLOG_page #blog_side .side_common_title {
	color: #006400;
	font-size: 0.8em;
	padding-bottom: 15px;
	border-bottom: solid 1px #666;
}
.BLOG_page #blog_side .recent_entries .recent_ul li {
	padding: 10px 0;
	border-bottom: dotted 1px #666;
}
.BLOG_page #blog_side .recent_entries .recent_day_cate .date {
	float: left;
	font-size: 0.7em;
	color: #666;
}
.BLOG_page #blog_side .recent_entries .recent_day_cate .category_tag {
	float: right;
}
.BLOG_page #blog_side .recent_entries .recent_day_cate .category_tag span {
	width: 45px;
	margin: 3px 0 0 1px;
}
.BLOG_page #blog_side .recent_entries .detail p {
	font-size: 0.9em;
	line-height: 1.6em;
}
.BLOG_page #blog_side .category_posts {
	margin-top: 30px;
}
.BLOG_page #blog_side .category_posts .category_ul a,
.BLOG_page #blog_side .category_posts .category_ul a:visited {
	display: block;
	width: auto;
	padding: 10px 15px;
	background-color: #EFEFEF;
	margin-top: 2px;
	font-size: 0.8em;
	text-decoration: none;
}
.BLOG_page #blog_side .category_posts .category_ul a:hover {
	background-color: #CCC;
}
.BLOG_page #blog_side .category_posts .category_name {
	float: left;
}
.BLOG_page #blog_side .category_posts .category_posts_count {
	float: right;
}







/*
-------------------------------------------
■セミナーパーツ　共通
-------------------------------------------
*/
#seminor_schedule {
	width: 996px;
	margin: 0 auto;
	padding: 1px;
	border: solid 1px #CCC;
}
#seminor_schedule .seminor_schedule_title {
	font-size: 1.6em;
	color: #006400;
	background-color: #CBE097;
	padding: 20px 0;
}
#seminor_schedule .seminor_schedule_li {
	padding: 20px 0;
	border-bottom: dotted 1px #CCC;
	position: relative;
}
#seminor_schedule .old {
	background-color: #EFEFEF;
}
#seminor_schedule .seminor_schedule_li:last-child {
	border-bottom: none;
}
#seminor_schedule .seminor_schedule_li .seminor_new {
	position: absolute;
	left: -20px;
	top: 25px;
	width: 40px;
	height: 40px;
	background: url(../image/seminor_new_icon.png) no-repeat center center;
	background-size: 100%;
	display: none;
}
#seminor_schedule .new .seminor_new {
	display: block;
}
#seminor_schedule .seminor_schedule_li .day_time {
	float: left;
	width: 200px;
}
#seminor_schedule .seminor_schedule_li .day_time .day {
	font-size: 0.9em;
	color: #000;
}
#seminor_schedule .seminor_schedule_li .day_time .time {
	font-size: 1.0em;
	color: #666;
}
#seminor_schedule .seminor_schedule_li .title_place {
	float: left;
	width: 590px;
}
#seminor_schedule .seminor_schedule_li .title_place p {
	text-align: left;
	padding-left: 10px;
}
#seminor_schedule .seminor_schedule_li .title_place .seminor_title {
	font-size: 1.4em;
	color: #006400;
}
#seminor_schedule .seminor_schedule_li .title_place .place_price {
	font-size: 0.9em;
}
#seminor_schedule .seminor_schedule_li .title_place .place_price span {
	margin-right: 20px;
}
#seminor_schedule .seminor_schedule_li .detail_btn {
	float: right;
	width: 200px;
}
#seminor_explain {
	margin: 30px auto 0;
	width: 1000px;
}
#seminor_explain .txt_block_link {
	text-align: right;
}







/*
-------------------------------------------
■無料個別相談会パーツ　共通
-------------------------------------------
*/
#consulting_schedule {
	width: 998px;
	margin: 0 auto;
	border: solid 1px #006400;
	padding-bottom: 30px;
}
#consulting_schedule .sconsulting_schedule_title {
	font-size: 1.6em;
	color: #FFF;
	background-color: #006400;
	padding: 20px 0;
}
#consulting_schedule .consulting_schedule_li {
	padding: 30px 0;
	border-bottom: dotted 1px #CCC;
}
#consulting_schedule .consulting_schedule_li dl {
	width: auto;
	margin: 0 30px;
}
#consulting_schedule .consulting_schedule_li dl dt {
	float: left;
	width: 80px;
	border-radius: 5px;
	background-color: #006400;
	color: #FFF;
	padding: 25px 0 20px;
}
#consulting_schedule .consulting_schedule_li dl dt .letter_month_num {
	font-size: 2.2em;
	font-weight: bold;
}
#consulting_schedule .consulting_schedule_li dl dd {
	width: auto;
	margin-left: 100px;
	text-align: left;
	padding-top: 23px;
	font-size: 1.4em;
}
#consulting_schedule .consulting_option {
	width: auto;
	margin: 30px 30px 0;
}
#consulting_schedule .option2 {
	width: auto;
	margin-top: 5px;
}
#consulting_schedule .consulting_option .consul_opt_title {
	width: 80px;
	float: left;
	border: solid 1px #006400;
	border-radius: 3px;
}
#consulting_schedule .consulting_option .consul_opt_detail {
	margin-left: 100px;
	width: auto;
	text-align: left;
}







/*
-------------------------------------------
■相談事例パーツ　共通
-------------------------------------------
*/
#examples {
	width: 1000px;
	margin: 0 auto;
}
#examples .examples_title {
	font-size: 1.2em;
	color: #006400;
	background-color: #CBE097;
	padding: 10px 0;
	border-radius: 3px;
	margin-bottom: 20px;
}
#examples .examples_title > span {
	font-size: 0.7em;
	padding-left: 10px;
}
#examples .examples_li {
	padding: 20px 0;
	border-bottom: dotted 1px #CCC;
	text-align: left;
}
#examples .examples_li dt {
	float: left;
	width: 240px;
}
#examples .examples_li dd {
	width: auto;
	margin-left: 240px;
}
#examples .examples_li .ex_date_title {
	background-color: #666;
	color: #FFF;
	padding: 2px 10px;
	border-radius: 3px;
	font-size: 0.9em;
}
#examples .examples_li .ex_detail_title {
	background-color: #CBE097;
	color: #006400;
	padding: 2px 10px;
	border-radius: 3px;
	font-size: 0.9em;
}
#examples .manage_msg {
	text-align: right;
	margin-top: 10px;
}
#examples .manage_msg_kome {
	text-align: right;
	font-size: 0.8em;
	color: #666;
}







/*
-------------------------------------------
■ フォーム関連
-------------------------------------------
*/
.form_list .list_subtitle {
	color: #006400;
}
.form_list .list_subtitle2 {
	margin: 20px 0;
}
.form_list .input_text {
	width: 60%;
	padding: 5px;
}
.form_list .input_textarea {
	width: 80%;
	height: 15em;
	padding: 5px;
}
.form_list .submit_btn {
	margin-top: 30px;
}
.form_list .sent .submit_btn {
	display: none;
}
.form_list .submit_btn .wpcf7-submit {
	border: none;
	display: inline-block;
	width: auto;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px;
	padding: 10px 50px;
	margin: 0 auto;
	cursor: pointer;
	background-color: #006400;
	background-size: 200% 100%; 
	background-image: linear-gradient(to right, transparent 50%, rgba(0, 100, 0, 0.9) 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.form_list .submit_btn .wpcf7-submit:hover {
	color: #8DC21F;
	background-color: #8DC21F;
	background-position: -100% 100%;
}

/*　ここから　contact7　メッセージ　*/

/*　フォーム先頭に出るメッセージ　*/
.form_list .screen-reader-response {
	color: #FF1E50;
	text-align: left;
}
/*　フォーム先頭に出るメッセージ下　各項目のエラー内容　*/
.form_list .screen-reader-response ul {
	display: none;
}
/*　各項目の直下に表示されるエラー内容　*/
.form_list .wpcf7-not-valid-tip {
	display: block;
	color: #FF1E50;
}
/*　フォーム最後に表示されるエラーメッセージ　*/
.form_list .wpcf7-validation-errors {
	display: none;
}
/*　フォーム最後に表示されるメール送信完了メッセージ　*/
.form_list .wpcf7-mail-sent-ok {
	margin: 30px auto 0;
	width: 998px;
	font-size: 1.2em;
	border: dotted 1px #8DC21F;
	padding: 10px 0

}

/*　ここまで　contact7　メッセージ　*/








/*
-------------------------------------------
■注釈
-------------------------------------------
*/
.note li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.6em;
	margin-left: 0;
	list-style: none;
}







/*
-------------------------------------------
■マウスオーバー
-------------------------------------------
*/
.button:hover {
	/*filter:alpha(opacity=60);*/
	-moz-opacity: 0.6;
	opacity: 0.6;
}













/*
-------------------------------------------
■電話番号
-------------------------------------------
*/
.tel_number {
	font-size: 2.5em;
	font-weight: bold;
	color: #FF1E50;
	margin-top: 10px;
}









/*
-------------------------------------------
■ ページ下部　Q＆A
-------------------------------------------
*/
.page_qa {
	width: 1000px;
	padding: 80px 0 25px;
	margin: 0 auto 80px;
	text-align: center;
}
.page_qa .page_qa_title {
	font-size: 2.2em;
	color: #006400;
	margin-bottom: 30px;
}
.page_qa .faq_subtitle {
	padding: 20px 0 0;
	text-align: left;
}
.page_qa .faq_subtitle_first {
	padding-top: 0;
}
.page_qa .faq_subtitle {
	font-size: 1.2em;
	color: #006400;
}
.page_qa .faq-item {
	width: 998px;
	margin-top: 5px;
	border: solid 1px #006400;
}
.page_qa .faq-question {
	width: auto;
	text-align: left;
	font-size: 1.2em;
	margin: 1px;
	padding: 15px 20px 15px 50px;
	background: #CBE097 url(../image/faq_icon_question.png) no-repeat 15px center;
	background-size: 20px;
	color: #006400;
	cursor: pointer;
}
.page_qa .opened .faq-question {
	background-color: #E6F0C8;
}
.page_qa .faq-question-mouseon {
	background-color: #E6F0C8;
}
.page_qa .faq-answer {
	width: auto;
	text-align: left;
	padding: 15px 20px 15px 50px;
	display: none;
	background: url(../image/faq_icon_answer.png) no-repeat 15px center;
	background-size: 20px;
}











/*
-------------------------------------------
■ソーシャルリンク
-------------------------------------------
*/
.social_links {
	width: 100%;
	padding: 0 0 20px;
	background-color: #FFF;
}
.social_links .social_wrap {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
.fb_iframe_widget {
	width: auto !important;
	display: inline-block !important;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
/*　Twitterのボタン位置調整　*/
iframe.twitter-share-button {
	height: 28px !important;
}







/*
-------------------------------------------
■フッター
-------------------------------------------
*/
#footer {
	background-color: #006400;
}
#footer #page_top_link {
	width: 60px;
	margin: 0 auto;
	position: relative;
}
#footer #page_top_link .pageTop {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -30px;
	border-radius: 30px;
}
#footer #page_top_link .pageTop .circle_base {
	display: block;
	width: 52px;
	height: 52px;
	border: solid 4px #008C00;
	background-color: #FFF;
	border-radius: 30px;
	position: absolute;
	top: 0px;
}
#footer #page_top_link .pageTop .circle_hover {
	display: block;
	width: 0px;
	height: 0px;
	background-color: #008C00;
	border-radius: 30px;
	position: absolute;
	top: 30px;
	left: 30px;
}
#footer #page_top_link .pageTop img {
	width: 17px;
	height: auto;
	position: absolute;
	top: 24px;
	left: 21px;
}
#footer #foot_area {
	width: 1000px;
	padding: 50px 0 0;
	margin: 0 auto;
}
#footer #foot_area .content_l {
	width: 745px;
	float: left;
}
#footer #foot_area .content_l .foot_banner {
	width: 490px;
	float: right;
}
#footer #foot_area .content_l .foot_banner .foot_banner_contact {
	width: auto;
}
#footer #foot_area .content_l .foot_banner .foot_banner_contact img {
	width: 100%;
	height: auto;
}
#footer #foot_area .content_l .foot_banner .foot_banner_2 {
	width: auto;
	margin-top: 20px;
}
#footer #foot_area .content_l .foot_banner .foot_banner_2 .foot_banner_question {
	width: 240px;
	float: left;
}
#footer #foot_area .content_l .foot_banner .foot_banner_2 .foot_banner_blog {
	width: 240px;
	float: right;
}
#footer #foot_area .content_l .foot_banner .foot_banner_2 .foot_banner_question img,
#footer #foot_area .content_l .foot_banner .foot_banner_2 .foot_banner_blog img {
	width: 100%;
	height: auto;
}
#footer #foot_area .content_l .foot_logo {
	width: 235px;
	padding: 30px 0 30px;
	float: left;
	background-color: #267B26;
	border-radius: 10px;
}
#footer #foot_area .content_l .foot_logo .foot_logo_image {
	width: 125px;
	margin: 0 auto;
}
#footer #foot_area .content_l .foot_logo .foot_logo_image img {
	width: 100%;
	height: auto;
}
#footer #foot_area .content_l .foot_logo .foot_address {
	text-align: center;
	margin: 20px 10px 0;
}
#footer #foot_area .content_l .foot_logo .foot_address p {
	color: #CBE097;
	line-height: 1.2em;
}
#footer #foot_area #foot_link {
	width: 235px;
	float: right;
	text-align: left;
}
#footer #foot_area #foot_link li {
	padding-left: 15px;
	background: url(../image/text_link_icon_off.gif) no-repeat left center;
	background-size: 3px 5px;
}
#footer #foot_area #foot_link li a,
#footer #foot_area #foot_link li a:visited {
	color: #FFF;
	text-decoration: none;
}
#footer #foot_area #foot_link li a:hover {
	color: #5CBA4F;
}
#footer #foot_shiga_area {
	width: 1000px;
	padding: 20px 0 50px;
	margin: 0 auto;
}
#footer #foot_shiga_area .content_l {
	width: 5em;
	float: left;
	color: #EFEFEF;
}
#footer #foot_shiga_area .content_r {
	width: auto;
	margin-left: 6em;
	text-align: left;
	letter-spacing: -0.4em;
}
#footer #foot_shiga_area .content_r li {
	display: inline-block;
	color: rgba(255,255,255,0.6);
	letter-spacing: normal;
	margin-right: 10px;
}
#footer #foot_shiga_area .content_r li:last-child {
	margin-right: 0;
}
#footer #foot_shiga_area .content_r li a {
	color: #FFF;
}
#footer address {
	color: #B4D18C;
	background-color: #003C00;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	font-size: 10px;
}





/* H1 sr-only (top page) */
.top-h1-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}