@charset "UTF-8";


/* slide.cssの読み込み
--------------------------------------------------------------*/
@import url(slide.css);


/* ■全体の設定
--------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	background: #fff;
	-webkit-text-size-adjust: none;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {
	margin: 0px; padding: 0px; font-size: 100%;
}
/*★明朝にする場合に設定 */
/*h1,h2,h3,h4,#menubar,.qa_btn,.faq_contact { */
/*font-family:"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro"; */
/*} */
ul {list-style-type: none;}
img {border: none; max-width: 100%; height: auto; vertical-align: middle;}
table {border-collapse:collapse; font-size: 100%; border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}


/* リンク設定
--------------------------------------------------------------*/
a {color: #4b934c; text-decoration: none;}
a:hover {font-weight:bold; /*color: #4b934c;*/}
a:active, a:focus {outline: 0;}




/* ■ヘッダートップ
--------------------------------------------------------------*/
#hd_top {
	overflow:hidden;
	margin: 0 auto;
	background-color: #d7e7d8;
}
#hd_top h1 {
	width: 80%;
	padding: 4px 10%;
	font-size: 10px;
	font-weight: normal;
}


/* ヘッダーボディ
--------------------------------------------------------------*/
#hd_body {
	overflow:hidden;
	margin: 0 auto;
	height: 145px;
	background-color: #f1f7f2;
}

/* 事務所郵便番号、住所、会社名、登録名
--------------------------------------*/
#office_info {
	float: left;
	width: 40%;
	padding-left: 10%;
	display: block;
}
#office_info .zipcode {
	margin-top:8px;
	font-size:8px;
}
#office_info .address {
	margin-top:-2px;
	font-size:12px;
}
#office_info .address2 {
	margin-top:-4px;
	font-size:12px;
}
#office_info .license {
	margin-top:2px;
	font-size:14px;
	color:#4b934c;
}
#office_info .nursery {
	margin-top:-4px;
	font-size:32px;
	font-weight:bold;
	color:#4b934c;
	text-shadow:1px 1px 1px #000;
}
#office_info .b_hours {
	margin-top:-4px;
	font-size:12px;
}

/* 電話番号、受付時間、お問い合わせボタン
--------------------------------------*/
#tel_info {
	float: right;
	width: 40%;
	padding-right: 10%;
	text-align:right;
	display:block;
}
#tel_info .telno img {
	margin-top:-3px;
}
#tel_info .telno {
	margin:14px 0px 0px 15px;
	font-weight:bold;
	font-size:32px;
	color:#666;
	text-shadow:1px 1px 1px #000;
}
#tel_info .teltime {
	margin-top:-4px;
	font-size:14px;
	color:#bb0000;
}
/* 事務所、お問い合わせボタン */
#tel_info .qa_btn {
	margin-top: 12px;
}
#tel_info .qa_btn a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	background: #4b934c;		/*★ */
	background: linear-gradient(#8bb98c, #4b934c);	/*★ */
	color: #fff;
	padding: 2px 15px 0px 15px;
	border-radius: 4px;			/*★ */
	border: 2px ridge #4b934c;	/*★ */
}
#tel_info .qa_btn a:hover {
	color: #4b934c;				/*★ */
	background: #fff;
}


/* 内容メイン
--------------------------------------------------------------*/
#contents {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
}
#main {
	width: 80%;
	padding: 0 10%;
}

/* 内容タイトル、文書、テーブル
--------------------------------------*/
#main #mainimg {
	margin-top: 16px;
	margin-bottom: 16px;
}
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 14px 20px 8px;
	font-size: 18px;
	letter-spacing: 3px;
	color: #fff;
	background: #4b934c;		/*★タイトルバー */
	border-radius: 5px;			/*★角丸の指定 */
	font-weight: normal;
}
#main h2::first-letter {
	border-left: 5px double #fff;
	padding-left: 15px;
}
#main h3 {
	clear: both;
	margin-top: 32px;
	margin-bottom: 20px;
	padding: 10px 20px 7px;		/*14px 20px 8px; */
	font-size: 18px;
	letter-spacing: 3px;
	border: 1px solid #4b934c;
	border-radius: 5px;			/*★角丸の指定 */
	font-weight: normal;
}
#main h3::first-letter {
	border-left: 3px solid #4b934c;	/*★サブタイトルバー・インデックス */
	padding-left: 15px;
}
#main p {
	padding: 0px 20px 20px;
}
#main p + p {
	margin-top: -5px;
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}
#main section + section {
	padding-top: 30px;
}
#collabo_msg p {padding:0px 30px;}
#collabo_msg ul li {padding-left:42px; padding-right:21px;}

/* テーブル共通
--------------------------------------*/
#tb_config {
	margin: 20px 2% 40px;
	text-align: center;
}
#tb_config_recruit {
	margin: 0px 2% 40px;
	text-align: center;
}

/* お問い合わせテーブル
--------------------------------------*/
.qa_select{
	text-align: left;
	margin-left: 1%;
	line-height: 9px;
	font-size:18px;
	font-weight:bold;
}
.qa_telno{
	line-height: 16px;
	text-align:center;
	font-size:32px;
	font-weight:bold;
	color:#bb0000;
	text-shadow:1px 1px 1px #000;
}
.qa_email{
	line-height: 18px;
	text-align:center;
	font-size:12px;
}
.msg_button_g {
	font-weight:normal;
	background-color:#e0f8bc;
	color:#000;
	padding:1px;
	border: 1px solid #333;
	border-radius: 4px;
}
.msg_button {
font-weight:normal;
background-color:#eee;
color:#000;
padding:2px;
}
.dsc2item{
border-collapse:collapse;
table-layout:fixed;
}
.dsc2item th{
text-align:center;
font-weight:bold;
padding:6px;
border:1px solid #ddd;
background-color:#c8f08c;
}
.dsc2item td{
vertical-align:top;
padding:6px;
border:1px solid #ddd;
}
.qafrm1{
/*width:5%;*/
text-align:right;
font-size:12px;
}
.qafrm2{
/*width:28%;*/
text-align:right;
font-size:12px;
}
.qafrm3{
/*width:67%;*/
text-align:left;
font-size:12px;
}
.qabackc1{
background-color:#fdf5fa;
}
.qabackc2{
background-color:#ecf7e2;
}
.qa_notes{
font-size:14px;
color:#ff8040;
}
.qa_standard_btn, .mente_btn{
font-size:14px;
font-weight:normal;
cursor:pointer;
border-radius: 4px;
}
.qa_confirm_btn{
font-size:14px;
font-weight:normal;
background-color:#e0f8bc;
cursor:pointer;
border-radius: 4px;
}
.qa_confirm_btn:hover, .qa_standard_btn:hover {font-weight:bold;}

/*★よく頂く質問（パターン選択）
--------------------------------------*/
/*パターン１ */
.faq {
	padding: 0px 20px;
}
.faq dt {
	color: #8bb98c;				/*★質問 */
	font-weight: bold;
	padding-left: 40px;
	background: url(../images/faq_q.png) no-repeat left top / 40px;
	padding-top: 10px;
	font-size: 110%;
}
.faq dd {
	padding-left: 40px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	border-bottom: 2px dotted #ccc;
	background: url(../images/faq_a.png) no-repeat left top / 40px;
	padding-top: 10px;
}
.faq_contact a {
	font-size: 160%;
	font-weight:bold;
	text-align: right;
	float:right;
	text-decoration: none;
	line-height: 160%;
	background: #4b934c;		/*★よくある質問内お問い合わせボタン */
	background: linear-gradient(#8bb98c, #4b934c);	/*★ */
	color: #fff;
	padding: 3px 15px 0px 15px;
	border-radius: 4px;
	border: 2px ridge #4b934c;	/*★ */
	margin-bottom: 60px;
}
.faq_contact a:hover {
	color: #4b934c;				/*★ */
	background: #fff;
}
/*パターン２ */
#QandA-2 {
	width: 100%;
	font-family: メイリオ;
/*	font-size: 100%;*/
}
#QandA-2 h3 {
	font-size: 16px;
	margin-top: 32px;
}
#QandA-2 dl {
	border: 2px solid #ccc;
	margin-bottom: 16px;
	border-radius: 0.5em;
}
#QandA-2 dt {
	font-size: 110%;
	font-weight: bold;
	color: #111;
	background: #f4f4f4;
	padding: 8px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
#QandA-2 dt:first-child {
	border-top: none;
}
#QandA-2 dt:before {
	color:#4b934c;				/*★ */
	content: "Q.";
	font-weight: bold;
	margin-left: 8px;
	margin-right: 8px;
	font-size: 120%;
}
#QandA-2 dd {
	padding: 14px 16px 14px 22px;	/*16px 16px 16px 38px; */
/*	margin: 0;*/
	line-height: 140%;
}
#QandA-2 dd:first-line {
/*	font-size: 110%;*/
/*	font-weight: bold;*/
/*	color: #bf0000;*/
}
#QandA-2 dd:before {
	color:#bb0000;				/*★ */
	content: "A. ";
	font-weight: bold;
	font-size: 120%;
}
/*パターン３ */
.cpqa *, .cpqa *:after, .cpqa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cpqa {
	margin: 0 0 2em 0;
	padding: 1em 1em 0.5em 1em;
	background: #f1f7f2;		/*★よくある質問背景色 */
}
.cpqa h3 {
	font-size: 1.2em;
	position: relative;
	margin-right: 1em;
	margin-left: -26px;
	padding: 0.3em;
	color: #ffffff;
	background-color: #42a5f5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cpqa h3::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #1976d2 transparent transparent;
}
.cpqa dl {
	margin: 0;
}
.cpqa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.4em;
	background: #ffb74d;
}
.cpqa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
.cpqa dt::before,.cpqa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cpqa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cpqa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.4em;
	background: #00bcd4;
}
/*パターン４ */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #4b934c;				/*★ */
}
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0;
}
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
.cp_qa .cp_actab input:checked ~ label {
	color: #4b934c;				/*★ */
	border-radius: 0.5em 0.5em 0 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

/* ■献立表示：多階層アコーディオン
--------------------------------------*/
.ac {
/*  width: 90%;*/
/*  max-width: 600px;*/
/*  margin: 0 auto;*/
}
/********* 上層メニュー *********/
.ac-parent6 {
  height: 50px;
  line-height: 50px;
  text-align: left;				/*center; */
  font-size: 120%;
  position: relative;
  background-color: #8bb98c;	/*#6b90ff→#8bb98c */
  border-bottom: 1px solid #fff;
  color: #fff;
  cursor: pointer;
  transition: .3s;
}
/* 上層メニューアイコン */
/* 十字横線 */
.ac-parent6:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  /*横線*/
  width: 24px;
  height: 2px;
  background: #fff;
}
/* 十字縦線 */
.ac-parent6:after {
  content: "";
  position: absolute;
  top: 50%;
  /* 8px+12px-1px(幅2pxの半分) */
  right: 19px;
  transform: translateY(-50%);
  transition: all .3s;
  /*縦線*/
  width: 2px;
  height: 24px;
  background: #fff;
}
/* アイコン変化（openクラスを付与）※縦線（after）だけ縦回転させる */
.ac-parent6.open:after {
  top: 25%;
  transform: rotate(90deg);
  opacity: 0;
}
/********* 下層メニュー *********/
.ac-child6__item {
  padding: 1em;
  position: relative;
  background-color: #fcee88;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
/* 下層メニューアイコン */
.ac-child6__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  transform: rotate(-45deg);
  transition: all .3s;
}
/* 下層アイコン変化（openクラスを付与） */
.ac-child6__item.open:after {
  top: 40%;
  transform: rotate(-225deg);
}
/* 下層メニュー内テキストエリア */
.ac-child6__description {
  padding: 1em;
  background-color: #fcf4b5;
}
/********* hover用クラス（jQuery制御） *********/
.ac-hover {
  opacity: .8;
}
/* PDF表示サイズ */
.pdf_dsp_size {
width: 100%;
height: 636px;
}

/* ボディメニュー
--------------------------------------*/
.list {
	overflow: hidden;
	width: 26.4%;
	float: left;
	margin: 0 0 20px 2%;
	border: 1px solid #ccc;
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 10px;
}
.list figure img {
	max-width: 100%;
	display: block;
}
.list ul {
	list-style-type: disc;
	padding-left: 12%;
}
.list ul li {
	line-height: 1.5;
}
.list li a {
	color: #4b934c;				/*★紹介メニュー */
	text-decoration: none;
}
.list li a:hover {
	font-weight:bold;
}
.list h4 {
	color: #333;
	font-size: 110%;
	text-align: center;
	height: 2em;
	text-decoration: underline;
	overflow: hidden;
}
.list p {
	padding: 0 !important;
	line-height: 1.5;
	font-size: 90%;
	color: #333;
/*	height: 6em;*/
/*	overflow: hidden;*/
}
.list p span {
	color:#4b934c;				/*★紹介メニュー内お問い合わせ */
	font-weight:bold;
	text-shadow:1px 1px 1px #000;
}
.list p a {
	font-size: 115%;
	font-weight:bold;
	text-align: right;	float:right;
	text-decoration: none;
	background: #8bb98c;		/*★紹介メニュー内お問い合わせボタン */
	background: linear-gradient(#8bb98c, #4b934c);	/*★ */
	color: #fff;
	padding: 1px 5px 0px 5px;
	border-radius: 4px;
	border: 2px ridge #4b934c;	/*★ */
}
.list p a:hover {
	color: #4b934c;				/*★ */
	background: #fff;
}

/* お知らせ
--------------------------------------*/
#notice dl {
overflow:auto;
height:320px;
border-radius: 0.5em;
border:2px solid #ccc;
background-color: #f1f7f2;		/*★ */
	padding: 0px 20px;
	margin-bottom: 40px;
line-height: 1.5;
vertical-align: text-bottom;
}
#notice dt {
	float: left;
	width: 12em;
	letter-spacing: 0.1em;
}
#notice dd {
	padding-left: 12em;
	border-bottom: 1px solid #ccc;
}
.newicon {
	background: #bb0000;
	color: #FFF;
	font-size: 70%;
	line-height: 1.5;
	padding: 1px 6px 0px;		/*2px 5px; */
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: middle;		/*baseline; */
}

/* 事務所案内メニュー
--------------------------------------*/
.ofc_menu {
	overflow: hidden;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
}
.ofc_menu li {
	display: inline;
	border-right: 1px solid #999;
}
.ofc_menu li a {
	padding: 10px;
	color: #999;
}
.ofc_menu li:first-child {
	border-left: 1px solid #999;
}
.ofc_menu li.current a, .ofc_menu li a:hover {
	text-decoration: none;
	color: #333;
}

/* 事務所案内テーブル
--------------------------------------*/
.ta1 caption {
	border: 1px solid #ccc;
	border-bottom: none;
	text-align: left;
	background: #fffdf4;
	color: #333;
	font-weight: bold;
	padding: 10px;
}
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #ccc;
	padding: 10px 15px;
}
.tblWA {width:100%;}
.tblWR {width: 75%;}
.tblWL {width: 25%;}
.tblW20 {width: 20%;}
.tblW40 {width: 40%;}
.tblR {text-align:right; vertical-align:top;}
.tblL {text-align:left; vertical-align:top;}
.tblC {text-align:center; text-valign:middle;}

/* スタッフ紹介ボックス
--------------------------------------*/
.s_box {
	overflow: hidden;
	border: 3px solid #4b934c;	/*★ボックス外枠線 */
	padding: 20px;
	border-radius: 10px;		/*★角丸の指定 */
	margin-bottom: 20px;
}
.s_box h4 {
	color: #4b934c;				/*★ボックスタイトル */
	font-size: 130%;
}
.s_box p {
	padding: 0 !important;
}
.s_box .fr, .s_box .fl {margin-bottom: 0;}


/* フッターボディ
--------------------------------------------------------------*/
#ft_body {
	clear: both;
	overflow:hidden;
	margin: 0 auto;
	background-color: #f1f7f2;
	border-top: 1px solid #4b934c;
}

/* 事務所郵便番号、住所、会社名、登録名（左）
--------------------------------------*/
#office_tel {
	float: left;
	width: 39%;					/*右に1%空けるため39% */
	padding-left: 10%;
	display: block;
}
#office_tel .zipcode {
	margin-top:8px;
	font-size:8px;
}
#office_tel .address {
	margin-top:-2px;
	font-size:12px;
}
#office_tel .address2 {
	margin-top:-4px;
	font-size:12px;
}
#office_tel .license {
	margin-top:2px;
	font-size:14px;
	color:#4b934c;
}
#office_tel .nursery {
	margin-top:-4px;
	font-size:32px;
	font-weight:bold;
	color:#4b934c;
	text-shadow:1px 1px 1px #000;
}
#office_tel .b_hours {
	margin-top:-4px;
	font-size:12px;
}

/* 電話番号、受付時間、お問い合わせボタン（左）
--------------------------------------*/
#office_tel .telno img {
	margin-top:-3px;
	margin-left:-12px;
}
#office_tel .telno {
	margin:14px 0px 0px 15px;
	font-weight:bold;
	font-size:32px;
	color:#666;
	text-shadow:1px 1px 1px #000;
}
#office_tel .teltime {
	margin-top:-4px;
	font-size:14px;
	color:#bb0000;
}
/* 事務所、お問い合わせボタン */
#office_tel .qa_btn {
	margin-top: 12px;
}
#office_tel .qa_btn a {
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	background: #8bb98c;		/*★ */
	background: linear-gradient(#8bb98c, #4b934c);	/*★ */
	color: #fff;
	padding: 2px 15px 0px 15px;
	border-radius: 4px;			/*★ */
	border: 2px ridge #4b934c;	/*★ */
}
#office_tel .qa_btn a:hover {
	color: #4b934c;				/*★ */
	background: #fff;
}

/* 事務所サブメニュー（左）
--------------------------------------*/
#office_tel .sub_menu {
	font-size:14px;
}

/* Googleマップ（右）:440x336
--------------------------------------*/
#office_map {
	float: right;
	width: 40%;
	padding-right: 10%;
	display: block;
}
#office_map iframe {
	margin-top: 8px;
}

/* フッターメニュー
--------------------------------------*/
#footermenu {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#footermenu .inner {
	width: 81%;
	padding: 20px 9.33%;
}
#footermenu ul {
	float: left;
	width: 19%;
	margin-left: 1%;
}
#footermenu ul li {
	color: #4b934c;				/*★フッターメニュー */
	padding: 0 10px;
	font-size: 12px;
}
#footermenu li.title {
	background: #4b934c;		/*★ */
	border-radius: 4px;
	padding-top: 4px;
	line-height: 1.2;
	padding-bottom: 2px;
}
#footermenu li.title a {
	color: #fff;
	text-decoration: none;
}
#footermenu a {
	color: #4b934c;				/*★ */
	text-decoration: none;
}
#footermenu a:hover {
	font-weight: bold;
}


/* フッターボトム
--------------------------------------------------------------*/
#ft_bottom {
	clear: both;
	overflow:hidden;
	margin: 0 auto;
	background-color: #d7e7d8;
}
#copyright {
	width: 80%;
	padding: 4px 10%;
	font-size: 10px;
	text-align: center;
}


/* ページの上部に戻る「↑」ボタン
--------------------------------------------------------------*/
body .nav-fix-pos-pagetop a {display: none;}

body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 50px;
	line-height: 50px;
	bottom: 40px;
	right: 3%;
	background: #4b934c;		/*★ページトップ「↑」 */
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;			/*★角丸の指定（50%：丸） */
	font-weight: bold;
	animation-name: scroll;
	animation-duration: 1S;
	animation-fill-mode: forwards;
}

body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #8bb98c;
	color: #000;
}


/* その他
--------------------------------------------------------------*/
.idx_disc {list-style: disc; padding: 0 20px 20px 40px;}
.idx_disc a:hover {font-weight: bold;}

.idx_square {list-style: square; padding: 0 20px 20px 40px;}
.idx_square a:hover {font-weight: bold;}

.idx_img {list-style: square; padding: 0 20px 0 38px;}
.idx_img li {font-size: 18px; font-weight: bold;}

.img_waku {border:8px solid #ddd;}
.img_waku_top {border-top:8px solid #ddd; border-bottom:8px solid #ddd;}

.img_WD {width: 98.5%;}
.img_mb_ublty {max-width:100%; display:block;}

/* グループリンク集
--------------------------------------*/
#G_link_L {
	float: left;
	width: 40%;
	padding-right: 10%;
	padding-bottom: 32px;
	display: block;
}
#G_link_R {
	float: right;
	width: 40%;
	padding-right: 10%;
	padding-bottom: 32px;
	display: block;
	text-align: left;
}

/* 事務所案内ジャンプ調整
--------------------------------------*/
#ofc1, #ofc2, #ofc3 {
	display: block;
	margin-top:-60px;
	padding-top:90px;
}

/* 個人情報保護方針
--------------------------------------*/
#main #privacy {padding: 0px 40px 20px;}
#main #privacy .txtR, .txtaR {text-align: right;}


/* 汎用等
--------------------------------------------------------------*/
.color1 {color: #8bb98c !important;}	/*★ */
.color2 {color: #4b934c !important;}	/*★ */
.colorWN {color: #bb0000 !important;}
.bgcolor0 {background: #d7e7d8 !important;}
.bgcolor1 {background: #f1f7f2 !important;}
.bgcolor2 {background: #fdf5fa !important;}
.border_dot {border-top: 2px dotted #ccc;}
.border_dotB{line-height: 0; border-top: 2px dotted #ccc;}
.border_line {border-top: 2px solid #ccc;}
.link {display: block; margin-top: -80px; padding-top: 80px;}
.w20p {width: 20%;}
.clear {clear: both;}
.fl {float: left; margin-right: 2%; margin-bottom: 20px;}
.fr {float: right; margin-left: 2%; margin-bottom: 20px;}








/* ■PC用
----------------------------------------------------------*/
@media only screen and (min-width: 901px){

/* メインメニューブロック
--------------------------------------*/
#menubar {
	clear: both;
	height: 60px;	/*メニューの高さ。下の「#menubar ul li a」の「height」と「padding-top」の数字を合計した数字に合わせる */
	text-align: center;
	background: #4b934c;		/*★背景色 */
	border-top: 1px solid #4b934c;				/*#fff;*/		/*上の線の幅、線種、色（古いブラウザ用） */
/*	border-bottom: 1px solid #fff;*/			/*下の線の幅、線種、色（古いブラウザ用） */
	border-top: 1px solid rgba(91,155,27,1);	/*rgba(255,255,255,1);*/		/*上の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事 */
/*	border-bottom: 1px solid rgba(255,255,255,1);*/	/*上の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事 */
}
#menubar .inner {
	width: 82%;
	padding: 0px 9%;
}
/*メニュー１個あたりの設定 */
#menubar li {
	float: left;
	width: 16.66%;				/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる */
}
#menubar li a {
	text-decoration: none; display: block;
	line-height: 1.2;
	color: #fff;
	height: 48px;
	padding-top: 12px;
	border-right: 1px solid #fff;	/*メニューの右側の線の幅、線種、色（古いブラウザ用） */
	border-right: 1px solid rgba(255,255,255,1);	/*右の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事 */
	letter-spacing: 0.2em;
	font-size: 14px;
}
/* １つ目のメニューへの追加設定 */
#menubar li:first-child a {
	border-left: 1px solid #fff;	/*メニューの線の幅、線種、色（古いブラウザ用） */
	border-left: 1px solid rgba(255,255,255,1);		/*左の線の幅、線種、255,255,255は白の事で0.5は50%色がついた状態の事 */
}
/* マウスオン時、現在表示中(current)のメニューの共通設定 */
#menubar li a:hover, #menubar li.current a {
	font-weight: bold;
	background: #fff;
	color: #4b934c;				/*★文字色 */
}
#menubar li.current a {
	border-right: 1px solid #4b934c;			/*★ */
	border-right: 1px solid rgba(91,155,27,1);	/*★ */
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(255,255,255,1);
}

#mainNav {display: none;}		/*▼PAD用メニュー非表示 */

/* ドロップダウンメニュー用
--------------------------------------*/
#menubar ul.ddmenu {
	position:absolute; visibility: hidden; z-index: 10; padding-top: 1px;
	width: 16.66%;				/*幅。上の「#menubar li」と合わせる */
	font-size: 12px;
}
#menubar ul.ddmenu li {
	float: none;
	width: 90%;					/*100%; */
}
#menubar ul.ddmenu li a {
	width: 90%; height: auto; font-weight: normal;	/*100%; */
	border: none;
	border-bottom: 1px solid #fff;
/*	background: #000;*/
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 10px 0;
	font-size: 12px;
}
#menubar ul.ddmenu li a:hover {
	font-weight: bold;
/*	background: #000;*/
}

/* パンくずインデックス（PC用）
--------------------------------------*/
#panidx_pc .panidx {
	background: #d7e7d8;
	padding: 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;			/*★角丸の指定 */
}
#panidx_pc .panidx li {
	display: inline;
	padding: 0 5px;
	font-size:12px;
}
#panidx_pc .panidx li::before{
	content: ">";
	padding-right: 12px;
	color: #999;
}
#panidx_pc .panidx li:first-child::before {
	content: none;
}
#panidx_pad {display: none !important;}

/* fixmenu設定（メニューが画面上部に到達した際のスタイル）
--------------------------------------*/
/* 上部固定メニュー用fixmenu設定 */
body.is-fixed-menu .nav-fix-pos {
	width: 100%; z-index: 100; position: fixed; top: 0; left: 0;
}
body.is-fixed-menu header {
	margin-bottom: 60px;	/*メニューの高さを指定。menubarのborderが2px分ありますが大差ないので75でOKです */
}
/* 上の設定の「is-fixed-menu」を「is-fixed」に変更したものをそのまま記入します。
--fixmenuスクリプトを２つ使う為に必要な設定になります */
body.is-fixed .nav-fix-pos {
	width: 100%; z-index: 100; position: fixed; top: 0; left: 0;
}
body.is-fixed header {
	margin-bottom: 60px;
}

.notice_br {display:none;}

#ft_mini_menu {display: none;}	/*▼フッターメニュー（PAD用）非表示 */

/* PDF表示サイズ */
.pdf_dsp_size {height: 536px;}

}








/* ■PAD用
----------------------------------------------------------*/
@media only screen and (max-width:900px){

/* ヘッダートップ
--------------------------------------*/
#hd_top h1{
	width: 90%;
	padding: 4px 5%;
}
/* ヘッダーボディ
--------------------------------------*/
#hd_body {
	height: 256px;
	padding: 0;
}
/* 事務所郵便番号、住所、会社名、登録名
--------------------------------------*/
#office_info {
	clear: left;
	width: 100%;
	padding: 0;
	text-align: center;
}
/* 電話番号、受付時間、お問い合わせボタン
--------------------------------------*/
#tel_info {
	clear: right;
	width: 100%;
	padding: 0;
	margin-top:-12px;
	text-align: center;
}
/* メインメニューブロック
--------------------------------------*/
#menubar {display: none;}		/*▲PC用メニューの非表示 */

nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
	background:#4b934c;			/*★PAD用メニューバー */
}

nav .inner{
	margin:0 auto;
	width:100%;
}

nav#mainNav a.menu{
	width:100%;
	display:block;
	height:32px;
	line-height:32px;
	font-weight: bold;
	text-align:left;
}
nav#mainNav a#menu span{padding-left:16px;}
nav#mainNav a.menu span:before{content: "→ ";}
nav#mainNav a.menuOpen span:before{content: "↓ ";}

nav#mainNav a#menu{color:#fff;}
nav#mainNav a#menu:hover{color:#fff; cursor:pointer;}

nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
}
nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	font-size:12px;
}
nav#mainNav ul li a, nav#mainNav ul li.current-menu-item li a{
	display: block;
	padding:6px 16px;
	text-align:left;
	border-top:1px solid #eee;
/*	border-bottom:1px solid #eee;*/
	color:#fff;
}
nav#mainNav ul li a:hover, nav#mainNav ul li.active a{
	background:#fff;
	color:#4b934c;				/*★ */
	font-weight:bold;
	border-bottom:1px solid #4b934c;	/*★ */
}
nav div.panel{float:none;}

/* 内容メイン
--------------------------------------*/
#main {
	width: 90%;
	padding: 20px 5%;			/*20px 5% 32px; */
}
#collabo_msg p {padding:0px 20px;}
#collabo_msg ul li {padding-left:32px; padding-right:16px;}
/* お知らせ
--------------------------------------*/
.notice_br {display:none;}
/***
#notice dt, #notice dd {
	font-size: 12px;
}
***/
/* 事務所案内メニュー
--------------------------------------*/
.ofc_menu {
	font-size: 14px;
}
/* テーブル共通
--------------------------------------*/
#tb_config {
	margin: 0 1% 20px;
}
/* お問い合わせテーブル
--------------------------------------*/
.qa_select{
	margin-left: 0;
}

/* パンくずインデックス（PAD用）
--------------------------------------*/
#panidx_pc {display: none !important;}

#panidx_pad .panidx_smp {
	background: #d7e7d8;
	padding: 10px 16px;			/*10px 20px;*/
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 5px;			/*★角丸の指定 */
}
#panidx_pad .panidx_smp li {
	display: inline;
	padding: 0 2px 0 0;			/*0 5px;*/
	font-size:10px;
}
#panidx_pad .panidx_smp li::before{
	content: ">";
	padding-right: 3px;			/*10px;*/
	color: #999;
}
#panidx_pad .panidx_smp li:first-child::before {
	content: none;
}

/* フッターボディ
--------------------------------------*/
#office_tel {
	clear: left;
	width: 98%;
	padding: 0 1%;
	text-align: center;
}
#office_tel .telno {
	margin-top: -2px;
}
/* Googleマップ（右）:440x336
--------------------------------------*/
#office_map {
	clear: right;
	width: 98%;
	padding: 0 1% 20px;
	text-align: center;
}
/* フッターメニュー（PAD用）
--------------------------------------*/
#footermenu {display: none;}	/*▲フッターメニュー（PC用）の非表示 */

#ft_mini_menu {
	clear: both;
	overflow: hidden;
/*	margin-bottom: 20px;*/
}
#ft_mini_menu .inner {
	width: 92%;
	padding: 0 4% 20px;
}
#ft_mini_menu .inner a {
	line-height: 1.5;
	font-size:12px;
}
#ft_mini_menu .title {
	background: #4b934c;		/*★ */
	border-radius: 2px;
	padding: 1px 4px 0;
	color:#fff;
}
#ft_mini_menu .title a {
/*	text-decoration: none;*/
}
/* PDF表示サイズ */
.pdf_dsp_size {height: 436px;}
/* その他
--------------------------------------*/
.br_none {display:none;}
.img_WD {width: 98%;}

}








/* ■スマホ用（横）
------------------------------------------------------------*/
@media screen and (max-width:600px){

/* 内容タイトル、文書、テーブル
--------------------------------------*/
#main h2, #main h3 {
/*	font-size: 16px;*/
	padding: 12px 16px 8px;
}
#collabo_msg p {padding:0px 18px;}
#collabo_msg ul li {padding-left:30px; padding-right:15px;}
/* ボディメニュー（３列→１列）
--------------------------------------*/
.list {
	width: auto;
	float: none;
	margin-left : 0;
	font-size: 12px;
}
.list figure {
	float: left;
	width: 48%;
	margin-right: 2%;
}
.list #f_menu {
	float: left;
	width: 48%;
	margin-left: 2%;
}
.list h4, .list p {
	height: auto;
}
/* お知らせ表示
--------------------------------------*/
.notice_br {display:block;}

#notice dt {
	width: 8em;
}
#notice dd {
	padding-left: 8em;
}
.newicon {
	margin-left: 52px;
}
/* パンくずインデックス（PAD用）
--------------------------------------*/
#panidx_pad .panidx_smp {
	padding: 10px 12px;
}
/* お問い合わせテーブル
--------------------------------------*/
.qafrm1, .qafrm2, .qafrm3, .qa_notes {
font-size: 10px;
}
/* PDF表示サイズ */
.pdf_dsp_size {height: 336px;}
/* その他
--------------------------------------*/
.ta1 td, .ta1 th {font-size: 85%;}
.img_WD {width: 96.5%;}

}








/* ■スマホ用（縦）
------------------------------------------------------------*/
@media screen and (max-width:480px){

/* 事務所案内テーブル
--------------------------------------*/
.ta1 caption {padding: 5px;}
.ta1, .ta1 td, .ta1 th {padding: 5px;}
/* PDF表示サイズ */
.pdf_dsp_size {height: 236px;}

}