@charset "utf-8";
/* ===========================================================
 *
 * プラスエヌ　スタイルシート
 * Last UpDate : 2025/07/18
 *
=========================================================== */

/* ----------------------------------------------------------
	style.css
---------------------------------------------------------- */
@font-face {
  font-family: "HuiFont";
  src: url("HuiFontP29.eot?") format('eot'),
		url("HuiFontP29.woff") format('woff'),
		url("HuiFontP29.woff2") format('woff2');
  font-weight: normal;
  font-style: normal;
}
/* kosugi-maru-regular - japanese */
@font-face {
  font-display: swap;
  font-family: 'Kosugi Maru';
  font-style: normal;
  font-weight: 400;
  src: url('kosugi-maru-v14-japanese-regular.woff2') format('woff2');
}

/* ----------------------------------------------------------
 common
---------------------------------------------------------- */

html{ font-size: 62.5%; }
body {
	color: #333;
	font-family: sofia-pro-soft, "Helvetica Neue", "Helvetica", "Kosugi Maru", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 1px;
	font-feature-settings: "palt";
	font-size: 16px;
	font-size: 1.6rem;
}
/*
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .h2Wrap{ line-height: 1.7 !important; }

}
*/

.mb0{ margin-bottom: 0 !important; }
.mt0{ margin-top: 0 !important; }
.mt10{ margin-top: 10px !important; }

/* a.anker{ display: block; padding-top: 100px; margin-top: -100px; } */

:root{
	--main-color: #2a803a;
	--clover-color: #5dbe64;
	--clover-bg-color: #ddf2d0;
	--child-color: #f0657d;
	--beans-color: #f29b00;
	--beans-bg-color: #fff0cb;
	--garden-color: #57b6ae;
	--garden-bg-color: #d3f3f3;
	--mother-color: #ff95b6;
	--mother-bg-color: #ffe2eb;
	--leaf-color: #f29da3;
	--leaf-bg-color: #fce5e5;
	--clotax-color: #a3d416;
	--clotax-bg-color: #e5f6a0;
	--training-color: #609cd4;
	--training-bg-color: #c9def1;
	--tit-color: #7f643f;
	--bg-color: #f8f4ef;
	--fb-color: #0866ff;
}

strong{ font-weight: bold !important; }



/* ----------------------------------------------------------
 link
---------------------------------------------------------- */
a:link		{ color: #333; text-decoration: none; }
a:visited	{ color: #333; text-decoration: none; }
a:hover		{ color: var(--main-color); text-decoration: none; }
a:active	{ color: var(--main-color); text-decoration: none; }

a { -ms-filter: "alpha( opacity=60 )"; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */
header{ width: 1200px; margin: 0 auto; }

.header_btn{ width: 220px; margin: 0 0 0 auto; }
.header_btn a{ display: block; font-size: 1.2rem; color: var(--main-color); border-right: 1px solid var(--main-color); border-bottom: 1px solid var(--main-color); border-left: 1px solid var(--main-color); padding: 5px; border-radius: 0 0 10px 10px; text-align: center; }
.header_btn a:hover{ background-color: var(--main-color); color: #fff; }

header.top_header{ background: url("/info/wp-content/uploads/header_reaf.png") no-repeat right; min-height: 135px; }
header.top_header .header_logo a{ display: block; padding: 20px 0; }
header.top_header .header_logo a:hover{ opacity: .6; }
header.top_header img{ width: 30%; height: auto; max-width: 320px; }

header.top_header .header_sns{ flex-basis: 8%; text-align: right; margin-left: 1%; }
header.top_header .header_sns_list{ display: flex; justify-content: space-between; }
header.top_header .header_sns_item{  }

.header_sns_item_facebook a i,
.header_sns_item_facebook a .svg-inline--fa{ font-size: 4rem; color: var(--fb-color); }
.header_sns_item_facebook a:hover{ opacity: .6; }

.header_sns_item_instagram i,
.header_sns_item_instagram .svg-inline--fa{ font-size: 2.8rem; color: #fff; padding-top: 5px; }
.header_sns_item_instagram{
width: 40px; height: 40px; border-radius: 100%; text-align: center; transition: 0.5s ease-in-out;
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

.top_header_clover .header_logo img{ width: 50%; height: auto; max-width: 640px; }


.top_header_nav{ background-color: var(--main-color); padding: 10px 0; }
.top_header_nav #menu{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_header_nav #menu li{ flex-basis: 24%; }

.top_header_nav #menu li img{ width: 100%; height: auto; }

.top_header_nav_item a{ display: block; border-radius: 10px; margin:0 5px; }
.top_header_nav_item a:hover{ opacity: .6; }

.top_header_nav_item_clover a{ background-color: var(--clover-bg-color); }
.top_header_nav_item_beans a{ background-color: var(--beans-bg-color); }
.top_header_nav_item_garden a{ background-color: var(--garden-bg-color); }
.top_header_nav_item_mother a{ background-color: var(--mother-bg-color); }
.top_header_nav_item_clotax a{ background-color: var(--clotax-bg-color); }

.top_header_nav_item_beans .global_nav_item a { padding: 10px; display:flex; align-items:center; justify-content: space-between; }
.top_header_nav_item_beans .global_nav_item a span { font-size: 1.0rem; }
.top_header_nav_item_beans .global_nav_item a .icon { width: 32px !important; }

.top_header_nav_item_beans .global_nav_item.child_beans a { background:#fff0cb !important; color:#7f643f !important; }
.top_header_nav_item_beans .global_nav_item.child_leaf a { background:#ffe9e1 !important; color:#7f643f !important; }


/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*ナビゲーションを横並びに*/
nav.top_header_nav ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
/*2階層目以降は横並びにしない*/
nav.top_header_nav ul ul{ display: block; }

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav.top_header_nav ul li{ position: relative; }

nav.top_header_nav ul li li a{ padding:10px 35px 10px 10px; }

nav.top_header_nav ul li a:hover{ color:#fff; }

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
nav.top_header_nav ul li.has-child:hover::before{ border-top-color: #fff; border-right-color: #fff; }
/*3階層目を持つliの矢印の設定*/
nav.top_header_nav ul ul li.has-child::before{
	content:'';
	position: absolute;
	right: 20px;
	top: 20px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--clover-color);
	border-right:2px solid var(--clover-color);
	transform: rotate(45deg);
}

nav.top_header_nav ul li.top_header_nav_item_beans ul li.has-child::before{
	border-top: 2px solid var(--beans-color);
	border-right:2px solid var(--beans-color);
}


/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav.top_header_nav li.has-child ul{
	/*絶対配置で位置を指定*/
	position: absolute;
	left:0%;
	top:66px;
	z-index: 4;
	/*形状を指定*/
	width:100%;
	/*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
	/*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
nav.top_header_nav li.has-child:hover > ul,
nav.top_header_nav li.has-child ul li:hover > ul,
nav.top_header_nav li.has-child:active > ul,
nav.top_header_nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav.top_header_nav li.has-child ul li a{
	font-size: 1.6rem;
	color: #7f643f;
	border-radius: 0;
	border-bottom: 1px solid #ccc;
}
nav.top_header_nav li.has-child ul li:first-child a{ border-radius: 10px 10px 0 0; }
nav.top_header_nav li.has-child ul li:last-child a{ border-radius: 0 0 10px 10px; border-bottom: 0; }

.top_header_nav_item_beans li.has-child ul li a{ border-radius: 10px !important; }

nav.top_header_nav li.has-child ul li:last-child > a{
 border-bottom:none;
}

nav.top_header_nav li.has-child ul li a:hover,
nav.top_header_nav li.has-child ul li a:active{
	background: var(--clover-color);
	opacity: 1;
	color: #fff;
}
.top_header_nav_item_beans a:hover,
.top_header_nav_item_beans a:active{
	background: var(--beans-color) !important;
}
.top_header_nav_item_garden a:hover,
.top_header_nav_item_garden a:active{
	background: var(--garden-color) !important;
}
.top_header_nav_item_clotax a:hover,
.top_header_nav_item_clotax a:active{
	background: var(--clotax-color) !important;
}
.top_header_nav_item_mother a:hover,
.top_header_nav_item_mother a:active{
	background: var(--mother-color) !important;
}


/*==3階層目*/

/*3階層目の位置*/
nav.top_header_nav li.has-child ul ul{
	top:0;
	left:100%;
}

nav.top_header_nav li.has-child ul ul li a:hover,
nav.top_header_nav li.has-child ul ul li a:active{
	background:var(--clover-color);
}


/*==768px以下の形状*/

@media screen and (max-width:768px){
	nav.top_header_nav{
		padding: 0;
	}
	
	nav.top_header_nav ul{
		display: block;
	}
	
	nav.top_header_nav li.has-child ul,
	nav.top_header_nav li.has-child ul ul{
  	position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;/*JSで制御するため一旦表示*/
	opacity:1;/*JSで制御するため一旦表示*/
	display: none;/*JSのslidetoggleで表示させるため非表示に*/
	transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
	
nav.top_header_nav ul li a{
	border-bottom:1px solid #ccc;
}

/*矢印の位置と向き*/

nav.top_header_nav ul li.has-child::before{
	left:20px;	
}

nav.top_header_nav ul ul li.has-child::before{
	transform: rotate(135deg);
	left:20px;
}
	
nav.top_header_nav ul li.has-child.active::before{
	transform: rotate(-45deg);
}

}


header.top_header_clover{ background: url("/info/wp-content/uploads/bg_clover01.png") no-repeat center center; min-height: 135px; }
header.top_header_beans{ background: url("/info/wp-content/uploads/bg_beans01.png") no-repeat center center; min-height: 135px; }
header.top_header_garden{ background: url("/info/wp-content/uploads/bg_garden01.png") no-repeat center center; min-height: 135px; }
header.top_header_leaf{ background: url("/info/wp-content/uploads/bg_leaf01.png") no-repeat center center; min-height: 135px; }
header.top_header_mother{ background: url("/info/wp-content/uploads/bg_mother01.png") no-repeat center center; min-height: 135px; }
header.top_header_training{ background: url("/info/wp-content/uploads/bg_training01.png") no-repeat center center; min-height: 135px; }
header.top_header_clotax{ background: url("/info/wp-content/uploads/bg_taxi01.png") no-repeat center center; min-height: 135px; }

.line_garden{ min-height: 5px; background: url("/info/wp-content/uploads/line_garden01.png") no-repeat bottom; opacity: .7; }
.line_training{ min-height: 5px; background: url("/info/wp-content/uploads/line_training01.png") no-repeat bottom; opacity: .7; }

.top_header_clover .header_logo{ width: 30%; }
.top_header_clover .header_logo img{ width: 100%; height: auto; }
.top_header_clover .header_logo a{ padding: 0 !important; }
.top_header_clover .header_tel{ width: 30%; margin-left: 36%; }
.top_header_clover .header_tel img{ width: 100%; height: auto; }


.top_header_clotax .header_logo{ width: 17%; }

.top_header_clover .header_sec{ display: flex; justify-content: space-between; align-items: center; padding: 20px 0 0 0; }

.nav_clover{ background: url("/info/wp-content/uploads/gnavi_bg_clover01.png"); border-bottom: 1px solid #fff; }
.nav_beans{ background: url("/info/wp-content/uploads/gnavi_bg_beans01.png"); border-bottom: 1px solid #fff; }
.nav_mother{ background: url("/info/wp-content/uploads/gnavi_bg_mother01.png"); border-bottom: 1px solid #fff; }
.nav_leaf{ background: var(--leaf-bg-color); border-bottom: 1px solid #fff; }
.nav_garden{ background: var(--garden-bg-color); border-bottom: 1px solid #fff; }
.nav_clotax{ background: var(--clotax-bg-color); border-bottom: 1px solid #fff; }
.nav_clover_list{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.nav_clover_item a{ position: relative; display: block; font-size: 1.8rem; text-align: center; height: 70px; line-height: 70px; font-weight: 800; }
.nav_beans .nav_clover_item a:hover{ color: var(--beans-color); }
.nav_mother .nav_clover_item a:hover{ color: var(--mother-color); }
.nav_leaf .nav_clover_item a:hover{ color: var(--leaf-color); }
.nav_garden .nav_clover_item a:hover{ color: var(--garden-color); }
.nav_clotax .nav_clover_item a:hover{ color: var(--clotax-color); }
.nav_clover_item > a:before{ background-color: var(--main-color); content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 10px; margin: auto; transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
.nav_beans .nav_clover_item > a:before{ background-color: var(--beans-color); }
.nav_mother .nav_clover_item > a:before{ background-color: var(--mother-color); }
.nav_leaf .nav_clover_item > a:before{ background-color: var(--leaf-color); }
.nav_garden .nav_clover_item > a:before{ background-color: var(--garden-color); }
.nav_clotax .nav_clover_item > a:before{ background-color: var(--clotax-color); }
.nav_clover_item > a:hover:before{ transform-origin: left top; transform: scale(1, 1); }
.nav_clover_item a i,
.nav_clover_item a .svg-inline--fa{ margin-right: 10px; }

/**
 * menu
 */
.menu{ position: relative; }

.init-bottom:after {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0 0 15px;
  border-right: 2px solid var(--main-color);
  border-bottom: 2px solid var(--main-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav_beans .init-bottom:after {
  border-right: 2px solid var(--beans-color);
  border-bottom: 2px solid var(--beans-color);
}
.nav_leaf .init-bottom:after {
  border-right: 2px solid var(--leaf-color);
  border-bottom: 2px solid var(--leaf-color);
}
.nav_garden .init-bottom:after {
  border-right: 2px solid var(--garden-color);
  border-bottom: 2px solid var(--garden-color);
}

.menu {
  *zoom: 1;
}

/**
 * single menu
 */
.menu > .menu__single{ position: relative; }
.menu__single .menu__second-level{ position: absolute; top: 71px; left: -25%; width: 150%; background-color: var(--clover-bg-color); transition: .2s ease; visibility: hidden; opacity: 0; z-index: 999; }
.nav_beans .menu__single .menu__second-level{ background-color: var(--beans-bg-color); }
.nav_leaf .menu__single .menu__second-level{ background-color: var(--leaf-bg-color); }
.nav_garden .menu__single .menu__second-level{ background-color: var(--garden-bg-color); }
.menu__single .menu__second-level li{ border-bottom: 1px solid #fff; }
.menu__single:hover > .menu__second-level{ top: 71px; visibility: visible; opacity: 1; }
.menu__single:hover > .menu__second-level li{ }
.menu__single:hover > .menu__second-level li a{ font-size: 1.7rem; height: 60px; line-height: 60px; color: #333; }
.menu__single:hover > .menu__second-level li a:hover{ background-color: var(--main-color); color: #fff; }
.nav_beans .menu__single:hover > .menu__second-level li a:hover{ background-color: var(--beans-color); color: #fff; }
.nav_leaf .menu__single:hover > .menu__second-level li a:hover{ background-color: var(--leaf-color); color: #fff; }
.nav_garden .menu__single:hover > .menu__second-level li a:hover{ background-color: var(--garden-color); color: #fff; }




/* ぱんくず */
.breadcrumbs{ background-color: #fff; }
.breadcrumbs_sec{ width: 1200px; margin: 10px auto; }
.breadcrumbs_sec > span{ display: inline-block; position: relative; color: #333; font-size: 1.2rem; }
.breadcrumbs_sec > span span{ margin-left: 15px; }
.breadcrumbs_sec > span a span{ margin-left: 0; }
.breadcrumbs_sec > span:first-child span{ margin-left: 0; }
.breadcrumbs_sec > span br{ display: none; }
.breadcrumbs_sec > span:before{ content: "/"; display: block; position: absolute; top: 0; left: 5px; color: #333; font-size: 12px; }
.breadcrumbs_sec span:first-child:before{ content: ""; margin-left: 0; }
.breadcrumbs_sec > span a{ color: #333; font-size: 1.2rem; margin: 0 0 0 20px; }
.breadcrumbs_sec > span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }



/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
footer{ width: 1200px; margin: 0 auto; }

.footer_btn_kibiru{ background-color: #fffdee; padding: 80px 0; margin: 20px 0; }
.footer_btn_kibiru01{ position: relative; width: 729px; margin: 0 auto; }
.footer_btn_kibiru01 a:hover{ opacity: .6; }
.footer_btn_kibiru_img01{ position: absolute; top: -20px; left: -120px; }
.footer_btn_kibiru_img02{ position: absolute; right: -150px; bottom: -20px; }


.footer_nav{ background-color: #5dbe64; padding: 40px 0 60px 0; margin-bottom: 20px; }
.footer_nav h2{ text-align: center; color: #fff !important; }
.footer_nav_list{ width: 1200px; margin: 0 auto; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.footer_nav_item{ flex-basis: 23%; margin: 0 1% 20px 1%; background-color: #fff; border-radius: 15px; }
.footer_nav_item a:hover{ opacity: .6 }
.footer_nav_item img{ width: 100%; height: auto; }
.footer_nav_item span{ /* display: block; padding: 10px; */ }
.footer_nav_item_clover{ background-color: var(--clover-bg-color); }
.footer_nav_item_beans{ background-color: var(--beans-bg-color); }
.footer_nav_item_garden{ background-color: var(--garden-bg-color); }
.footer_nav_item_mother{ background-color: var(--mother-bg-color); }
.footer_nav_item_training{ background-color: #b0e2f7; }


footer{
	margin-top: 0px;
	padding-bottom: 80px;
	background-image:
		url("/info/wp-content/uploads/footer-icon-1.png"),
		url("/info/wp-content/uploads/footer-icon-2.png");
	background-repeat: no-repeat,no-repeat;
	background-position: bottom left,bottom right;
	font-family: 'Kosugi Maru', sans-serif;
}
footer #footer{ border-top: 1px solid #ccc; padding-top: 20px; }
footer #footer > ul{ display: flex; justify-content: space-between; }
footer #footer > ul > li{ flex-basis: 24%; padding: 0 1%; border-right: 1px solid #ccc; }
footer #footer > ul > li:last-child{ border-right: 0; }
footer #footer > ul > li > ul{ display: flex; justify-content: center; }
footer #footer > ul > li > ul > li{ margin: 0 1%; }
footer #footer > ul > li > ul > li a{ font-size: 1.4rem; }
.footerLogo{ width: 80%; margin-bottom: 10px; }
.footerLogo img{ width: 100%; height: auto; }
.footerLogo span{ display: block; width: 70px; padding: 5px; text-align: center; font-size: 1.4rem; border: 1px solid #2b803b; margin-bottom: 10px; }
.footerInfo{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
.footerAdd{ flex-basis: 100%; }
.footerTel{ flex-basis: 100%; }
.footerTel span{ display: block; font-size: 12px; }
.footerFax{ flex-basis: 100%; }

.footerBtn{ width: 180px; margin-bottom: 15px; }
.footerBtn a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #28853a; color: #28853a; padding: 10px; }
.footerBtn a:hover{ background: var(--main-color); color: #fff; }

.footerBnr{ width: 180px; margin-bottom: 15px; }
.footerBnr a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #ea89a6; color: #fff; padding: 10px; background-color: #ea89a6; letter-spacing: 1px; }
.footerBnr a i{ margin-left: 5px; }
.footerBnr a:hover{ background: #fff; color: #ea89a6; }


.footerTit{ margin-bottom: 10px; }
.footerTit a:hover{ opacity: .6; }
.footerClover .footerTit{ width: 100%; }
.footerBeans .footerTit{ width: 100%;  }
.footerTit img{ width: 100%; height: auto; }
.footerTit a{ display: block; }
/*
.clover{ background: #2a803a; }
.beans{ background: #f29b00; }
*/
.footerSitemap{ border-top: 1px solid #28853a; padding-top: 10px; margin-bottom: 10px; }
.footerSitemapSns{ border-top: 0 !important; padding-top: 20px; }
.footerSitemapSns > ul > li{ color: #28853a; font-weight: bold !important; }
.footerSitemapSns > ul > li li{ font-weight: normal !important; }
.footerSitemap > ul{  }
.footerSitemap > ul > li{ position: relative; font-size: 1.5rem; font-weight: 500; letter-spacing: 1px; line-height: 1.5; padding-left: 25px; margin-bottom: 10px; }
.footerSitemap > ul > li > a{ color: #28853a; font-weight: bold; }
.footerSitemap > ul > li > a:hover{ opacity: 0.6; }
.footerSitemap > ul > li:after{ display: block; content: ""; position: absolute; top: 2px; left: 0; width: 7px; height: 7px; background-color: none; border: 4px solid #28853a; border-radius: 100%; box-sizing: content-box; }
.footerSitemap > ul > li > ul{ margin: 5px 0 0 10px; }
.footerSitemap > ul > li > ul > li{ font-size: 1.2rem; letter-spacing: 1px; line-height: 1.5; position: relative; padding-left: 15px; }
.footerSitemap > ul > li > ul > li:after{ display: block; content: ""; position: absolute; top: 5px; left: 0; width: 7px; height: 7px; background-color: #28853a; border-radius: 100%; }
.footerSitemap > ul > li > ul > li a{ color: #333; }
.footerSitemap > ul > li > ul > li a:hover{ opacity: 0.6; }

.footer{ margin-top: 0; margin-bottom: 0; }

.footer .footerSitemap{ border-top: none; }

.footerBeans .footerSitemap{ border-top: 1px solid #f29b00; }
.footerBeans .footerSitemap > ul > li:after{ border: 4px solid #f29b00; }
.footerBeans .footerSitemap > ul > li > a{ color: #f29b00; }
.footerBeans .footerSitemap > ul > li > ul > li:after{ background-color: #f29b00; }

.footerLeaf .footerSitemap{ border-top: 1px solid #f09a9b; }
.footerLeaf .footerSitemap > ul > li:after{ border: 4px solid #f09a9b; }
.footerLeaf .footerSitemap > ul > li > a{ color: #f09a9b; }
.footerLeaf .footerSitemap > ul > li > ul > li:after{ background-color: #f09a9b; }

.footer_garden .footerSitemap{ border-top: 1px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li:after{ border: 4px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li > a{ color: var(--garden-color); }
.footer_garden .footerSitemap > ul > li > ul > li:after{ background-color: var(--garden-color); }

.footer_clotax .footerSitemap{ border-top: 1px solid #a3d416; }
.footer_clotax .footerSitemap > ul > li:after{ border: 4px solid #a3d416; }
.footer_clotax .footerSitemap > ul > li > a{ color: #a3d416; }
.footer_clotax .footerSitemap > ul > li > ul > li:after{ background-color: #a3d416; }

.footer_mother .footerSitemap{ border-top: 1px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li:after{ border: 4px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li > a{ color: var(--mother-color); }
.footer_mother .footerSitemap > ul > li > ul > li:after{ background-color: var(--mother-color); }

.footer_training .footerSitemap{ border-top: 1px solid var(--training-color); }
.footer_training .footerSitemap > ul > li:after{ border: 4px solid var(--training-color); }
.footer_training .footerSitemap > ul > li > a{ color: var(--training-color); }
.footer_training .footerSitemap > ul > li > ul > li:after{ background-color: var(--training-color); }

.footerPlusn{}
.footerClover{ background: rgba(40,133,58,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; }
.footerBeans{ background: rgba(242,155,1,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footerLeaf{ background: rgba(240,178,185,0.2); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_garden{ background: rgba(211,243,243,0.3); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_clotax{ background: rgba(163,212,22,0.1); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_mother{ background: rgba(254,227,236,0.4); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_training{ background: rgba(73,189,236,0.1); padding: 25px 20px 10px 20px; border-radius: 15px; }


.footer_copyright{ text-align: center; font-size: 1rem; padding: 10px; }




.common_nav{ position: fixed; top: 50%; right: 20px; transform: translateY(-50%); z-index: 999; }
.common_nav ul li ~ li{ margin-top: 20px; }
.common_nav_item a{ transition: 0.3s; }
.common_nav_item a:hover{ opacity: 0.7; }

#pagetop {
  position: fixed;
  bottom: 90px;
  right: 20px;
  font-size: 77%;
  z-index: 999;
}
#pagetop a {
  background: #2a803a;
  text-decoration: none;
  color: #fff;
  width: 60px;
  height: 60px;
  text-align: center;
  display: block;
  border-radius: 100%;
}
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#pagetop a:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -4px;
  transition: 0.2s right;
}


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */

h1.h1_clover{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_green01.png") no-repeat; background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; }
.beans h1.h1_clover,
h1.h1_beans{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_orange01.png") no-repeat;  background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; }
.mother h1.h1_clover{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_pink01.png") no-repeat;  background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px;  }
.leaf h1.h1_clover{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_lpink01.png") no-repeat;  background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px;  }
.garden h1.h1_clover{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_garden01.png") no-repeat;  background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px;  }
.clotax h1.h1_clover{ font-size: 3rem; color: #fff; padding: 32px 0 0 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_taxi01.png") no-repeat;  background-size: 100% auto; min-height: 90px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px;  }

h2{ color: var(--tit-color); font-size: 2.8rem; margin-bottom: 20px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 3px; }
.child h2{ color: var(--child-color); }
.beans h2{ color: var(--beans-color); }
.garden h2{ color: var(--garden-color); }
.clotax h2{ color: var(--clotax-color); }

h3{ font-size: 2.8rem; color: var(--main-color); padding: 8px 0 20px 5px; background: url("/info/wp-content/uploads/h3_01.png") no-repeat right bottom; min-height: 50px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
.child h3{ font-size: 2.8rem; color: var(--child-color); padding: 8px 0 30px 5px; background: url("/info/wp-content/uploads/h3_child.png") no-repeat left bottom; min-height: 60px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
h3.h3_02{ font-size: 2.8rem; color: var(--child-color); padding: 8px 0 30px 5px; background: url("/info/wp-content/uploads/h3_02.png") no-repeat left bottom; min-height: 60px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
.beans h3{ color: #fff; font-size: 2.3rem; background: #f6ae00; padding: 10px 10px 5px 10px; border-radius: 5px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1; letter-spacing: 2px; min-height: auto; }
.leaf h3{ color: #fff; font-size: 2.3rem; background: #f29da3; padding: 10px 10px 5px 10px; border-radius: 5px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1; letter-spacing: 2px; min-height: auto; }

h4{ color: #9e6822; font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 3px; }


/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

/* アニメーション */
/*ふわふわ*/
@keyframes fuwafuwa {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
}
.fuwafuwa {
animation: 3s fuwafuwa infinite;
}

/* ゆらゆら*/
.yurayura {
  animation-name: yurayura;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 3s;
  transform-origin: center bottom !important;
}
@keyframes yurayura {
0% {
transform: rotate(5deg);
}
100% {
transform: rotate(-5deg);
}
}

/* きらきら*/
.star {
animation: flashing 4s infinite;
}
@keyframes flashing {
0% {
opacity: 1;
}
90% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/* トップページ */
.top_visual{ width: 100%; }
.top_visual img{ width: 100%; height: auto; }

.top_contents{ margin-bottom: 80px; }
.top_contents_sec{ position: relative; width: 1000px; margin: 0 auto; }
.top_contents_icon01{ width: 131px; height: 94px; position: absolute; top: -100px; left: -50px; }
.top_contents_icon02{ width: 111px; height: 157px; position: absolute; bottom: -60px; right: -100px; animation: 3s fuwafuwa infinite; }
.top_contents_sec_list{ display: flex; justify-content: space-between; }
.top_contents_sec_item{ }
.top_contents_sec_item_img{ flex-basis: 40%; }
.top_contents_sec_item_img img{ width: 100%; height: auto; }
.top_contents_sec_item_txt{ flex-basis: 55%; }
.top_contents_sec_item_txt p{ font-size: 1.8rem; line-height: 2; }


.top_news{ background-color: #e4efd5; padding: 60px 0; margin-bottom: 200px; }
.top_news_sec{ width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_news_tit{ flex-basis: 200px; }
.top_news_list{ flex-basis: 750px; }
.top_news_item{ display: flex; justify-content: flex-start; align-items: center; padding-bottom: 10px; border-bottom: 1px dashed #fff; margin-bottom: 10px; }
.top_news_cat01{ flex-basis: 25%; border-radius: 10px; color: #fff; font-size: 14px; text-align: center; padding: 5px 10px; margin-right: 10px; }
.top_news_date01{ flex-basis: 10%; font-size: 1.4rem; color: var(--tit-color); margin-right: 10px; }
.top_news_tit01{ flex-basis: 60%; font-size: 1.8rem; }
.top_news_tit01 .new,
.recruit_news_tit .new{ display: inline-block; background-color: #f00; font-size: 1.2rem; color: #fff; padding: 0px 4px; border-radius: 30px; margin-right: 10px; font-weight: 500; }

.clotax .top_news{ background-color: #e4efd5; padding: 60px 0; margin-bottom: 100px; }
@media screen and (max-width: 736px){
.clotax .top_news{ background-color: #e4efd5; padding: 20px; margin-bottom: 50px; }
}


.top_news_cat01_station-diary,
.top_news_cat01_clover-news{ background-color: var(--clover-color); }
.top_news_cat01_beans-diary,
.top_news_cat01_beans-news{ background-color: var(--beans-color); }
.top_news_cat01_recruit-news{ background-color: #85cccd; }
.top_news_cat01_mother-diary{ background-color: var(--mother-color); }
.top_news_cat01_media{ background-color: var(--tit-color); }
.top_news_cat01_clotax-news{ background-color: var(--clotax-color); }


.top_service{ position: relative; background-color: #fffdee;  }
.top_service::before {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-top.png");
  background-size: 100% 100px;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  left: 0;
}
.top_service::after {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-bottom.png");
  background-size: 100% 76px;
  width: 100%;
  height: 76px;
  position: absolute;
  bottom: -76px;
  left: 0;
  z-index: 9;
}


.top_service01{ width: 1000px; margin: 0 auto 200px auto; }
.top_service_clover{  }
.top_service01_list{ display: flex; justify-content: space-between; }
.top_service01_item{ position: relative; }
.top_service01_item_img{ flex-basis: 40%; }
.top_service01_item_txt{ flex-basis: 55%; }
.top_service01_tit01{ margin-bottom: 20px; }
.top_service01_txt01{ letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }
.top_service01_img01{}
.top_service01_img01 img{ width: 100%; height: auto; }
.top_service01_img02{ position: absolute; width: 119px; height: 114px; content: ""; display: block; right: 0; bottom: 0; }


.top_service01_item_btn01{ width: 200px; margin: 0 0 0 auto; }
.top_service01_item_btn01 img{ width: 100%; height: auto; }
/*
.top_service01_item_btn01 a{ width: 180px; height: 30px; position: relative; color: #fff; font-size: 1.6rem; padding: 0 0 0 40px; margin: 0 0 0 auto; line-height: 30px; }
.top_service01_item_btn01 a:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 15px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.top_service01_item_btn01 a:before{ content: ""; position: absolute; right: -15px; bottom: 0; width: 0; height: 0;
  border-left: 15px solid red; border-top: 15px solid transparent; border-bottom: 15px solid transparent; }
.top_service01_item_btn01 a{ display: block; }

.top_service_clover .top_service01_item_btn01 a{ background-color: var(--clover-color); }
.top_service_clover .top_service01_item_btn01 a:before{ border-left-color: var(--clover-color); }
*/

.top_service01_item_btn01 a:hover{ opacity: .6; }


.top_service_clover .top_service01_img02{ right: -50px; bottom: -30px; }

.top_service_beans .top_service01_list{ flex-direction: row-reverse; }
.top_service_beans .top_service01_item{ position: relative; }

/*
.top_service_beans .top_service01_item_btn01 a{ background-color: var(--beans-color); }
.top_service_beans .top_service01_item_btn01 a:before{ border-left-color: var(--beans-color); }
*/

.top_service_beans .top_service01_img02{
position: absolute;
left: -50px;
bottom: 0;
animation-name: yurayura;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 3s;
transform-origin: center bottom !important;
}

.top_service_leaf .top_service01_img02{ position: absolute; width: 108px; height: 87px; content: ""; display: block; right: 0; bottom: 0; }

/*
.top_service_garden .top_service01_item_btn01 a{ background-color: var(--garden-color); }
.top_service_garden .top_service01_item_btn01 a:before{ border-left-color: var(--garden-color); }
*/
.top_service_garden .top_service01_list{ flex-direction: row-reverse; }
.top_service_garden .top_service01_img02{ right: -50px; bottom: -30px; width: 176px; height: 72px;}

.top_service_clotax .top_service01_img02{ left: -100px; bottom: -110px; width:198px; height:141px; }
.top_service_clotax .top_service01_img03{ position:absolute; right: -50px; bottom: -30px; width: 62px; height: 60px;}

.top_service_mother{ margin-bottom: 0; }
.top_service_mother .top_service01_list{ flex-direction: row-reverse; }
/*
.top_service_mother .top_service01_item_btn01 a{ background-color: var(--mother-color); }
.top_service_mother .top_service01_item_btn01 a:before{ border-left-color: var(--mother-color); }
*/

.top_training{ background-color: #e2efd5; padding: 150px 0 80px 0; margin-bottom: 80px; }
.top_service_training{ margin-bottom: 0; }
/*
.top_service_training .top_service01_item_btn01 a{ background-color: var(--training-color); }
.top_service_training .top_service01_item_btn01 a:before{ border-left-color: var(--training-color); }
.top_service_training .top_service01_item_btn01 a:after{ border-left: 15px solid #e2efd5; }
*/

.top_service_training .top_service01_img03{ margin-bottom: 20px; }
.top_service_training .top_service01_img03 img{ width: 100%; height: auto; }

.top_service_training .top_service01_img02{ position: absolute; right: -120px; top: -40px; }
.top_service_training .top_service01_img04{ position: absolute; left: -100px; bottom: -50px; }


.top_recruit{ width: 1000px; margin: 0 auto 100px auto; background-color: #fffddc; border-radius: 15px; padding: 40px; }
.top_service_recruit{ width: 100% !important; margin-bottom: 0; }
.top_service_recruit .top_service01_list{ align-items: center; }
.top_service_recruit .top_service01_tit01{ color: #378744; font-size: 2.5rem; text-align: center; letter-spacing: 2px; height: 60px; background: url("/info/wp-content/uploads/recruit-title_02.png") no-repeat bottom; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.top_service_recruit .top_service01_txt01{ width: 80%; margin: 0 auto; }

.top_service_recruit .top_service01_img02{ position: absolute; left: 30px; bottom: -90px; }
/*
.top_service_recruit .top_service01_item_btn01 a{ margin: 0 60px 0 auto; padding: 0 0 0 30px; }
*/
.top_service_recruit .top_service01_list{ }
/*
.top_service_recruit .top_service01_item_btn01 a{ background-color: var(--clover-color); }
.top_service_recruit .top_service01_item_btn01 a:before{ border-left-color: var(--clover-color); }
.top_service_recruit .top_service01_item_btn01 a:after{ border-left: 15px solid #fffddc; }
*/
.top_service_recruit .top_service01_item_img{  }


.top_about{ width: 1000px; margin: 0 auto 100px auto; background-color: #f4f0ed; border-radius: 15px; padding: 40px; }
.top_service_about{ width: 100% !important; margin-bottom: 0; }

.top_service_about .top_service01_img01{ text-align: center; }
.top_service_about .top_service01_img01 img{ width: 80%; height: auto; }
/*
.top_service_about .top_service01_item_btn01 a{ background-color: var(--clover-color); }
.top_service_about .top_service01_item_btn01 a:before{ border-left-color: var(--clover-color); }
.top_service_about .top_service01_item_btn01 a:after{ border-left: 15px solid #f4f0ed; }

.top_service_about .top_service01_item_btn01 a{ margin: 0 60px 0 auto; padding: 0 0 0 30px; }
*/



.top_access{ background-color: #e2efd5; padding: 80px 0; }
.top_access_list{ width: 900px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_access_item{}
.top_access_item_info{ flex-basis: 49%; }
.top_access_item_logo01{ margin-bottom: 20px; }
.top_access_item_add01{ margin-bottom: 40px; }
.top_access_img01{}
.top_access_item_map{ flex-basis: 49%; }
.top_access_map01{ position: relative; }
.top_access_map01:before{ content: ""; display: block; padding-top: calc( 3/4 * 100%) ;}
.top_access_map01 iframe{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }


#main-contents{ width: 1200px; margin: 0 auto; }
.txt01{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5; }
.txt02{ font-size: 1.5rem; letter-spacing: 1px; line-height: 1.5; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.5; }

/* クローバー高崎・豊岡 */
.home-slider_div{ position: relative; background-color: #f8f4ef; }
.home-slider_mask{ position: absolute; top: 0; left: 0; right: 0; width: 1200px; margin: 0 auto; }

.slider_list{ width: 1200px; margin: 0 auto; }

.home_contents{ width: 90%; margin: 0 auto 80px auto; }
.home_contents_beans{ width: 70%; margin: 0 auto 80px auto; }
.home_contents > ul{ display: flex; justify-content: space-between; }
.home_contents > ul > li{ flex-basis: 30%; }
.topNavImg{ margin-bottom: 20px; }
.topNavImg a:hover{ opacity: 0.6; }
.topNavImg img{ width: 100%; height: auto; }
.topNavTxt{ display: flex; justify-content: space-between; align-items: center; }
.topNavTit01{ flex-basis: 45%; }
.topNavTxt01{ flex-basis: 53%; }

.home_child{ background: url("/info/wp-content/uploads/home_child.png") no-repeat; background-size: contain; height: 375px; }
.home_child01{ width: 60%; margin: 0 auto 0 90px; padding-top: 260px; }

.home_anshin{ background: url("/info/wp-content/uploads/home_workspace_clover01.png") no-repeat center; background-size: contain; height: 375px; }
.home_anshin01{ width: 65%; margin: 0 auto; padding-top: 210px; }

/* クロタク */
body.page-template-page-clotax_top .home-slider_mask div { position:relative; }
body.page-template-page-clotax_top .home-slider_mask div img { position:relative; display:block; }
body.page-template-page-clotax_top .home-slider_mask .content-body { position:absolute; top:0; left:0; }
body.page-template-page-clotax_top .home-slider_mask .inner { width: 31%; margin:30px; }



.home_diary{ background: url("/info/wp-content/uploads/home_diary.png") no-repeat center; background-size: 100% 100%; height: 375px; }
.home_diary01{}
.home_diary01 > ul{ width: 90%; margin: 0 auto; padding-top: 80px; }
.home_diary01 > ul > li{ color: #28853a; line-height: 2.6; }
.home_diary01 > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01 > ul > li.home_diary_list_date{ font-size: 1.2rem; }
.home_diary01 > ul > li.home_diary_list_tit{ font-weight: 900; text-overflow: ellipsis; width: 285px; overflow: hidden; white-space: nowrap; }
.home_diary01 > ul > li a:hover{ opacity: 0.6; }

.home_contents_sub{ width: 90%; margin: 0 auto 80px auto; display: flex; justify-content: space-between; }
.home_douga{ flex-basis: 600px; width: 600px; margin: 0 auto; background: #f8f4ef; padding: 20px 30px 30px 30px; border-radius: 10px; }
.home_douga_tit{ font-size: 2.5rem; font-weight: bold; color: #2a803a; font-family: "HuiFont"; margin-bottom: 20px; }
.home_douga_movie{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.home_douga_movie iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home_3goukensyu{ flex-basis: 375px; background: url("/info/wp-content/uploads/home_3goukensyu01.png") no-repeat center center; height: 375px; }
.home_3goukensyu_tit01{ width: 200px; margin: 130px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_tit02{ width: 200px; margin: 40px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_btn01{ width: 200px; margin: 0 auto 20px auto; }
.home_3goukensyu_btn01 a{ display: block; font-size: 16px; letter-spacing: 1px; text-align: center; color: #fff !important; background: #2a803a; border-radius: 40px; padding: 10px; border: 2px solid #2a803a; }
.home_3goukensyu_btn01 a:hover{ color: #2a803a !important; background: #fff; }
.home_3goukensyu_btn01 a i{ margin-left: 5px; }

.home_footer_bnr{ text-align: center; margin-bottom: 80px; }
.home_footer_bnr img{ border-radius: 10px; }
.home_footer_bnr a:hover{ opacity: 0.6; }

.home_footer{ background: #f8f4ef; padding: 40px 70px; margin-bottom: 100px; }
.home_footer > ul{ display: flex; justify-content: space-between; }
.home_footer > ul > li{ flex-basis: 31%; }
.home_footer > ul > li:nth-child(2){ flex-basis: 62%; }
.home_footer > ul > li .home_footer_logo{ text-align: center; margin-bottom: 15px; }
.home_footer > ul > li .home_footer_logo img{ width: 100%; height: auto; }
.beans .home_footer > ul > li .home_footer_logo img{ width: auto; height: auto; }
.home_footer > ul > li .home_footer_txt{ margin-bottom: 5px;  }
.home_footer > ul > li .home_footer_tel{ font-size: 4rem; text-align: center; letter-spacing: -1px; margin-bottom: 10px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; }
.home_footer > ul > li .home_footer_add{ margin-bottom: 3px; text-align: center; }
.home_footer > ul > li .home_footer_time{ margin-bottom: 15px; }
.home_footer > ul > li .home_footer_time span.home_footer_time_tit{ font-size: 11px; color: #7f643f; padding: 2px 8px; border: 1px solid #7f643f;  border-radius: 20px; margin-right: 5px; vertical-align: baseline; }
.home_footer > ul > li .home_footer_time span.home_footer_time_holiday{ font-size: 12px; }
/*
.home_footer > ul > li .home_footer_contact{ margin-top: 10px; }
.home_footer > ul > li .home_footer_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer > ul > li .home_footer_contact a{ isplay: block; color: #fff; font-size: 1.4rem; background: #f29b00; text-align: center; padding: 3px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer > ul > li .home_footer_contact a:hover{ background: #f8f4ef; color: #f29b00; }
*/
.clover .home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }
.garden-wrapper { width: 1200px; margin: 0 auto; }

body.page-template-page-leaf_top .home_footer > ul > li .home_footer_logo img{ width: auto; height: auto; }
body.page-template-page-garden_top .home_footer > ul > li .home_footer_logo img{ width: auto; height: auto; }

.home_footer > ul > li .home_footer_area{ border-top: 1px solid #28853a; border-bottom: 1px solid #28853a; padding: 10px 0; }
.home_footer > ul > li .home_footer_area_tit{ color: #28853a; margin-bottom: 5px; }
.home_footer > ul > li .home_footer_area_txt{  }
.home_footer > ul > li .home_footer_map{ position: relative; padding-bottom: 60%; padding-top: 30px; height: 0; overflow: hidden; }
.home_footer > ul > li .home_footer_map iframe,
.home_footer > ul > li .home_footer_map object,
.home_footer > ul > li .home_footer_map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home_footer > ul > li .home_footer_fb{ width: 100%; max-width: 350px; }



.container_footer_beans{ width: 100%; background: #fdefd3; padding: 40px; }
.container_footer_beans01{ display: flex; justify-content: space-between; width: 1040px; margin: 0 auto; }
.container_footer_beans_nav{ flex-basis: 40%; }
.container_footer_beans_nav_tit{ font-size: 2.2rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; margin-bottom: 20px; }
.container_footer_beans_nav > nav{}
.container_footer_beans_nav > nav > ul{}
.container_footer_beans_nav > nav > ul > li{}
.container_footer_beans_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("../images/beans/common/footer_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 10px 0 0 45px; }
.container_footer_beans_nav > nav > ul > li > a:hover{ opacity: 0.6; }
.container_footer_beans_contact{ flex-basis: 56%; }
.container_footer_beans_contact01{ display: flex; align-items: center; }
.container_footer_beans_contact_img{ flex-basis: 30%; }

.home_footer_beans_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }

.home_footer_time{ font-size: 1.5rem; margin-bottom: 20px; text-align: center; }
.home_footer_time span.home_footer_time_tit{ font-size: 11px; color: var(--main-color); padding: 2px 8px; border: 1px solid var(--main-color);  border-radius: 20px; margin-right: 5px; vertical-align: baseline; line-height: 1; }
.home_footer_time span.home_footer_time_holiday{ font-size: 11px; }

.home_footer_contact{ width: 98%; margin: 10px auto; }
.home_footer_contact a{ display: block; color: #fff; font-size: 1.6rem; background: var(--main-color); border: 2px solid var(--main-color); text-align: center; padding: 5px 10px; border-radius: 40px; }
.beans .home_footer_contact a{ background: var(--beans-color); border: 2px solid var(--beans-color); }
.leaf .home_footer_contact a{ background: var(--leaf-color); border: 2px solid var(--leaf-color); }
.garden .home_footer_contact a{ background: var(--garden-color); border: 2px solid var(--garden-color); }
.clotax .home_footer_contact a{ background: var(--clotax-color); border: 2px solid var(--clotax-color); }
.home_footer_contact a i,
.home_footer_contact a .svg-inline--fa{ font-size: 1.8rem; margin-right: 10px; }
.home_footer_contact a:hover{ background: #fff; color: var(--main-color); }
.beans .home_footer_contact a:hover{ background: #fff; color: var(--beans-color); }
.leaf .home_footer_contact a:hover{ background: #fff; color: var(--leaf-color); }
.garden .home_footer_contact a:hover{ background: #fff; color: var(--garden-color); }
.clotax .home_footer_contact a:hover{ background: #fff; color: var(--clotax-color); }


.home_footer_beans_contact{ margin-top: 15px; }
.home_footer_beans_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_beans_contact a{ display: block; color: #fff; font-size: 1.6rem; background: #f29b00; text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer_beans_contact a:hover{ background: #fdefd3; color: #f29b00; }

/* リーフ */
.home_footer_leaf_contact{ margin-top: 15px; }
.home_footer_leaf_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_leaf_contact a{ display: block; color: #fff; font-size: 1.6rem; background: var(--leaf-color); text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px var(--leaf-color); line-height: 1; }
.home_footer_leaf_contact a:hover{ background: #fce5e5; color: var(--leaf-color); }

/* ガーデン */
.home_footer_garden_contact{ margin-top: 15px; }
.home_footer_garden_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_garden_contact a{ display: block; color: #fff; font-size: 1.6rem; background: var(--garden-color); text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px var(--garden-color); line-height: 1; }
.home_footer_garden_contact a:hover{ background: #d3f3f3; color: var(--garden-color); }

/* クロタク */
.home_footer_clotax_contact{ margin-top: 15px; }
.home_footer_clotax_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_clotax_contact a{ display: block; color: #fff; font-size: 1.6rem; background: var(--clotax-color); text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px var(--clotax-color); line-height: 1; }
.home_footer_clotax_contact a:hover{ background: #e5f6a0; color: var(--clotax-color); }


/* クローバー高崎・豊岡　セカンドページ */
.main_contents{ width: 1200px; margin: 0px auto 60px auto; background-color: var(--bg-color); border-radius: 15px; padding: 30px 30px 50px 30px; }
.main_contents.beans{ background-color: #fcfaf8; }

.container_footer{ margin-top: 100px; display: flex; justify-content: space-between; width: 100%; }
.container_footer_nav{ flex-basis: 48%; border-top: 2px dashed #d8c2a6; border-bottom: 2px dashed #d8c2a6; padding: 20px 0; display: flex; justify-content: space-between; }
.container_footer_nav_tit{ font-size: 2.2rem; color: #9e6822; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.container_footer_nav > nav{}
.container_footer_nav > nav > ul{}
.container_footer_nav > nav > ul > li{ position: relative; background: url("/info/wp-content/uploads/footer_button01.png") no-repeat; margin-bottom: 10px; opacity: 0.6; min-width: 300px; min-height: 41px; transition: .3s all; }
.container_footer_nav > nav > ul > li:hover{ opacity: 1; }
.container_footer_nav > nav > ul > li > a{ position: relative; display: block; color: #fff; padding: 12px 0 0 45px; line-height: 1; opacity: 1; }
.beans .container_footer_nav > nav > ul > li{ background: url("/info/wp-content/uploads/footer_beans_button01.png") no-repeat; margin-bottom: 10px; min-width: 300px; min-height: 41px; /* opacity: 1; */ }
/*
.beans .container_footer_nav > nav > ul > li:hover{ opacity: 1; }
.beans .container_footer_nav > nav > ul > li > a{ position: relative; display: block; color: #333; padding: 12px 0 0 45px; line-height: 1; opacity: 1; }
**/
.leaf .container_footer_nav > nav > ul > li{ background: url("/info/wp-content/uploads/footer_leaf_button01.png") no-repeat; margin-bottom: 10px; min-width: 300px; min-height: 41px; /* opacity: 1; */ }
.garden .container_footer_nav > nav > ul > li{ background: url("/info/wp-content/uploads/footer_garden_button01.png") no-repeat; margin-bottom: 10px; min-width: 300px; min-height: 41px; /* opacity: 1; */ }
.clotax .container_footer_nav > nav > ul > li{ background: url("/info/wp-content/uploads/footer_clotax_button01.png") no-repeat; margin-bottom: 10px; min-width: 300px; min-height: 41px; /* opacity: 1; */ }

.container_footer_nav > nav > ul > li > a:hover{ /* opacity: .6; */ }

.container_footer_contact{ flex-basis: 48%; }
.container_footer_contact_bg{
background-image: 
url("/info/wp-content/uploads/frame_left_top01.png"),
url("/info/wp-content/uploads/frame_right_bottom01.png");
background-position:
left top,
right bottom;
background-repeat:
no-repeat,
no-repeat;
padding: 20px 40px 30px 50px; }
/*
.beans .container_footer_contact_bg{ background: url("/info/wp-content/uploads/page_contact03.png") no-repeat right; min-width: 503px; height: 197px; padding: 15px 20px 20px 20px; }
*/
.home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 10px; }
.beans .home_footer_tel{ color: var(--beans-color); }
.leaf .home_footer_tel{ color: var(--leaf-color); }
.garden .home_footer_tel{ color: var(--garden-color); }
.clotax .home_footer_tel{ color: var(--clotax-color); }


/* ダウンロード用 */
.download_table{ flex-basis: 100%; margin-bottom: 40px; }
.download_table table{ width: 100%; border-collapse: collapse; }
.download_table table th{ width: 50%; padding: 13px 20px 10px 20px; background: #e7ddd0; text-align: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; vertical-align: middle; }
.download_table table td{ width: 25%; background: #fff; text-align: center; border-bottom: 2px solid #e7ddd0; border-top: 1px solid #e7ddd0; }
.download_table table tr:last-child th,
.download_table table tr:last-child td{ border-bottom: 1px solid #e7ddd0 }
.download_table table td{ padding: 10px; font-size: 2rem; background: #fff;  border-bottom: 1px solid #fff; }
.download_table table td a{ display: block; text-align: center; }
.download_table table td span{ font-size: 1.4rem; }
.download_table table td:nth-child(2){ border-right: 1px solid #e7ddd0; border-bottom: 2px solid #e7ddd0; }

.download_table table td.dl-word a{ background: #1c61c2; border: 1px solid #1c61c2; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-word a:hover{ background: #fff; color: #1c61c2;  }

.download_table table td.dl-pdf a{ background: #fff; border: 1px solid #f29b00; color: #f29b00; padding: 5px; border-radius: 5px; }
.download_table table td.dl-pdf a:hover{ background: #f29b00; color: #fff; }

.download_table table td.dl-excel a{ background: #117a42; border: 1px solid #117a42; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-excel a:hover{ background: #fff; color: #117a42; }

.download_table table i,
.download_table table .svg-inline--fa{ margin-left: 5px; font-size: 3rem; }

/* PDFダウンロード */
.pdfDLSec{ width: 800px; margin: 0 auto 60px auto; }
.pdfDLSec01 table{ width: 100%; border-collapse:collapse; border:2px solid #cb0606; background: #fff; }
.pdfDLSec01 table th{ width: 100px; padding: 20px; border-right: 2px solid #cb0606; vertical-align: middle; }
.pdfDLSec01 table th img{ width: 100%; height: auto; }
.pdfDLSec01 table td{ width: 700px; padding: 20px; display: flex; justify-content: space-between; }
.pdfDLSec01Txt{ font-size: 15px; line-height: 1.6; letter-spacing: 1px; }
.pdfDLSec01Btn{ width:210px; margin-top:15px; }
.pdfDLSec01Btn a { display:block; color:#fff; font-size:18px; font-weight:bold; padding:14px 0 10px 0; background-color:#cb0606; border:1px solid #cb0606; text-align:center; }
.pdfDLSec01Btn a:hover { color:#cb0606; background-color:#fff; }

ul.child_list{ margin-bottom: 20px; margin-left: 0; }
ul.child_list li{ position: relative; color: #9e6822; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1.3; letter-spacing: 1px; margin-bottom: 5px; padding-left: 20px; list-style: none; }
ul.child_list li:before{ position: absolute; display: block; content: ""; top: .3em; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; }



.column_child{ border-top: 3px dotted #ea89a6; padding-top: 60px; }
.column_beans{ border-top: 3px dotted var(--beans-color); padding-top: 60px; }
.column_child02{ background-color: #fff; padding: 40px; border-radius: 15px; }
.column_leaf{ border-top: 3px dotted var(--leaf-color); padding-top: 60px; }
.column_garden{ border-top: 3px dotted var(--garden-color); padding-top: 60px; }
.column_clotax{ border-top: 3px dotted var(--clotax-color); padding-top: 60px; }

.table_child{}
.table_child table{}
.table_child table th{ width: 15%; font-size: 1.8rem; padding: 15px; color: #9e6822; }
.table_child table td{ font-size: 1.8rem; }

.wp-block-column p{ margin-bottom: 20px; }

.main_contents ol{ margin-left: 30px; }
.main_contents ol li{ list-style-type: decimal; }

.map_sec{ position: relative; width: 100%; height: 0; padding-top: 90%; }
.map_sec iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }



.staff_box_wrap{ background: url("/info/wp-content/uploads/line_green.png") no-repeat top center; }
.beans .staff_box_wrap{ border-top: 2px dashed #7f643f; background: none; }
.staff_box{ 
	width: 100%;
	display: flex;
	justify-content: space-between;
	background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center;
	padding: 40px 0 40px 0;
}
.staff_box_bg_none{ background: none; padding: 0; margin-bottom: 0;}

.beans .staff_box{ 
	border-bottom: 2px dashed #7f643f;
	background: none;
}

.staff_img{ flex-basis: 15%; }
.staff_img p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt{ flex-basis: 83%; }

.staff_box02_sec{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff_box02_sec:before{ display: block; content: ""; clear: both; }
.staff_box02{ flex-basis: 48%;  width: 100%; display: flex; justify-content: space-between; background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center; padding: 0 0 40px 0; margin-bottom: 40px; }
.staff_img02{ flex-basis: 35%; }
.staff_img02 p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img02 p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt02{ flex-basis: 63%; }

.staff_beans_box{ background: none; border-bottom: 2px dashed #7f643f; border-top: 2px dashed #7f643f; }


.news_sec{}
.news_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.news_item{ flex-basis: 30%; margin: 0 .5% 20px .5%; border: 1px solid #D8C2A6; padding: 1.5%; background-color: #fff; border-radius: 15px; }
.news_item a{ display: block; }
.news_eyecatch{ margin-bottom: 10px; }
.news_eyecatch img{ width: 300px; height: 200px; object-fit: cover; }
.news_sec{ display: flex; flex-wrap: wrap; }
.news_date{ color: var(--main-color); font-size: 1.6rem; }
.beans .news_date{ color: var(--tit-color); }
.news_cat{ display: none; }
.news_tit{ flex-basis: 100%; font-size: 2rem; }
.news_date .new{ color: #fff; background-color: #f00; font-size: 1rem; line-height: 1; border-radius: 20px; padding: 1px 10px 3px 10px; margin-left: 10px; vertical-align: super; }

.news_sec_tit{ width: 100%; }
.news_sec h2{ border-bottom: 2px dashed #C8A981; }

.news_sec_date{ color: var(--tit-color); font-size: 1.6rem; margin-bottom: 10px; }
.news_sec_txt{ font-size: 2rem; letter-spacing: 1px; line-height: 1.5; }
.news_sec_txt p{ margin-bottom: 20px; }

.wp-pagenavi{ margin-top: 100px; text-align: center; display: flex; justify-content: center; }
.wp-pagenavi span{ width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; line-height: 38px; }
.wp-pagenavi span.current{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi span.current{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi span.current{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }
.wp-pagenavi a{ display: block; width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; border-color: var(--main-color); line-height: 38px; }
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 0 !important;
	margin: 2px;
}


.beans .wp-pagenavi a{ border-color: var(--beans-color); }
.mother .wp-pagenavi a{ border-color: var(--mother-color); }
.wp-pagenavi a:hover{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi a:hover{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi a:hover{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }

.pagination{ width: 90%; margin: 80px auto 0 auto; padding-top: 40px; max-width: 1300px;}
.pagination ul{ display: flex; justify-content: space-between; }
.pagination ul li{ flex-basis: 15%; }
.pagination ul li a{ display: block; border: 1px solid var(--main-color); color: var(--main-color); font-size: 14px; padding: 5px; text-align: center; border-radius: 30px; }
.beans .pagination ul li a{ border: 1px solid var(--beans-color); color: var(--beans-color); }
.mother .pagination ul li a{ border: 1px solid var(--mother-color); color: var(--mother-color); }
.pagination ul li a:hover{ background: var(--main-color); color: #fff; opacity: 1; }
.beans .pagination ul li a:hover{ background: var(--beans-color); }
.mother .pagination ul li a:hover{ background: var(--mother-color); }
.pagination ul li:nth-child(1){ text-align: left; }
.pagination ul li:nth-child(1) a i{ margin-right: 20px; }

.pagination ul li:nth-child(2) a{ display: block; color: var(--main-color); border-color: var(--main-color); }
.beans .pagination ul li:nth-child(2) a{ color: var(--beans-color); border-color: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a{ color: var(--mother-color); border-color: var(--mother-color); }
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: var(--main-color); background: var(--main-color); }
.beans .pagination ul li:nth-child(2) a:hover{ border-color: var(--beans-color); background: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a:hover{ border-color: var(--mother-color); background: var(--mother-color); }
.pagination ul li:nth-child(3) a{ display: block; }
.pagination ul li:nth-child(3)  i{ margin-left: 20px; }
.pagination ul li.nonext{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.next i,
.pagination ul li.nonext i{ margin-right: 10px; }
.pagination ul li.nonext span{ text-align: left; padding-top: 5px; }
.pagination ul li.prev span{ display: block; text-align: right; vertical-align: middle; padding-top: 5px; }
.pagination ul li.noprev{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.prev i,
.pagination ul li.noprev i{ margin-right: 10px; }
.pagination ul li.noprev i{ margin-left: 20px; }
.pagination ul li.noprev span{ text-align: right; padding-top: 5px; }
.pagination ul li.modoru i{ margin-right: 10px; }



ul.list01{ margin-top: 20px; }
ul.list01 > li{ font-size: 2rem; padding: 0 0 0 32px; background: url("/info/wp-content/uploads/icon_clover.png") no-repeat 0 5px; margin-bottom: 8px; }
ul.list01 > li a:hover{ opacity: 0.6; }

.tel01{ font-size: 4rem; color: #28853a; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }


/* フォーム */
.contact_item{display: flex; align-items: center; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc; background-color: #fff; }
.contact_tit{width: 40%; font-weight: 700; position: relative; padding-left: 60px; margin-right: 20px; }
.contact_tit span{position: absolute; display: block; background-color: #fff; color: #E02E30; border: 2px solid #E02E30; padding: 2px 10px; left: 0px; top: -4px; font-size: 1.4rem; border-radius: 10px; }
.contact_txt,
.contact_adress,
.contact_txtarea{width: 65%;}
.contact_txt input{font-size: 2rem; background: #f5f5f5; height: 35px; padding:  20px 10px; border: 1px solid #ccc;}
.contact_txt input[type="checkbox"]{ float: none; width: 15px; height: 15px; }
.contact_txt input[type="radio"]{ width: 15px; height: 15px; }
.contact_txtarea textarea{font-size: 2rem; padding: 8px; background: #fff; border: 1px solid #ccc; background-color: #f5f5f5; }
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #fff; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{display: block;}

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2.2rem; letter-spacing: 1px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; border: 0; 
	font-family: "azo-sans-web", "Helvetica Neue", "Helvetica", "source-han-sans-japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 500;
	font-variation-settings: "wght" 500; font-weight: 500;
}
input.wpcf7-submit:hover{ opacity: .6; }

.privacy_sec{ width: 1000px; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 400; text-align: left; margin-bottom: 10px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; font-size: 1.6rem; line-height: 1.8; margin-bottom: 5px; }
.privacy_sec p{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

::placeholder{ color: #999; }

.contact_item .wpcf7-list-item{ display: block; margin: 0 0 0 0; }

.wpcf7-not-valid-tip{ font-weight: 700 !important; }




/* ビーンズ */

.color_beans{ color: var(--beans-color); }

.top_info{ width: 80%; margin: 0 auto 80px auto; border: 5px dotted #f8f5f0;  border-radius: 10px; padding: 30px; background-color: #fefdfc; }
.top_info_list{ display: flex; justify-content: space-between; }
.top_info_item{ flex-basis: 45%; }
.top_info_tit{ font-size: 2.2rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1; padding :
15px; border-bottom: 3px dashed #999; margin-bottom: 10px; }
.top_info_tit i,
.top_info_tit .svg-inline--fa{ margin-right: 10px; }
.top_info_item > ul{  }
.top_info_item > ul li{ position: relative; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.top_info_item > ul li:before{ position: absolute; top: 25px; left: 20px; content: ""; display: block; width: 10px; height: 10px; background-color: #ccc;  }
.top_info_item > ul li a{ display: block; font-size: 2rem; padding: 15px 15px 15px 50px; }
.top_info_item > ul li a i,
.top_info_item > ul li a .svg-inline--fa{ color: #f00; margin-left: 10px; font-size: 2.5rem; }
.top_info_item_schedule a:hover{ color: #8dc33e; }
.top_info_item_tayori a:hover{ color: #ef91ab; }
.top_info_item_schedule{ }
.top_info_item_schedule i,
.top_info_item_schedule .svg-inline--fa{ color: #8dc33e; }
.top_info_item_tayori{}
.top_info_item_tayori i,
.top_info_item_tayori .svg-inline--fa{ color: #ef91ab; }


.top_movie{ width: 60%; margin: 0 auto 60px auto; }
.top_movie01{ position: relative; width: 100%; padding-top: 56.25%; }
.top_movie01 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

/* クロタク */
.color_clotax{ color: var(--clotax-color); }

.clotax #top-movie{ width: 1200px; margin: 0 auto; }
.clotax #top-movie .layout-2 { display:flex; justify-content:center; max-width:1000px; margin:0 auto; }
.clotax .top_movie{ width: 50%; margin: 0 auto 100px 0; }
.clotax .top_movie01{ position: relative; width: 100%; padding-top: 56.25%; }
.clotax .top_movie01 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.clotax #top-movie .layout-2 .content { width:45%; }
.clotax #top-movie .layout-2 .content h2 { color:var(--clotax-color); }
.clotax #top-movie .layout-2 .content p {}
.clotax .clotax_sec{ width: 1000px; margin: 0 auto 100px auto; }
.clotax .clotax_sec .layout-flex-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.clotax .clotax_sec .layout-flex-2 > * {
	 width: 48%;
}
.clotax .clotax_sec .layout-flex-2 .item { border-radius:10px; padding:20px; background: #a3d416; display: flex;}
.clotax .clotax_sec .layout-flex-2 .item:nth-child(n+3) {margin-top: 30px; }
.clotax .clotax_sec .layout-flex-2 .item .content { width:70%; }
.clotax .clotax_sec .layout-flex-2 .item .content .title { color:#fff; font-size: 2.0rem; }
.clotax .clotax_sec .layout-flex-2 .item .content ul { list-style: disc; margin-left: 2.0rem; }


.clotax #voice { background:#e5f6a0; }
.clotax #voice .body { padding:80px 0; margin-bottom:0; }
.clotax #voice .title { text-align: center; }
.clotax #voice .layout-flex-3 { display:flex; justify-content:space-between; }
.clotax #voice .layout-flex-3 > * { width:31%; }
.clotax #voice .layout-flex-3 .item { border-radius:10px; padding:20px; background: #fff; }
.clotax #voice .layout-flex-3 .item .title-1 { text-align:center; color: var(--tit-color); font-size: 2.4rem; border-bottom: 3px dotted var(--tit-color);}
.clotax #voice .layout-flex-3 .item ul { margin-top: 1em; list-style: disc; margin-left: 2.0rem; }

#clotax-bnr { padding:100px 0; }
#clotax-bnr .body { max-width:800px; margin:0 auto; background: #a3d416; padding: 30px; border-radius: 20px; }
#clotax-bnr .layout-2 { display:flex; justify-content:space-between; align-items:center; }
#clotax-bnr .content {}
#clotax-bnr .content .title { font-size:2.0rem; }
#clotax-bnr .content .tel { font-size: 5rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; color:#fff; }
#clotax-bnr .content .text-1 { font-size:2.0rem; }
#clotax-bnr .qr-area { background:#fff; padding: 0.6em;}
#clotax-bnr .qr-area.layout-2 { display:flex; align-items:center; }
#clotax-bnr .qr-area.layout-2 p { margin-right:1em; }

.clotax .staff-box { border-radius:20px; padding:20px; max-width:670px; margin:0 auto; }

@media screen and (max-width: 736px){

.clotax #top-movie{ width: 100%; margin: 0 auto; }
.clotax #top-movie .layout-2 { display:block; justify-content:center; max-width:1000px; margin:0 auto; }
.clotax .top_movie{ width: 90%; margin: 0 auto 40px auto; }
.clotax .top_movie01{ position: relative; width: 100%; padding-top: 56.25%; }
.clotax .top_movie01 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
.clotax #top-movie .layout-2 .content { width: 90%; margin: 0 auto 40px auto; }
.clotax #top-movie .layout-2 .content h2 { color:var(--clotax-color); }
.clotax #top-movie .layout-2 .content p {}
.clotax .clotax_sec{ width: 90%; margin: 0 auto 50px auto; }
.clotax .clotax_sec .layout-flex-2 {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
}
.clotax .clotax_sec .layout-flex-2 > * {
	 width: 100%;
}
.clotax .clotax_sec .layout-flex-2 .item { border-radius:10px; padding:20px; background: #a3d416; display: block;}
.clotax .clotax_sec .layout-flex-2 .item ~ .item {margin-top: 30px; }
.clotax .clotax_sec .layout-flex-2 .item .content { width:100%; }
.clotax .clotax_sec .layout-flex-2 .item .content .title { color:#fff; font-size: 2.0rem; }
.clotax .clotax_sec .layout-flex-2 .item .content ul { list-style: disc; margin-left: 2.0rem; }
.clotax .clotax_sec .layout-flex-2 .item img { display: block; margin: 0 auto; }


.clotax #voice { background:#e5f6a0; }
.clotax #voice .body { padding:40px 0; margin-bottom:0; }
.clotax #voice .title { text-align: center; }
.clotax #voice .layout-flex-3 { display:block; justify-content:space-between; }
.clotax #voice .layout-flex-3 > * { width:100%; }
.clotax #voice .layout-flex-3 .item { border-radius:10px; padding:20px; background: #fff; }
.clotax #voice .layout-flex-3 .item ~ .item { margin-top:30px; }
.clotax #voice .layout-flex-3 .item .title-1 { text-align:center; color: var(--tit-color); font-size: 2.4rem; border-bottom: 3px dotted var(--tit-color);}
.clotax #voice .layout-flex-3 .item ul { margin-top: 1em; list-style: disc; margin-left: 2.0rem; }

#clotax-bnr { padding:50px 0; }
#clotax-bnr .body { max-width:800px; margin:0 auto; background: #a3d416; padding: 20px; border-radius: 20px; width: 90%; }
#clotax-bnr .layout-2 { display:block; justify-content:space-between; align-items:center; }
#clotax-bnr .content {}
#clotax-bnr .content .title { font-size:2.0rem; }
#clotax-bnr .content .tel { font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; color:#fff; }
#clotax-bnr .content .text-1 { font-size:2.0rem; }
#clotax-bnr .qr-area { background:#fff; padding: 0.6em; margin-top: 1em;}
#clotax-bnr .qr-area.layout-2 { display:flex; align-items:center; justify-content:space-around; }
#clotax-bnr .qr-area.layout-2 p { margin-right:1em; }

}




.mb80{margin-bottom: 80px;}
.calendar_btn{ width: 60%; margin: 0 auto 30px auto; }
.calendar_btn a{ display: block; color: #fff; font-size: 2.3rem; text-align: center; padding: 20px 15px 15px 15px; border-radius: 10px; border: 2px solid #f29b00; background: #f29b00; margin-bottom: 10px; }
.calendar_btn a i,
.calendar_btn a .svg-inline--fa{ margin-right: 10px; }
.calendar_btn a:hover{ background: #fff; color: #f29b00; }

.leaf_btn.calendar_btn a { background:var(--leaf-color); border-color:var(--leaf-color); }
.leaf_btn.calendar_btn a:hover{ background: #fff; color: var(--leaf-color); }

.home_contents_beans{ width: 1080px; margin: 0 auto 80px auto; }
.home_contents_beans > ul{ display: flex; justify-content: space-between; }
.home_contents_beans > ul > li{ flex-basis: 48%; display: flex; justify-content: space-between; }
.home_contents_beans .topNavImg{ flex-basis:70%; }
.home_contents_beans .topNavImg img{ width: 100%; height: auto; }
.home_contents_beans .topNavTxt{ flex-basis: 40%; display: block; }
.home_contents_beans .topNavTit01{ margin-bottom: 10px; }
.home_contents_beans .topNavTit01 a:hover{ opacity: .6; }
.home_contents_beans .topNavTxt01{  }

/* leaf */
.home_contents_leaf{ width: 1080px; margin: 0 auto 80px auto; }
.home_contents_leaf > ul{ display: flex; justify-content: space-between; }
.home_contents_leaf > ul > li{ flex-basis: 48%; display: flex; justify-content: space-between; }
.home_contents_leaf .topNavImg{ flex-basis:70%; }
.home_contents_leaf .topNavImg img{ width: 100%; height: auto; }
.home_contents_leaf .topNavTxt{ flex-basis: 40%; display: block; }
.home_contents_leaf .topNavTit01{ margin-bottom: 10px; }
.home_contents_leaf .topNavTit01 a:hover{ opacity: .6; }
.home_contents_leaf .topNavTxt01{  }


.home_anshin_beans{ background: url("/info/wp-content/uploads/home_workspace_beans01.png") no-repeat center; background-size: contain; height: 270px; }
.home_anshin_mother{ background: url("/info/wp-content/uploads/home_workspace_mother01.png") no-repeat center; background-size: contain; height: 270px; }
.home_anshin_leaf{ background: url("/info/wp-content/uploads/home_workspace_leaf01.png") no-repeat center; background-size: contain; height: 270px; }
.home_anshin01_beans{ width: 50%; margin: 0 0 0 auto; padding: 70px 35px 30px 15px; }
.home_anshin01_leaf{ width: 50%; margin: 0 0 0 auto; padding: 70px 35px 30px 15px; }



.home_diary_beans{ background: url("/info/wp-content/uploads/beans_diary.png") no-repeat center; background-size: 100% 100%;  width: 510px; height: 271px; }
.home_diary_mother{ background: url("/info/wp-content/uploads/mother_diary.png") no-repeat center; }
.home_diary_leaf{ background: url("/info/wp-content/uploads/leaf_diary.png") no-repeat center; background-size: 100% 100%;  width: 510px; height: 271px; }
.home_diary01_beans{}
.home_diary01_beans > ul{ width: 90%; margin: 0 auto; padding-top: 83px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
.home_diary01_beans > ul > li{ color: #28853a; line-height: 2.4; }
.home_diary01_beans > ul > li a{ color: #28853a; }
.home_diary01_beans > ul > li.home_diary_list_date{ flex-basis: 25%; margin-right: 5%; font-size: 1.2rem; }
.home_diary01_beans > ul > li.home_diary_list_tit{ flex-basis: 68%; white-space: nowrap; overflow: hidden;font-weight: 900; }
.home_diary01_beans > ul > li a:hover{ opacity: 0.6; }

/* leaf */
.color_leaf{ color: var(--leaf-color); } 
.home_diary_leaf{ background: url("/info/wp-content/uploads/leaf_diary.png") no-repeat center; background-size: 100% 100%;  width: 510px; height: 271px; }
.home_diary01_leaf{}
.home_diary01_leaf > ul{ width: 90%; margin: 0 auto; padding-top: 83px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
.home_diary01_leaf > ul > li{ color: #28853a; line-height: 2.4; }
.home_diary01_leaf > ul > li a{ color: #28853a; }
.home_diary01_leaf > ul > li.home_diary_list_date{ flex-basis: 25%; margin-right: 5%; font-size: 1.2rem; }
.home_diary01_leaf > ul > li.home_diary_list_tit{ flex-basis: 68%; white-space: nowrap; overflow: hidden;font-weight: 900; }
.home_diary01_leaf > ul > li a:hover{ opacity: 0.6; }



.top_instagram_beans{ width: 60%; margin: 0 auto 60px auto; }
.top_instagram_beans h2{ text-align: center; }




.home_footer_beans_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }
.home_footer_leaf_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }
.home_footer_garden_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }
.home_footer_clotax_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }


.box04{ padding: 20px; border-radius: 15px; margin-bottom: 20px; }

.garden .box04{ padding: 20px; border-radius: 15px; margin-bottom: 40px; }


.box04 dl{ display: flex; flex-wrap: wrap; min-height: 261px; }
.box04 dl dt{ flex-basis: 15%; color: #2a803a; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }
.box04 dl dd{ flex-basis: 80%; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }


.leaf .box04 dl dt{ color: #f08c00; }

.bg_orange{ background: #fdefd3; }
.bg_pink{ background: #fae1e7; }

.beans_tit01{ font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.beans_tit01 span{ font-size: 1.6rem; }

.leaf_tit01{ font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.leaf_tit01 span{ font-size: 1.6rem; }


.color_orange{ color: #f08c00 !important; }
.color_pink{ color: #ef91ab !important; }


.list02{}
ul.list02 > li{ position: relative; padding: 0 0 0 20px; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list02 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list02 > li a:hover{ opacity: 0.6; }


ul.list03{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
ul.list03 > li{ flex-basis: 32%; position: relative; padding: 0 0 0 20px; font-size: 1.6rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list03 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list03 > li a:hover{ opacity: 0.6; }

.list_orange > li:after{ background-color: #f08c00 !important; }
.list_pink > li:after{ background-color: #ef91ab !important; }
.list_green > li:after{ background-color: #8dc33e !important; }

.bg_img01{ background: #eef5df url("/info/wp-content/uploads/day-photo.png") no-repeat right bottom; background-size: 30% auto; }
.leaf .bg_img01{ background: #fcf2da; }
.garden .bg_img01{ background: #d2f2f2; padding:45px; }
.garden .bg_img01 .title-1 { color: #7f643f; font-size:24px; border-bottom:2px dotted #7f643f; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; text-align:center; }
.garden .bg_img01 .text {   }
.garden .bg_img01 img { display:block; margin:0 auto; text-align:center;  }

@media screen and (max-width: 736px){
	.garden .bg_img01{ background: #d2f2f2; padding:20px; }
	.garden .bg_img01 .title-1 { color: #7f643f; font-size:20px; border-bottom:2px dotted #7f643f; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; text-align:center; }
}

/* クロタク */
.clotax .bg_img01{ background: #e5f6a0; padding:45px; }
.clotax .bg_img01 .title-1 { color: #7f643f; font-size:24px; border-bottom:2px dotted #7f643f; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; text-align:center; }
.clotax .bg_img01 .text {   }
.clotax .bg_img01 img { display:block; margin:0 auto; text-align:center;  }
.clotax .flex_clotax { justify-content:center; }

.clotax .price_box_clotax { background: #e5f6a0; color: #7f643f; padding: 10px; border-radius: 20px; display:flex; align-items:center; justify-content:space-around; }
.clotax .price_box_clotax .title { font-size:2.4rem; }
.clotax .price_box_clotax .price { font-size:6.0rem; }
.clotax .price_box_clotax .price small { font-size:2.4rem; }

@media screen and (max-width: 736px){
	.clotax .bg_img01{ background: #e5f6a0; padding:20px; }
	.clotax .bg_img01 .title-1 { color: #7f643f; font-size:20px; border-bottom:2px dotted #7f643f; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; text-align:center; }
	.clotax .price_box_clotax { background: #e5f6a0; color: #7f643f; padding: 20px; border-radius: 20px; display:block; align-items:center; justify-content:space-around; }
	.clotax .price_box_clotax .title { font-size:2.0rem; }
	.clotax .price_box_clotax .price { font-size:4.0rem; }
	.clotax .price_box_clotax .price small { font-size:2.0rem; }
}



/* クローバーガーデン */
.color_garden{ color: var(--garden-color); }
.garden_sec{ width: 900px; margin: 0 auto 100px auto; }
.garden_sec .layout-flex-3 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.garden_sec .layout-flex-3 > * {
	 width: 31%;
}
.garden_sec .layout-flex-3 div { border-radius:10px; padding:20px 10px 30px; text-align: center; min-height: 272px;}
.garden_sec .layout-flex-3 div:nth-child(1) { background: #5ad2d2; }
.garden_sec .layout-flex-3 div:nth-child(2) { background: #38c9ef; }
.garden_sec .layout-flex-3 div:nth-child(3) { background: #82b4ed; }

.garden_sec .layout-flex-3 div .title { color: #fff; font-size: 27px; }
.garden_sec .layout-flex-3 div span  { display:block; }

.garden-inner { background: #d3f3f3; padding: 50px 0; }
.garden-inner .body { max-width:1040px; margin:0 auto; padding: 0 20px; }
.garden-inner .layout-flex-2 { display:flex; align-items:center; justify-content:space-between; }
.garden-inner .layout-flex-2 > * { width:48%; }
.garden-inner .layout-flex-2 .content {}
.garden-inner .layout-flex-2 .content.layout-2 { display: flex; align-items:center; justify-content:space-between; }
.garden-inner .layout-flex-2 .content.layout-2 .text { max-width: 300px; }

.care { padding:90px 0; }
.care .body { max-width:1040px; margin:0 auto; padding:0 20px; }
.care .layout-flex-2 { display:flex; align-items:center; justify-content:space-between; }
.care .content.layout-2 { display: flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.care .content .col { max-width: 400px; margin-right:1em; }
.care .content .title-1 { font-size:27px; color:var(--tit-color); }
.care .content.box { background:#5ad2d2; border-radius:10px; padding:20px; }
.care .content.box .title-1 { color:#fff; font-size:27px; }
.care .content.box ul {  }
.care .content.box ul li { display:flex; justify-content:flex-start; }
.care .content.box ul li div:nth-child(1) { width:6em; color:#fff;  }
.care .content.box ul li div:nth-child(2) {  }


@media screen and (max-width: 736px){
/* クローバーガーデン SP */
.garden_sec{ width: 90%; margin: 0 auto 50px auto; }
.garden_sec .layout-flex-3 {
	display: block;
	align-items: center;
	justify-content: space-between;
}
.garden_sec .layout-flex-3 > * {
	 width: 100%;
	 margin-top: 1em;
}
.garden_sec .layout-flex-3 div { border-radius:10px; padding:20px 10px; text-align: center; min-height: auto;}
.garden_sec .layout-flex-3 div:nth-child(1) { background: #5ad2d2; }
.garden_sec .layout-flex-3 div:nth-child(2) { background: #38c9ef; }
.garden_sec .layout-flex-3 div:nth-child(3) { background: #82b4ed; }

.garden_sec .layout-flex-3 div .title { color: #fff; font-size: 27px; }
.garden_sec .layout-flex-3 div span  { display:block; }

.garden-inner { background: #d3f3f3; padding: 50px 0; }
.garden-inner .body { max-width:100%; margin:0 auto; padding:0 20px; }
.garden-inner .layout-flex-2 { display:block; align-items:center; justify-content:space-between; }
.garden-inner .layout-flex-2 > * { width:100%; margin-top: 1em; }
.garden-inner .layout-flex-2 .content {}
.garden-inner .layout-flex-2 .content.layout-2 { display: flex; align-items:center; justify-content:space-between; }
.garden-inner .layout-flex-2 .content.layout-2 .text { max-width: 300px; }

.care { padding:40px 0; }
.care .body { max-width:100%; margin:0 auto; padding:0 20px }
.care .layout-flex-2 { display:block; align-items:center; justify-content:space-between; }
.care .content.layout-2 { display: flex; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.care .content.layout-2 img { display: block; margin:0 auto; }
.care .content .col { max-width: 400px; margin-right:1em; }
.care .content .title-1 { font-size:20px; color:var(--tit-color); }
.care .content.box { background:#5ad2d2; border-radius:10px; padding:20px; }
.care .content.box .title-1 { color:#fff; font-size:27px; }
.care .content.box ul {  }
.care .content.box ul li { display:flex; justify-content:flex-start; }
.care .content.box ul li div:nth-child(1) { width:9em; color:#fff;  }
.care .content.box ul li div:nth-child(2) { width:15em; }

}


/* クローバーガーデン（ご利用の流れ） */
.garden .garden_inner { max-width: 800px; margin: 0 auto; }
.garden .garden_inner .box04 { background: #64cac4; padding: 20px; border-radius:10px; margin-bottom: 25px; }
.garden .garden_inner .box04.layout-2 { display:flex; flex-wrap:wrap justify-content: flex-start; }
.garden .garden_inner .box04.layout-2 div:nth-child(1) { width:9em; }
.garden .garden_inner .box04.layout-2 div:nth-child(2) { width:80%; }
.garden .garden_inner .box04.layout-2 .title { font-size:30px; color:#fff; }
.garden .garden_inner .box04.layout-2 .tel { font-size:35px; color:#ffffd7; }
.garden .garden_inner .box04.layout-2 .form { font-size:35px; color:#ffffd7; }
.garden .garden_inner .box04.layout-2 .form a { color:#ffffd7; text-decoration: underline;}
.garden .garden_inner .box04.layout-2 span img { vertical-align:middle; }

@media screen and (max-width: 736px){
/* クローバーガーデン（ご利用の流れ）SP */
.garden .garden_inner .box04.layout-2 { display:block;  }
.garden .garden_inner .box04.layout-2 div:nth-child(2) { width:100%; }
.garden .garden_inner .box04.layout-2 .title { font-size:20px; color:#fff; }
.garden .garden_inner .box04.layout-2 .tel { font-size:24px; color:#ffffd7; }
.garden .garden_inner .box04.layout-2 .form { font-size:24px; color:#ffffd7; }
}




/* 産前産後の訪問看護 */
.service_sec_mother{}
.service_sec_mother_list{ display: flex; margin-bottom: 30px; }
.service_sec_mother_item{ margin-right: 20px; }
.service_sec_mother_item a:hover{ opacity: .6; }
.service_sec_mother_item_tit{ margin-bottom: 20px; }
.service_sec_mother_txt{ display: flex; }
.service_sec_mother_txt p{  }
.service_sec_mother_img{ margin-left: 20px; }

.mother_sec{ justify-content: space-between; }
.mother_sec01{ flex-basis: 48%; background-color: #fee3ec; padding: 20px 40px 30px 40px; border-radius: 20px; }

.list_mother01{ min-height: 140px; }
.list_mother01 li{ position: relative; padding: 0 0 0 35px; }
.list_mother01 li:before{ position: absolute; left: 10px; top: 4px; display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: #eb6e9b; }

/* 研修 */
.training_sec{ width: 800px; margin: 0 auto 100px auto; }
.training_sec_service_list{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
.training_sec_service_item{}
.training_sec_service_item_tit01{ flex-basis: 20%; }
.training_sec_service_item_txt01{ flex-basis: 75%; }



.greeting_txt{ font-size: 2rem; letter-spacing: 2px; line-height: 2; }



.news_recruit{ background-color: #fff; padding: 20px; border-radius: 10px; }
.news_recruit_list{}
.news_recruit_item{ display: flex; justify-content: space-between; align-items: center; }
.news_recruit_item_date{ flex-basis: 5%; font-size: 1.7rem; }
.news_recruit_item_tit{ flex-basis: 85%; font-size: 2.1rem; }

.recruit_news_sec{}
.recruit_news_list{  }
.recruit_news_item{ display: flex; padding: 20px; border-bottom: 1px dashed var(--tit-color); }
.recruit_news_date{ margin-right: 20px; }
.recruit_news_tit{}


.wsp-container{}
.wsp-pages-list{ margin-left: 30px; }
.page_item{ line-height: 1.3; margin-bottom: 10px; list-style-type: disc; }
.page_item_has_children{ margin-top: 10px; }
.children{ margin-left: 30px; margin-top: 10px; }
.children .page_item{}


.list_sitemap01{ border-bottom: 2px dashed var(--tit-color); padding-bottom: 30px; margin-bottom: 30px; }
.list_sitemap01 li{ margin-bottom: 10px; }
.list_sitemap01 li a{}
.list_sitemap01 li ul{ margin: 10px 0 10px 30px; }
.list_sitemap01 li ul li{}



.recruit_box{ margin-bottom: 60px; }
.recruit_box dl{ display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; margin-bottom: 40px; }
.recruit_box dl dt{ flex-basis: 25%; padding: 15px; font-size: 1.6rem; line-height: 1.4; background: #ede3d7; border-bottom: 1px solid #ccc; }
.recruit_box dl dd{ flex-basis: 75%; padding: 15px; font-size: 1.6rem; line-height: 1.4; background: #fff; border-bottom: 1px solid #ccc; }

.recruit_box .item {}

.recruit_boxt .item:nth-child(even) {}
.recruit_box .item:nth-child(even) h4.recruit { background: #2a803a; color: #fff; padding: 0.2em 0.2em 0; }

.recruit_box .item:nth-child(even) dl dt { background: #ddf2d0; }

.recruit_box .item:nth-child(odd) {}
.recruit_box .item:nth-child(odd) h4.recruit { background: #9e6822; color: #fff; padding: 0.2em 0.2em 0; }

.recruit_box .item:nth-child(odd) dl dt { background: #ede3d6;}

.wp-block-image a:hover{ opacity: .6; }


/* ----------------------------------------------------------
 SP CSS
---------------------------------------------------------- */
@media screen and (max-width: 520px){
img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 60%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; height: auto !important; height: 100%; padding-top: 0; }

/* 非表示用 */
.noneSP		{ display: none !important; }

/* テーブル関連のスタイル */
.js-scrollable{
	white-space: nowrap;
/* max-height: 500px; */
}
.scroll-hint-icon{ height: 85px !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */

header{ width: 100%; margin: 0 auto; height: 50px; }

header.top_header{ background: none; min-height: auto; }
header.top_header .header_sec{ position: fixed; width: 100%; height: 50px; background-color: #fff; z-index: 9999; }
header.top_header .header_logo a{ display: block; padding: 0px 0; padding-left: 10px; }
header.top_header .header_logo a:hover{ opacity: .6; }
header.top_header img{ width: 45%; height: auto; max-width: 320px; }

.top_header_clover .header_logo img{ width: 50%; height: auto; max-width: 640px; }

header.top_header .header_sns{ position: absolute; right: 60px; top: 8px; }

.header_btn{ display: none; }

.header_sns_item_facebook a i,
.header_sns_item_facebook a .svg-inline--fa{ font-size: 3.5rem; color: var(--fb-color); margin-right: 5px; }
.header_sns_item_facebook a:hover{ opacity: .6; }

.header_sns_item_instagram i,
.header_sns_item_instagram .svg-inline--fa{ font-size: 2.2rem; color: #fff; padding-top: 7px; }
.header_sns_item_instagram{
width: 35px; height: 35px; border-radius: 100%; text-align: center; transition: 0.5s ease-in-out;
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}


.top_header_nav{ background-color: var(--main-color); padding: 10px 0; }
.top_header_nav #menu{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_header_nav #menu li{ flex-basis: 24%; }

.top_header_nav #menu li img{ width: 100%; height: auto; }

.top_header_nav_item a{ display: block; border-radius: 10px; padding: 10px 10px 5px 10px; }
.top_header_nav_item a:hover{ opacity: .6; }

.top_header_nav_item_clover a{ background-color: var(--clover-bg-color); }
.top_header_nav_item_beans a{ background-color: var(--beans-bg-color); }
.top_header_nav_item_garden a{ background-color: var(--garden-bg-color); }
.top_header_nav_item_mother a{ background-color: var(--mother-bg-color); }






header.top_header_clover{ background: none; min-height: 50px; }
header.top_header_beans{ background: none; min-height: 50px; }
header.top_header_garden{ background: none; min-height: 50px; }
header.top_header_mother{ background: none; min-height: 50px; }
header.top_header_training{ background: none; min-height: 50px; }

.line_garden{ min-height: 5px; background: url("/info/wp-content/uploads/line_garden01.png") no-repeat bottom; opacity: .7; }
.line_training{ min-height: 5px; background: url("/info/wp-content/uploads/line_training01.png") no-repeat bottom; opacity: .7; }

.top_header_clover .header_logo{ width: 45%; margin-left: 10px; padding-top: 10px; }
.top_header_beans .header_logo{ width: 32%; margin-left: 10px; padding-top: 10px; }
.top_header_clover .header_logo img{ width: 100%; height: auto; }
.top_header_clover .header_logo a{ padding: 0 !important; }
.top_header_clover .header_tel{ display: none; }
.top_header_clotax .header_logo{ width: 30%; margin-left: 10px; padding-top: 0; }

.top_header_leaf .header_logo{ padding-top: 0; }
.top_header_garden .header_logo{ padding-top: 0; }

.top_header_clover .header_sec{ display: flex; justify-content: space-between; align-items: center; padding: 0px 0 0 0; }

.nav_clover{ display: none; background-color: var(--clover-bg-color);  border-bottom: 1px solid #fff; }
.nav_beans{ background-color: var(--beans-bg-color);  border-bottom: 1px solid #fff; }
.nav_mother{ background-color: var(--mother-bg-color);  border-bottom: 1px solid #fff; }
.nav_leaf{ background-color: var(--leaf-bg-color);  border-bottom: 1px solid #fff; }
.nav_clover_list{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.nav_clover_item{}
.nav_clover_item a{ position: relative; display: block; font-size: 1.8rem; text-align: center; height: 70px; line-height: 70px; font-weight: 800; }
.nav_beans .nav_clover_item a:hover{ color: var(--beans-color); }
.nav_mother .nav_clover_item a:hover{ color: var(--mother-color); }
.nav_leaf .nav_clover_item a:hover{ color: var(--leaf-color); }
.nav_clover_item > a:before{ background-color: var(--main-color); content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 10px; margin: auto; transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
.nav_beans .nav_clover_item > a:before{ background-color: var(--beans-color); }
.nav_mother .nav_clover_item > a:before{ background-color: var(--mother-color); }
.nav_leaf .nav_clover_item > a:before{ background-color: var(--leaf-color); }
.nav_clover_item > a:hover:before{ transform-origin: left top; transform: scale(1, 1); }
.nav_clover_item a i,
.nav_clover_item a .svg-inline--fa{ margin-right: 10px; }




/* ---------------------------------------------- */
/* ハンバーガーメニュー */
/* ------------------------- */
#header-hamburger {
	/* 見た目のCSS */
	background: var(--main-color);
	cursor: pointer;
	width: 50px;
	aspect-ratio: 1/1;
	margin-left: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
}

/* ----------------- */
/* 三本線 */
/* ----------------- */
#header-hamburger span {
	/* 見た目のCSS */
	display: inline-block;
	background: #fff;
	width: 50%;
	height: 2px;
	/* バーガー線の太さ */
	/*アニメーションの設定*/
	transition: all .4s;
	position: absolute;
	left: 50%;
	/* バーガー線の位置 */
	transform: translateX(-50%);
}

/* １本目 */
#header-hamburger span:nth-of-type(1){ top: 30%; }
/* ２本目 */
#header-hamburger span:nth-of-type(2){ top: 50%; }
/* ３本目 */
#header-hamburger span:nth-of-type(3){ top: 70%; }

/* ------------------ */
/* ×印 */
/* ------------------ */
/*activeクラスが付与されると線が回転して×になる*/
#header-hamburger.active span:nth-of-type(1) {
	top: 50%;
	left: 25%;
	transform: rotate(-45deg);
	width: 50%;
}

#header-hamburger.active span:nth-of-type(2) {
	opacity: 0;
}

#header-hamburger.active span:nth-of-type(3) {
	top: 50%;
	left: 25%;
	transform: rotate(45deg);
	width: 50%;
}

/* ----------------------------------------------- */
/* メニューウィンドウ */
/* -------------------------- */
#hamburger-window {
	transition: 0.3s;
	text-align: center;
	/* 初期状態は非表示 */
	visibility: hidden;
	position: fixed;
	top: 0;
	right: -100vw;
	z-index: 9999;
	/* 画面いっぱいに表示されるサイズに設定 */
	width: 100%;
	height: 100vh;
	/* 画面からはみ出したらスクロール可能にする */
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	background-color: #fff;
	padding-top: 50px;
}

/*スクロールバー非表示（Chrome・Safari）*/
.content::-webkit-scrollbar{
	display:none;
}

#hamburger-window.open {
	visibility: visible;
	right: 0;
}

.hamburger-window__link {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.hamburger-window__link:hover {
	background-color: #eee;
}

.hamburger-window__link p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hamburger-window__link:first-child .acordion-btn {
	border-top: 1px solid #ccc;
}


/* ----------------------------------
アコーディオン部分
--------------------- */
.acordion-menu-wrapper{ background-color: #fff; }
.hamburger_clover .acordion-menu-wrapper{ background-color: var(--clover-bg-color); }
.hamburger_beans .acordion-menu-wrapper{ background-color: var(--beans-bg-color); }
.hamburger_mother .acordion-menu-wrapper{ background-color: var(--mother-bg-color); }
.hamburger_garden .acordion-menu-wrapper{ background-color: var(--garden-bg-color); }
.hamburger_leaf .acordion-menu-wrapper{ background-color: var(--leaf-bg-color); }
.hamburger_clotax .acordion-menu-wrapper{ background-color: var(--clotax-bg-color); }

.acordion-btn {
	display: flex;
	align-items: center;
	padding-left: 5%;
}

.acordion-btn:hover{ background-color: #ccc; }
.hamburger_clover .acordion-btn:hover{ background-color: var(--clover-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_beans .acordion-btn:hover{ background-color: var(--beans-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_mother .acordion-btn:hover{ background-color: var(--mother-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_garden .acordion-btn:hover{ background-color: var(--garden-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_leaf .acordion-btn:hover{ background-color: var(--leaf-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_clotax .acordion-btn:hover{ background-color: var(--clotax-bg-color); border-bottom: 1px solid #ccc; }



.acordion-btn::after {
	/* fontawesomeアイコンを表示 */
	content: '\2b';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	right: 5%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;
}    

.acordion-btn.is-open::after {
	/* fontawesomeアイコンを表示 */
	content: '\2d';
}

.hamburger-window__link {
	border-top: 1px solid #ccc;
}

.hamburger_tit{ font-weight: bold; }
.hamburger_tit span{ display: block; font-size: 1.2rem; }

.hamburger_clover{ background-color: var(--clover-bg-color); }
.hamburger_beans{ background-color: var(--beans-bg-color); }
.hamburger_garden{ background-color: var(--garden-bg-color); }
.hamburger_mother{ background-color: var(--mother-bg-color); }
.hamburger_training{ background-color: var(--training-bg-color); }
.hamburger_leaf{ background-color: var(--leaf-bg-color); }
.hamburger_clotax{ background-color: var(--clotax-bg-color); }

.hamburger-window__title,
.hamburger-window__link > a {
	color: #333;
}

.hamburger-window__link > a {
	display: block;
	text-align: left;
	padding-left: 5%;
	position: relative;
}

/*
.hamburger-window__link > a::after {
	content: '\f054';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;    
}
*/

.acordion>.acordion__item {
	position: relative;
	text-align: left;
	width: 100%;
	background-color: #dfdfdf;
	/* 閉じている状態 */
	border-top: 0 #ccc solid;
	line-height: 0;
	/* 閉じるアニメーション */
	transition:
		border-top .1s ease-out,
}

.acordion.is-open>.acordion__item {
	/* background-color: #dfdfdf; */
	/* 開いている状態 */
	border-top: 1px #ccc solid;
	/* 開くアニメーション */
	transition:
		border-top .1s ease-out,
}
.hamburger_clover .acordion.is-open>.acordion__item{ background-color: var(--clover-bg-color); }
.hamburger_clover .acordion.is-open>.acordion__item{ background-color: #f2faee; }
.hamburger_beans .acordion.is-open>.acordion__item{ background-color: #fff7e3; }
.hamburger_mother .acordion.is-open>.acordion__item{ background-color: #fff4f7; }
.hamburger_garden .acordion.is-open>.acordion__item{ background-color: #e8f9f9; }
.hamburger_leaf .acordion.is-open>.acordion__item{ background-color: #fbf1f1; }
.hamburger_clotax .acordion.is-open>.acordion__item{ background-color: #f3ffc4; }

.acordion.is-open>.acordion__item:first-child {
	border-top: none;
}
/*
.acordion.is-open>.acordion__item::after {
	content: '\f054';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;
}
*/
.acordion>.acordion__item>.acordion__link {
	color: #333;
	display: block;
	padding-left: 7%;
	/* 閉じている状態 */
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		padding-top .3s ease-out,
		padding-bottom .3s ease-out,
		line-height .3s ease-out,
		opacity .1s linear,
		visibility .1s linear;
}

.acordion.is-open>.acordion__item>.acordion__link {
	display: block;
	padding-left: 8%;
	/* 開いている状態 */
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		padding-top .3s ease-out,
		padding-bottom .3s ease-out,
		line-height .3s ease-out,
		opacity .1s linear,
		visibility .1s linear;
}





/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */

/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #aaa; z-index: 99; }
.btm_menu li { float: left; width: 50%; }
.btm_menu li a{ border-right: 1px solid #aaa; }
.btm_menu li:last-child a{ border-right: 0px solid #aaa; }
.btm_menu li a { display: block; height: 35px; padding-top: 10px; text-align: center; font-size: 1.6rem; font-weight: 700; background-color: #eee; color: #333; }
.btm_menu li a i,
.btm_menu li a .svg-inline--fa{ font-size: 1.8rem; margin-right: 10px; vertical-align: middle; }
.btm_menu li a:hover { background-color: #333; color: #fff; }
.btm_menu ul:after { content: ''; clear: both; display: block; }



footer{ width: 100%; margin: 0 auto; }

.footer_btn_kibiru{ background-color: #fffdee; padding: 40px 0; }
.footer_btn_kibiru01{ position: relative; width: 100%; margin: 0 auto; text-align: center; }
.footer_btn_kibiru01 a:hover{ opacity: .6; }
.footer_btn_kibiru_img01{ display: none; position: absolute; top: -20px; left: -120px; }
.footer_btn_kibiru_img02{ display: none; position: absolute; right: -150px; bottom: -20px; }


.footer_nav{ background-color: #5dbe64; padding: 30px 10px 20px 10px; margin-bottom: 10px; }
.footer_nav h2{ text-align: center; color: #fff !important; }
.footer_nav_list{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer_nav_item{ flex-basis: 48%; background-color: #fff; border-radius: 15px; margin-bottom: 10px; }
.footer_nav_item a:hover{ opacity: .6 }
.footer_nav_item img{ width: 100%; height: auto; }
.footer_nav_item span{ /* display: block; padding: 10px; */ }
.footer_nav_item_clover{ background-color: var(--clover-bg-color); }
.footer_nav_item_beans{ background-color: var(--beans-bg-color); }
.footer_nav_item_garden{ background-color: var(--garden-bg-color); }
.footer_nav_item_mother{ background-color: var(--mother-bg-color); }
.footer_nav_item_training{ background-color: #b0e2f7; }


footer{
	margin-top: 0px;
	padding-bottom: 30px;
	background-image:none,none;
	background-repeat: no-repeat,no-repeat;
	background-position: bottom left,bottom right;
	font-family: 'Kosugi Maru', sans-serif;
}
footer #footer{ display: none; border-top: 1px solid #ccc; padding-top: 20px; }
footer #footer > ul{ display: flex; justify-content: space-between; }
footer #footer > ul > li{ flex-basis: 24%; padding: 0 1%; border-right: 1px solid #ccc; }
footer #footer > ul > li:last-child{ border-right: 0; }
footer #footer > ul > li > ul{ display: flex; justify-content: center; }
footer #footer > ul > li > ul > li{ margin: 0 1%; }
footer #footer > ul > li > ul > li a{ font-size: 1.4rem; }
.footerLogo{ width: 80%; margin-bottom: 10px; }
.footerLogo img{ width: 100%; height: auto; }
.footerLogo span{ display: block; width: 70px; padding: 5px; text-align: center; font-size: 1.4rem; border: 1px solid #2b803b; margin-bottom: 10px; }
.footerInfo{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
.footerAdd{ flex-basis: 100%; }
.footerTel{ flex-basis: 100%; }
.footerTel span{ display: block; font-size: 12px; }
.footerFax{ flex-basis: 100%; }

.footerBtn{ width: 180px; margin-bottom: 15px; }
.footerBtn a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #28853a; color: #28853a; padding: 10px; }
.footerBtn a:hover{ background: var(--main-color); color: #fff; }

.footerBnr{ width: 180px; margin-bottom: 15px; }
.footerBnr a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #ea89a6; color: #fff; padding: 10px; background-color: #ea89a6; letter-spacing: 1px; }
.footerBnr a i{ margin-left: 5px; }
.footerBnr a:hover{ background: #fff; color: #ea89a6; }


.footerTit{ margin-bottom: 10px; }
.footerTit a:hover{ opacity: .6; }
.footerClover .footerTit{ width: 100%; }
.footerBeans .footerTit{ width: 100%;  }
.footerTit img{ width: 100%; height: auto; }
.footerTit a{ display: block; }
/*
.clover{ background: #2a803a; }
.beans{ background: #f29b00; }
*/
.footerSitemap{ border-top: 1px solid #28853a; padding-top: 10px; margin-bottom: 10px; }
.footerSitemap > ul{  }
.footerSitemap > ul > li{ position: relative; font-size: 1.5rem; font-weight: 500; letter-spacing: 1px; line-height: 1.5; padding-left: 25px; margin-bottom: 10px; }
.footerSitemap > ul > li > a{ color: #28853a; font-weight: bold; }
.footerSitemap > ul > li > a:hover{ opacity: 0.6; }
.footerSitemap > ul > li:after{ display: block; content: ""; position: absolute; top: 2px; left: 0; width: 7px; height: 7px; background-color: none; border: 4px solid #28853a; border-radius: 100%; box-sizing: content-box; }
.footerSitemap > ul > li > ul{ margin: 5px 0 0 10px; }
.footerSitemap > ul > li > ul > li{ font-size: 1.2rem; letter-spacing: 1px; line-height: 1.5; position: relative; padding-left: 15px; }
.footerSitemap > ul > li > ul > li:after{ display: block; content: ""; position: absolute; top: 5px; left: 0; width: 7px; height: 7px; background-color: #28853a; border-radius: 100%; }
.footerSitemap > ul > li > ul > li a{ color: #333; }
.footerSitemap > ul > li > ul > li a:hover{ opacity: 0.6; }

.footer{ margin-top: 0; margin-bottom: 0; }

.footer .footerSitemap{ border-top: none; }

.footerBeans .footerSitemap{ border-top: 1px solid #f29b00; }
.footerBeans .footerSitemap > ul > li:after{ border: 4px solid #f29b00; }
.footerBeans .footerSitemap > ul > li > a{ color: #f29b00; }
.footerBeans .footerSitemap > ul > li > ul > li:after{ background-color: #f29b00; }

.footer_garden .footerSitemap{ border-top: 1px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li:after{ border: 4px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li > a{ color: var(--garden-color); }
.footer_garden .footerSitemap > ul > li > ul > li:after{ background-color: var(--garden-color); }

.footer_mother .footerSitemap{ border-top: 1px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li:after{ border: 4px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li > a{ color: var(--mother-color); }
.footer_mother .footerSitemap > ul > li > ul > li:after{ background-color: var(--mother-color); }

.footer_training .footerSitemap{ border-top: 1px solid var(--training-color); }
.footer_training .footerSitemap > ul > li:after{ border: 4px solid var(--training-color); }
.footer_training .footerSitemap > ul > li > a{ color: var(--training-color); }
.footer_training .footerSitemap > ul > li > ul > li:after{ background-color: var(--training-color); }

.footerPlusn{}
.footerClover{ background: rgba(40,133,58,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; }
.footerBeans{ background: rgba(242,155,1,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_garden{ background: rgba(211,243,243,0.4); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_mother{ background: rgba(254,227,236,0.4); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_training{ background: rgba(73,189,236,0.1); padding: 25px 20px 10px 20px; border-radius: 15px; }


.footer_copyright{ text-align: center; font-size: 1rem; padding: 0px 10px 60px 10px; }




.common_nav{ display: none; position: fixed; top: 50%; right: 20px; transform: translateY(-50%); z-index: 999; }
.common_nav ul li ~ li{ margin-top: 20px; }
.common_nav_item a{ transition: 0.3s; }
.common_nav_item a:hover{ opacity: 0.7; }

#pagetop {
  position: fixed;
  bottom: 60px;
  right: 10px;
  font-size: 77%;
  z-index: 999;
}
#pagetop a {
  background: #2a803a;
  text-decoration: none;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  border-radius: 100%;
}
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#pagetop a:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -4px;
  transition: 0.2s right;
}


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */
h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_clover01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; }
.beans h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_beans01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; }
.mother h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_mother01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; }
.leaf h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_leaf01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; background-size: cover; background-position: top;}
.garden h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_garden01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; background-size: cover; background-position: top;}
.clotax h1.h1_clover{ font-size: 2.5rem; color: #fff; padding: 15px 0 0 15px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; background: url("/info/wp-content/uploads/h1_taxi01.png") no-repeat; min-height: 50px; margin-bottom: 30px; line-height: 1; letter-spacing: 2px; background-size: cover; background-position: top;}

h2{ font-size: 2.3rem; margin-bottom: 10px; letter-spacing: 2px; }


h3{ font-size: 2.1rem; color: var(--main-color); padding: 8px 0 20px 5px; background: url("/info/wp-content/uploads/h3_clover01.png") no-repeat right bottom; min-height: 50px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
h3 br{ display: none; }
.child h3{ font-size: 2rem; color: var(--child-color); padding: 8px 0 30px 5px; background: url("/info/wp-content/uploads/h3_child.png") no-repeat left bottom; min-height: 60px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
.beans h3{ color: #fff; font-size: 2.3rem; background: #f6ae00; padding: 10px 10px 5px 10px; border-radius: 5px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1; letter-spacing: 2px; min-height: auto; }

h4{ color: #9e6822; font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 3px; }

/* ぱんくず */
 
.breadcrumbs_sec{ display: none; }
/*
.breadcrumbs_sec > span{ display: inline-block; position: relative; color: #333; font-size: 1.2rem; }
.breadcrumbs_sec > span span{ margin-left: 15px; }
.breadcrumbs_sec > span a span{ margin-left: 0; }
.breadcrumbs_sec > span:first-child span{ margin-left: 0; }
.breadcrumbs_sec > span br{ display: none; }
.breadcrumbs_sec > span:before{ content: "/"; display: block; position: absolute; top: 0; left: 5px; color: #333; font-size: 12px; }
.breadcrumbs_sec span:first-child:before{ content: ""; margin-left: 0; }
.breadcrumbs_sec > span a{ color: #333; font-size: 1.2rem; margin: 0 0 0 20px; }
.breadcrumbs_sec > span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }
*/

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

/* トップページ */
.top_visual{ width: 100%; }
.top_visual img{ width: 100%; height: auto; }

.top_contents{ margin-bottom: 80px; }
.top_contents_sec{ position: relative; width: 100%; margin: 0 auto; }
.top_contents_icon01{ width: 131px; height: 94px; position: absolute; top: 0px; left: 20px; }
.top_contents_icon01 img{ width: 50%; height: auto; }
.top_contents_icon02{ width: 50px; height: auto; position: absolute; bottom: -80px; right: 20px; animation: 3s fuwafuwa infinite; }
.top_contents_icon02 img{ width: 100%; height: auto; }
.top_contents_sec_list{ flex-wrap: wrap; width: 90%; margin: 0 auto; }
.top_contents_sec_item{ }
.top_contents_sec_item_img{ flex-basis: 100%; margin-bottom: 20px; }
.top_contents_sec_item_img img{ width: 100%; height: auto; margin: 0 auto; }
.top_contents_sec_item_txt{ flex-basis: 100%; }
.top_contents_sec_item_txt p{ font-size: 1.6rem; line-height: 1.8; }


.top_news{ padding: 20px 20px 60px 20px; margin-bottom: 200px; }
.top_news_sec{ width: 100%; margin: 0 auto; flex-wrap: wrap; }
.top_news_tit{ flex-basis: 100%; text-align: center; }
.top_news_tit img{ width: 40%; height: auto;  }
.top_news_list{ flex-basis: 100%; }
.top_news_item{ flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px dashed #fff; margin-bottom: 10px; }
.top_news_cat01{ flex-basis: 45%; border-radius: 10px; color: #fff; font-size: 12px; text-align: center; padding: 5px 10px; margin-right: 10px; }
.top_news_date01{ flex-basis: 45%; font-size: 1.4rem; color: var(--tit-color); margin-right: 10px; }
.top_news_tit01{ flex-basis: 100%; font-size: 1.8rem; margin-top: 10px; }
.top_news_tit01 .new{ display: inline-block; background-color: #f00; font-size: 1.2rem; color: #fff; padding: 0px 4px; border-radius: 30px; margin-right: 10px; font-weight: 500; }

.top_news_cat01_station-diary,
.top_news_cat01_clover-news{ background-color: var(--clover-color); }
.top_news_cat01_beans-diary,
.top_news_cat01_beans-news{ background-color: var(--beans-color); }
.top_news_cat01_recruit-news{ background-color: #85cccd; }
.top_news_cat01_mother-diary{ background-color: var(--mother-color); }
.top_news_cat01_media{ background-color: var(--tit-color); }


.top_service{ position: relative; background-color: #fffdee;  }
.top_service::before {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-top.png");
  background-size: 100% 100px;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  left: 0;
}
.top_service::after {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-bottom.png");
  background-size: 100% 76px;
  width: 100%;
  height: 76px;
  position: absolute;
  bottom: -76px;
  left: 0;
  z-index: 9;
}


.top_service01{ width: 100%; margin: 0 auto 100px auto; }
.top_service_clover{  }
.top_service01_list{ flex-wrap: wrap; width: 90%; margin: 0 auto; }
.top_service01_item{ position: relative; }
.top_service01_item_img{ flex-basis: 100%; }
.top_service01_item_txt{ flex-basis: 100%; margin-top: 20px; }
.top_service01_tit01{ margin-bottom: 20px; }
.top_service01_txt01{ letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }
.top_service01_img01{}
.top_service01_img01 img{ width: 100%; height: auto; }
.top_service01_img02{ position: absolute; width: 119px; height: 114px; content: ""; display: none; right: -30px; bottom: -30px; }
.top_service01_img02 img{ width: 50%; height: auto; }

.top_service01_img03{ display: none; }


.top_service01_item_btn01{ width: 180px; margin: 0 0 0 auto; }
.top_service01_item_btn01 img{ width: 100%; height: auto; }




.top_service_clover .top_service01_img02{ right: 50px; bottom: -30px; }

.top_service_beans .top_service01_list{ flex-direction: row-reverse; }
.top_service_beans .top_service01_item{ position: relative; }


.top_service_beans .top_service01_img02{
position: absolute;
left: 0px;
bottom: -30px;
animation-name: yurayura;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 3s;
transform-origin: center bottom !important;
}
.top_service_beans .top_service01_img02 img{ width: 50%; height: auto; }


.top_service_garden .top_service01_img02{ right: 50px; bottom: -30px; }

.top_service_mother{ margin-bottom: 0; }
.top_service_mother .top_service01_list{ flex-direction: row-reverse; }


.top_training{ background-color: #e2efd5; padding: 150px 0 80px 0; margin-bottom: 80px; }
.top_service_training{ margin-bottom: 0; }

.top_service_training .top_service01_img03{ margin-bottom: 20px; }
.top_service_training .top_service01_img03 img{ width: 100%; height: auto; }

.top_service_training .top_service01_img02{ position: absolute; right: 120px; top: -40px; }
.top_service_training .top_service01_img04{ display: none; position: absolute; left: -100px; bottom: -50px; }


.top_recruit{ width: 96%; margin: 0 auto 60px auto; padding: 20px; }
.top_service_recruit{ width: 100% !important; margin-bottom: 0; }
.top_service_recruit .top_service01_list{ align-items: center; }
.top_service_recruit .top_service01_tit01{ color: #378744; font-size: 2rem; text-align: center; letter-spacing: 2px; height: 50px; }
.top_service_recruit .top_service01_txt01{ width: 90%; margin: 0 auto 20px auto; }

.top_service_recruit .top_service01_img02{ position: absolute; left: 30px; bottom: -90px; }


.top_service_recruit .top_service01_list{ }

.top_service_recruit .top_service01_item_img{  }


.top_about{ width: 96%; margin: 0 auto 60px auto; padding: 20px; }
.top_service_about{ width: 100% !important; margin-bottom: 0; }

.top_service_about .top_service01_img01{ text-align: center; width: 70%; margin: 0 auto; }
.top_service_about .top_service01_img01 img{ width: 100%; height: auto; }






.top_access{ padding: 40px 0; }
.top_access_list{ width: 90%; margin: 0 auto; flex-wrap: wrap; }
.top_access_item{}
.top_access_item_info{ flex-basis: 100%; }
.top_access_item_logo01{ margin-bottom: 20px; text-align: center; }
.top_access_item_add01{ font-size: 1.4rem; text-align: center; margin-bottom: 20px; }
.top_access_img01{ display: none; }
.top_access_item_map{ flex-basis: 100%; }
.top_access_map01{ position: relative; }
.top_access_map01:before{ content: ""; display: block; padding-top: calc( 3/4 * 100%) ;}
.top_access_map01 iframe{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }


#main-contents{ width: 100%; margin: 0 auto; }
.txt01{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5; }
.txt02{ font-size: 1.5rem; letter-spacing: 1px; line-height: 1.5; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.5; }

/* クローバー高崎・豊岡 */
.home-slider_div{ position: relative; background-color: #f8f4ef; }
.home-slider_mask{ position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; }

.slider_list{ width: 100%; margin: 0 auto; }

.home_contents{ width: 100%; margin: 0 auto 40px auto; }
.home_contents_beans{ width: 70%; margin: 0 auto 40px auto; }
.home_contents > ul{ flex-wrap: wrap; }
.home_contents > ul > li{ flex-basis: 96%; margin: 0 2% 30px 2%; display: flex; }
.topNavImg{ flex-basis: 60%; margin: 0 auto 20px auto; }
.topNavImg a:hover{ opacity: 0.6; }
.topNavImg img{ width: 100%; height: auto; }
.topNavTxt{ flex-basis: 40%; display: block; }
.topNavTit01{ flex-basis: 35%; }
.topNavTxt01{ flex-basis: 63%; }

.home_child{ background: url("/info/wp-content/uploads/home_child.png") no-repeat; background-size: contain; width: 320px; height: 375px; margin: 0 auto; }
.home_child01{ width: 60%; margin: 0 auto 0 90px; padding-top: 260px; }

.home_anshin{ position: relative; background: url("/info/wp-content/uploads/home_workspace_clover01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto; }
.home_anshin01{ padding: 0; position: absolute; top: 210px; left: 30px; width: 75%;  }

.home_diary{ background: url("/info/wp-content/uploads/home_diary.png") no-repeat center; background-size: 100% 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary01{}
.home_diary01 > ul{ width: 90%; margin: 0 auto; padding-top: 80px; }
.home_diary01 > ul > li{ color: #28853a; line-height: 2.6; }
.home_diary01 > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01 > ul > li.home_diary_list_date{ font-size: 1.2rem; }
.home_diary01 > ul > li.home_diary_list_tit{ font-weight: 900; text-overflow: ellipsis; width: 285px; overflow: hidden; white-space: nowrap; }
.home_diary01 > ul > li a:hover{ opacity: 0.6; }

.home_contents_sub{ width: 90%; margin: 0 auto 80px auto; display: flex; justify-content: space-between; }
.home_douga{ flex-basis: 600px; width: 600px; margin: 0 auto; background: #f8f4ef; padding: 20px 30px 30px 30px; border-radius: 10px; }
.home_douga_tit{ font-size: 2.5rem; font-weight: bold; color: #2a803a; font-family: "HuiFont"; margin-bottom: 20px; }
.home_douga_movie{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.home_douga_movie iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home_3goukensyu{ flex-basis: 375px; background: url("/info/wp-content/uploads/home_3goukensyu01.png") no-repeat center center; height: 375px; }
.home_3goukensyu_tit01{ width: 200px; margin: 130px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_tit02{ width: 200px; margin: 40px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_btn01{ width: 200px; margin: 0 auto 20px auto; }
.home_3goukensyu_btn01 a{ display: block; font-size: 16px; letter-spacing: 1px; text-align: center; color: #fff !important; background: #2a803a; border-radius: 40px; padding: 10px; border: 2px solid #2a803a; }
.home_3goukensyu_btn01 a:hover{ color: #2a803a !important; background: #fff; }
.home_3goukensyu_btn01 a i{ margin-left: 5px; }

.home_footer_bnr{ text-align: center; width: 90%; margin: 0 auto 40px auto; }
.home_footer_bnr img{ border-radius: 10px; }
.home_footer_bnr a:hover{ opacity: 0.6; }

.home_footer{ padding: 20px 20px; margin-bottom: 40px; }
.home_footer > ul{ flex-wrap: wrap; }
.home_footer > ul > li{ flex-basis: 100%; margin-bottom: 10px; }
.home_footer > ul > li .home_footer_logo{ text-align: center; width: 65%; margin: 0 auto 15px auto; }
.home_footer > ul > li .home_footer_logo img{ width: 100%; height: auto; }
.beans .home_footer > ul > li .home_footer_logo img{ width: auto; height: auto; }
.home_footer > ul > li .home_footer_txt{ margin-bottom: 5px;  }
.home_footer > ul > li .home_footer_tel{ font-size: 4rem; text-align: left; letter-spacing: -1px; margin-bottom: 10px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; }
.home_footer > ul > li .home_footer_tel a{ display: block; font-size: 1.6rem; color: var(--main-color); text-align: center; border: 2px solid var(--main-color); background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer > ul > li .home_footer_add{ margin-bottom: 3px; text-align: center; }
.home_footer > ul > li .home_footer_time{ margin-bottom: 15px; }
.home_footer > ul > li .home_footer_time span.home_footer_time_tit{ font-size: 11px; color: #7f643f; padding: 2px 8px; border: 1px solid #7f643f;  border-radius: 20px; margin-right: 5px; vertical-align: baseline; }
.home_footer > ul > li .home_footer_time span.home_footer_time_holiday{ font-size: 12px; }
/*
.home_footer > ul > li .home_footer_contact{ margin-top: 10px; }
.home_footer > ul > li .home_footer_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer > ul > li .home_footer_contact a{ isplay: block; color: #fff; font-size: 1.4rem; background: #f29b00; text-align: center; padding: 3px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer > ul > li .home_footer_contact a:hover{ background: #f8f4ef; color: #f29b00; }
*/
.clover .home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }
.garden .garden-wrapper { width:100%; margin-top:0 auto; }

.home_footer > ul > li:nth-child(2){ flex-basis: 100%; margin-top: 20px; }
.home_footer > ul > li .home_footer_area{ border-top: 1px solid #28853a; border-bottom: 1px solid #28853a; padding: 10px 0; }
.home_footer > ul > li .home_footer_area_tit{ color: #28853a; margin-bottom: 5px; }
.home_footer > ul > li .home_footer_area_txt{  }
.home_footer > ul > li .home_footer_map{ position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
.home_footer > ul > li .home_footer_map iframe,
.home_footer > ul > li .home_footer_map object,
.home_footer > ul > li .home_footer_map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home_footer > ul > li .home_footer_fb{ width: 100%; max-width: 350px; }



.container_footer_beans{ width: 100%; background: #fdefd3; padding: 40px; }
.container_footer_beans01{ display: flex; justify-content: space-between; width: 1040px; margin: 0 auto; }
.container_footer_beans_nav{ flex-basis: 40%; }
.container_footer_beans_nav_tit{ font-size: 2.2rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; margin-bottom: 20px; }
.container_footer_beans_nav > nav{}
.container_footer_beans_nav > nav > ul{}
.container_footer_beans_nav > nav > ul > li{}
.container_footer_beans_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("../images/beans/common/footer_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 10px 0 0 45px; }
.container_footer_beans_nav > nav > ul > li > a:hover{ opacity: 0.6; }
.container_footer_beans_contact{ flex-basis: 56%; }
.container_footer_beans_contact01{ display: flex; align-items: center; }
.container_footer_beans_contact_img{ flex-basis: 30%; }

.home_footer_beans_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }

.home_footer_time{ font-size: 1.3rem; margin-bottom: 5px; text-align: center; }
.home_footer_time span.home_footer_time_tit{ font-size: 11px; color: var(--main-color); padding: 2px 8px; border: 1px solid var(--main-color);  border-radius: 20px; margin-right: 5px; vertical-align: baseline; line-height: 1; }
.home_footer_time span.home_footer_time_holiday{ font-size: 11px; }

.home_footer_contact{ margin-top: 10px; margin-bottom: 10px; }
.home_footer_contact a{ display: block; color: #fff; font-size: 1.3rem; background: var(--main-color); border: 2px solid var(--main-color); text-align: center; padding: 3px 10px; border-radius: 40px; }
.beans .home_footer_contact a{ background: var(--beans-color); border: 2px solid var(--beans-color);; }
.home_footer_contact a i,
.home_footer_contact a .svg-inline--fa{ font-size: 1.8rem; margin-right: 10px; }
.home_footer_contact a:hover{ background: #fff; color: var(--main-color); }
.beans .home_footer_contact a:hover{ background: #fff; color: var(--beans-color); }


.home_footer_beans_contact{ margin-top: 15px; }
.home_footer_beans_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_beans_contact a{ display: block; color: #fff; font-size: 1.6rem; background: #f29b00; text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer_beans_contact a:hover{ background: #fdefd3; color: #f29b00; }

/* クローバー高崎・豊岡　セカンドページ */
.main_contents{ width: 98%; margin: 0px auto 30px auto; padding: 30px 20px 30px 20px; }
.main_contents.beans{ background-color: #fcfaf8; }

.container_footer{ margin-top: 100px; flex-wrap: wrap; width: 100%; }
.container_footer_nav{ flex-basis: 100%; padding: 20px 0; flex-wrap: wrap; }
.container_footer_nav_tit{ flex-basis: 100%; font-size: 2.2rem; text-align: center; }
.container_footer_nav > nav{ width: 100%; margin: 0 auto; }
.container_footer_nav > nav > ul{}
.container_footer_nav > nav > ul > li{ position: relative; background: url("/info/wp-content/uploads/footer_button01.png") no-repeat; margin-bottom: 10px; opacity: 0.6; background-size: cover; height: 41px; }
.container_footer_nav > nav > ul > li > a{ position: relative; display: block; color: #fff; min-width: auto; line-height: 1; background: none; opacity: 1; }
.beans .container_footer_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("/info/wp-content/uploads/footer_beans_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 12px 0 0 45px; opacity: 1; line-height: 1; }
.container_footer_nav > nav > ul > li > a:hover{ opacity: 1; }
.beans .container_footer_nav > nav > ul > li > a:hover{ opacity: .6; }
.container_footer_contact{ flex-basis: 100%; margin-top: 10px; }
.container_footer_contact_bg{ background: url("/info/wp-content/uploads/page_contact_sp.png") no-repeat center center; background-size: contain; min-width: 325px; width: 325px; height: 197px; padding: 15px 15px 20px 15px; margin: 0 auto; }
.home_footer_tel{ }
.home_footer_tel a{ display: block; font-size: 1.4rem; color: #28853a; text-align: center; border: 2px solid #28853a; background: #fff; border-radius: 40px; padding: 6px; margin-bottom: 5px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.beans .home_footer_tel a{ color: var(--beans-color); border: 2px solid var(--beans-color); }
.home_footer_tel a span{ margin-right: 10px; }
.beans .container_footer_contact_bg{ background: url("/info/wp-content/uploads/page_contact_sp.png") no-repeat center center; background-size: contain; min-width: 327px; width: 327px; height: 197px; padding: 15px 15px 20px 15px; }
.home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 10px; }
.beans .home_footer_tel{ color: var(--beans-color); }



/* ダウンロード用 */
.download_table{ flex-basis: 100%; margin-bottom: 40px; }
.download_table table{ width: 100%; border-collapse: collapse; }
.download_table table th{ display: block; width: 100%; padding: 13px 20px 10px 20px; background: #e7ddd0; text-align: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; vertical-align: middle; }
.download_table table td{ display: block; width: 100%; background: #fff; text-align: center; border-bottom: 2px solid #e7ddd0; border-top: 1px solid #e7ddd0; }
.download_table table tr:last-child th,
.download_table table tr:last-child td{ border-bottom: 1px solid #e7ddd0 }
.download_table table td{ padding: 10px; font-size: 2rem; background: #fff;  border-bottom: 1px solid #fff; }
.download_table table td a{ display: block; text-align: center; }
.download_table table td span{ font-size: 1.4rem; }
.download_table table td:nth-child(2){ border-right: 1px solid #e7ddd0; border-bottom: 2px solid #e7ddd0; }

.download_table table td.dl-word a{ background: #1c61c2; border: 1px solid #1c61c2; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-word a:hover{ background: #fff; color: #1c61c2;  }

.download_table table td.dl-pdf a{ padding: 5px; border-radius: 5px; }
.download_table table td.dl-pdf a:hover{  }

.download_table table td.dl-excel a{ background: #117a42; border: 1px solid #117a42; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-excel a:hover{ background: #fff; color: #117a42; }

.download_table table i,
.download_table table .svg-inline--fa{ margin-left: 5px; font-size: 3rem; }

/* PDFダウンロード */
.pdfDLSec{ display: none; }


ul.child_list{ margin-bottom: 20px; margin-left: 0; }
ul.child_list li{ position: relative; color: #9e6822; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1.3; letter-spacing: 1px; margin-bottom: 5px; padding-left: 20px; list-style: none; }
ul.child_list li:before{ position: absolute; display: block; content: ""; top: .3em; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; }



.column_child{ border-top: 3px dotted #ea89a6; padding-top: 60px; }
.column_beans{ border-top: 3px dotted var(--beans-color); padding-top: 60px; }
.column_child02{ background-color: #fff; padding: 20px; border-radius: 15px; }
.column_garden{ padding-top: 20px; }

.table_child{}
.table_child table{}
.table_child table th{ width: 15%; font-size: 1.8rem; padding: 15px; color: #9e6822; }
.table_child table td{ font-size: 1.8rem; }

.wp-block-column p{ margin-bottom: 20px; }

.main_contents ol{ margin-left: 30px; }
.main_contents ol li{ list-style-type: decimal; }

.map_sec{ position: relative; width: 100%; height: 0; padding-top: 90%; }
.map_sec iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }



.staff_box_wrap{ background: url("/info/wp-content/uploads/line_green.png") no-repeat top center; }
.beans .staff_box_wrap{ border-top: 2px dashed #7f643f; background: none; }
.staff_box{ 
	width: 100%;
	flex-wrap: wrap;
	background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center;
	padding: 40px 0 40px 0;
}
.staff_box_bg_none{ background: none; padding: 0; margin-bottom: 0;}

.beans .staff_box{ 
	border-bottom: 2px dashed #7f643f;
	background: none;
}

.staff_img{ flex-basis: 100%; text-align: center; margin-bottom: 20px; }
.staff_img p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt{ flex-basis: 100%; }

.staff_box02_sec{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff_box02_sec:before{ display: block; content: ""; clear: both; }
.staff_box02{ flex-basis: 48%;  width: 100%; display: flex; justify-content: space-between; background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center; padding: 0 0 40px 0; margin-bottom: 40px; }
.staff_img02{ flex-basis: 35%; }
.staff_img02 p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img02 p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt02{ flex-basis: 63%; }

.staff_beans_box{ background: none; border-bottom: 2px dashed #7f643f; border-top: 2px dashed #7f643f; }


.news_sec{}
.news_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.news_item{ flex-basis: 100%; margin: 0 .5% 10px .5%; border: 1px solid #D8C2A6; padding: 1.5%; background-color: #fff; border-radius: 15px; }
.news_item a{ display: block; }
.news_eyecatch{ display: none; margin-bottom: 0px; }
.news_eyecatch img{ width: 300px; height: 200px; object-fit: cover; }
.news_sec{ display: flex; flex-wrap: wrap; }
.news_date{ color: var(--main-color); font-size: 1.6rem; }
.beans .news_date{ color: var(--tit-color); }
.news_cat{ display: none; }
.news_tit{ flex-basis: 100%; font-size: 2rem; }
.news_date .new{ color: #fff; background-color: #f00; font-size: 1rem; line-height: 1; border-radius: 20px; padding: 1px 10px 3px 10px; margin-left: 10px; vertical-align: super; }

.news_sec_tit{ width: 100%; }
.news_sec h2{ border-bottom: 2px dashed #C8A981; }

.news_sec_date{ color: var(--tit-color); font-size: 1.6rem; margin-bottom: 10px; }
.news_sec_txt{ font-size: 2rem; letter-spacing: 1px; line-height: 1.5; }
.news_sec_txt p{ margin-bottom: 20px; }

.wp-pagenavi{ margin-top: 100px; text-align: center; display: flex; justify-content: center; }
.wp-pagenavi span{ width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; }
.wp-pagenavi span.current{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi span.current{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi span.current{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }
.wp-pagenavi a{ display: block; width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; border-color: var(--main-color); }
.beans .wp-pagenavi a{ border-color: var(--beans-color); }
.mother .wp-pagenavi a{ border-color: var(--mother-color); }
.wp-pagenavi a:hover{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi a:hover{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi a:hover{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }

.pagination{ width: 100%; margin: 80px auto 0 auto; padding-top: 40px; max-width: 1300px;}
.pagination ul{ display: flex; justify-content: space-between; }
.pagination ul li{ flex-basis: 31%; }
.pagination ul li a{ display: block; border: 1px solid var(--main-color); color: var(--main-color); font-size: 14px; padding: 5px; text-align: center; border-radius: 30px; }
.beans .pagination ul li a{ border: 1px solid var(--beans-color); color: var(--beans-color); }
.mother .pagination ul li a{ border: 1px solid var(--mother-color); color: var(--mother-color); }
.pagination ul li a:hover{ background: var(--main-color); color: #fff; opacity: 1; }
.beans .pagination ul li a:hover{ background: var(--beans-color); }
.mother .pagination ul li a:hover{ background: var(--mother-color); }
.pagination ul li:nth-child(1){ text-align: left; }
.pagination ul li:nth-child(1) a i{ margin-right: 10px; }

.pagination ul li:nth-child(2) a{ display: block; color: var(--main-color); border-color: var(--main-color); }
.beans .pagination ul li:nth-child(2) a{ color: var(--beans-color); border-color: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a{ color: var(--mother-color); border-color: var(--mother-color); }
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: var(--main-color); background: var(--main-color); }
.beans .pagination ul li:nth-child(2) a:hover{ border-color: var(--beans-color); background: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a:hover{ border-color: var(--mother-color); background: var(--mother-color); }
.pagination ul li:nth-child(3) a{ display: block; }
.pagination ul li:nth-child(3)  i{ margin-left: 10px; }
.pagination ul li.nonext{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.next i,
.pagination ul li.nonext i{ margin-right: 10px; }
.pagination ul li.nonext span{ text-align: left; padding-top: 5px; }
.pagination ul li.prev span{ display: block; text-align: right; vertical-align: middle; padding-top: 5px; }
.pagination ul li.noprev{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.prev i,
.pagination ul li.noprev i{ margin-right: 0px; }
.pagination ul li.noprev i{ margin-left: 10px; }
.pagination ul li.noprev span{ text-align: right; padding-top: 5px; }
.pagination ul li.modoru i{ margin-right: 10px; }



ul.list01{ margin-top: 40px; }
ul.list01 > li{ font-size: 2rem; padding: 0 0 0 32px; background: url("/info/wp-content/uploads/icon_clover.png") no-repeat 0 5px; margin-bottom: 8px; }
ul.list01 > li a:hover{ opacity: 0.6; }

.tel01{ font-size: 4rem; color: #28853a; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }


/* フォーム */
.contact_item{ flex-wrap: wrap; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc; }
.contact_tit{ width: 100%; font-weight: 700; position: relative; padding-left: 0px; margin-right: 0px; margin-bottom: 10px; }
.contact_tit span{ position: initial; display: inline-block; background-color: #E02E30; color: #fff; border: 1px solid #E02E30; padding: 4px 10px; left: 0px; top: -4px; font-size: 1.4rem; margin-right: 10px; }
.contact_txt,
.contact_adress,
.contact_txtarea{ width: 100%; font-size: 1.5rem; }
.contact_txt input{ width: 100%;  font-size: 2rem; background: #f5f5f5; height: 35px; padding:  20px 10px; border: 1px solid #ccc;}
.contact_txt input[type="checkbox"]{ float: none; width: 15px; height: 15px; }
.contact_txt input[type="radio"]{ width: 15px; height: 15px; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #fff; border: 1px solid #ccc; background-color: #f5f5f5; }
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #fff; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{ display: block !important; margin: 0 auto !important; }

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2.2rem; letter-spacing: 1px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; border: 0; 
	font-family: "azo-sans-web", "Helvetica Neue", "Helvetica", "source-han-sans-japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 500;
	font-variation-settings: "wght" 500; font-weight: 500;
	margin: 0 auto;
}
input.wpcf7-submit:hover{ background-color: var(--second-color); }

.privacy_sec{ width: 1000px; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 400; text-align: left; margin-bottom: 10px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; font-size: 1.6rem; line-height: 1.8; margin-bottom: 5px; }
.privacy_sec p{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

::placeholder{ color: #999; }

.contact_item .wpcf7-list-item{ display: block; margin: 0 0 0 0; }

.wpcf7-not-valid-tip{ font-weight: 700 !important; }




/* ビーンズ */

.color_beans{ color: var(--beans-color); }

.top_info{ width: 90%; margin: 0 auto 40px auto; padding: 20px 15px 0 15px; }
.top_info_list{ flex-wrap: wrap; }
.top_info_item{ flex-basis: 100%; margin-bottom: 20px; }
.top_info_tit{ font-size: 2rem; line-height: 1; padding: 15px; border-bottom: 3px dashed #999; margin-bottom: 10px; }
.top_info_tit i,
.top_info_tit .svg-inline--fa{ margin-right: 5px; }
.top_info_item > ul{  }
.top_info_item > ul li{ position: relative; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.top_info_item > ul li:before{ position: absolute; top: 23px; left: 10px; content: ""; display: block; width: 10px; height: 10px; background-color: #ccc;  }
.top_info_item > ul li a{ display: block; font-size: 1.6rem; padding: 15px 15px 15px 30px; }
.top_info_item > ul li a i,
.top_info_item > ul li a .svg-inline--fa{ color: #f00; margin-left: 10px; font-size: 2.3rem; }
.top_info_item_schedule a:hover{ color: #8dc33e; }
.top_info_item_tayori a:hover{ color: #ef91ab; }
.top_info_item_schedule{ }
.top_info_item_schedule i,
.top_info_item_schedule .svg-inline--fa{ color: #8dc33e; }
.top_info_item_tayori{}
.top_info_item_tayori i,
.top_info_item_tayori .svg-inline--fa{ color: #ef91ab; }


.top_movie{ width: 90%; margin: 0 auto 40px auto; }
.top_movie01{ position: relative; width: 100%; padding-top: 56.25%; }
.top_movie01 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.calendar_btn{ width: 90%; margin: 0 auto 40px auto; }
.calendar_btn a{ display: block; color: #fff; font-size: 2rem; text-align: center; padding: 20px 15px 15px 15px; border-radius: 10px; border: 2px solid #f29b00; background: #f29b00; margin-bottom: 10px; }
.calendar_btn a i,
.calendar_btn a .svg-inline--fa{ margin-right: 10px; }
.calendar_btn a:hover{ background: #fff; color: #f29b00; }


.home_contents_beans{ width: 100%; margin: 0 auto 40px auto; }
.home_contents_beans > ul{ flex-wrap: wrap; }
.home_contents_beans > ul > li{ flex-basis: 96%; margin: 0 2%; display: flex; justify-content: space-between; }
.home_contents_beans .topNavImg{ flex-basis: 60%; }
.home_contents_beans .topNavImg img{ width: 100%; height: auto; }
.home_contents_beans .topNavTxt{ flex-basis: 40%; display: block; }
.home_contents_beans .topNavTit01{ margin-bottom: 10px; }
.home_contents_beans .topNavTxt01{  }


.home_contents_leaf{ width: 100%; margin: 0 auto 40px auto; }
.home_contents_leaf > ul{ flex-wrap: wrap; }
.home_contents_leaf > ul > li{ flex-basis: 96%; margin: 0 2%; display: flex; justify-content: space-between; }
.home_contents_leaf .topNavImg{ flex-basis: 60%; }
.home_contents_leaf .topNavImg img{ width: 100%; height: auto; }
.home_contents_leaf .topNavTxt{ flex-basis: 40%; display: block; }
.home_contents_leaf .topNavTit01{ margin-bottom: 10px; }
.home_contents_leaf .topNavTxt01{  }


.home_anshin_beans{ position: relative; background: url("/info/wp-content/uploads/home_workspace_beans_sp01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto 20px auto; }
.home_anshin01_beans{ padding: 0; position: absolute; top: 200px; left: 35px; width: 75%; margin: 0 auto; }

.home_anshin_mother{ background: url("/info/wp-content/uploads/mother_workspace.png") no-repeat center; background-size: contain; height: 270px; }

.home_anshin_leaf{ position: relative; background: url("/info/wp-content/uploads/home_workspace_leaf_sp01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto 20px auto; }
.home_anshin01_leaf{ padding: 0; position: absolute; top: 200px; left: 35px; width: 75%; margin: 0 auto; }


.home_diary_beans{ background: url("/info/wp-content/uploads/beans_diary_sp.png") no-repeat center; background-size: 100% 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary_mother{ background: url("/info/wp-content/uploads/mother_diary_sp.png") no-repeat center; background-size: 100% 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary_leaf{ background: url("/info/wp-content/uploads/leaf_diary_sp.png") no-repeat center; background-size: 100% 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary01_beans{}
.home_diary01_beans > ul{ width: 90%; margin: 0 auto; padding-top: 80px; display: block; }
.home_diary01_beans > ul > li{ color: #28853a; line-height: 2.62; }
.home_diary01_beans > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01_beans > ul > li.home_diary_list_date{ flex-basis: 25%; margin-right: 0; font-size: 1.2rem; }
.home_diary01_beans > ul > li.home_diary_list_tit{ flex-basis: 68%; white-space: nowrap; overflow: hidden; font-weight: 900; }
.home_diary01_beans > ul > li a:hover{ opacity: 0.6; }

.home_footer_beans_tel{ margin-top: 10px; }
.home_footer_beans_tel a{ display: block; font-size: 1.4rem; color: #f29b00; text-align: center; border: 2px solid #f29b00; background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_beans_tel a span{ margin-right: 10px; }

.home_diary01_leaf{}
.home_diary01_leaf > ul{ width: 90%; margin: 0 auto; padding-top: 80px; display: block; }
.home_diary01_leaf > ul > li{ color: #28853a; line-height: 2.62; }
.home_diary01_leaf > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01_leaf > ul > li.home_diary_list_date{ flex-basis: 25%; margin-right: 0; font-size: 1.2rem; }
.home_diary01_leaf > ul > li.home_diary_list_tit{ flex-basis: 68%; white-space: nowrap; overflow: hidden; font-weight: 900; }
.home_diary01_leaf > ul > li a:hover{ opacity: 0.6; }

.home_footer_beans_tel{ margin-top: 10px; }
.home_footer_beans_tel a{ display: block; font-size: 1.4rem; color: #f29b00; text-align: center; border: 2px solid #f29b00; background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_beans_tel a span{ margin-right: 10px; }

.home_footer_leaf_tel{ margin-top: 10px; }
.home_footer_leaf_tel a{ display: block; font-size: 1.4rem; color: var(--leaf-color); text-align: center; border: 2px solid var(--leaf-color); background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_leaf_tel a span{ margin-right: 10px; }

.home_footer_garden_tel{ margin-top: 10px; }
.home_footer_garden_tel a{ display: block; font-size: 1.4rem; color: var(--garden-color); text-align: center; border: 2px solid var(--garden-color); background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_garden_tel a span{ margin-right: 10px; }

.home_footer_clotax_tel{ margin-top: 10px; }
.home_footer_clotax_tel a{ display: block; font-size: 1.4rem; color: var(--clotax-color); text-align: center; border: 2px solid var(--clotax-color); background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_clotax_tel a span{ margin-right: 10px; }

.box04{ padding: 20px; border-radius: 15px; margin-bottom: 20px; }

.box04 dl{ display: flex; flex-wrap: wrap; min-height: 261px; }
.box04 dl dt{ flex-basis: 15%; color: #2a803a; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }
.box04 dl dd{ flex-basis: 80%; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }

.bg_orange{ background: #fdefd3; }
.bg_pink{ background: #fae1e7; }

.beans_tit01{ font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.beans_tit01 span{ font-size: 1.6rem; }

.color_orange{ color: #f08c00 !important; }
.color_pink{ color: #ef91ab !important; }


.list02{}
ul.list02 > li{ position: relative; padding: 0 0 0 20px; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list02 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list02 > li a:hover{ opacity: 0.6; }


ul.list03{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
ul.list03 > li{ flex-basis: 48%; position: relative; padding: 0 0 0 20px; font-size: 1.6rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list03 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list03 > li a:hover{ opacity: 0.6; }

.list_orange > li:after{ background-color: #f08c00 !important; }
.list_pink > li:after{ background-color: #ef91ab !important; }
.list_green > li:after{ background-color: #8dc33e !important; }

.bg_img01{ background: #eef5df url("/info/wp-content/uploads/day-photo.png") no-repeat right bottom; background-size: 30% auto; }




/* 産前産後の訪問看護 */
.service_sec_mother{ width: 96%; margin: 0 auto; }
.service_sec_mother_list{ flex-wrap: wrap; margin-bottom: 30px; }
.service_sec_mother_item{ flex-basis: 100%; margin-right: 0px; }
.service_sec_mother_item a:hover{ opacity: .6; }
.service_sec_mother_item_tit{ margin-bottom: 20px; text-align: center; }
.service_sec_mother_txt{ display: flex; align-items: flex-end; }
.service_sec_mother_txt p{ flex-basis: 60%; }
.service_sec_mother_img{ flex-basis: 40%; margin-left: 20px; }

.home_anshin_mother{ width: 90%; margin: 0 auto 80px auto; }
.home_anshin_mother > ul{ flex-wrap: wrap; }
.home_anshin_mother > ul > li{ flex-basis: 100%; display: flex; justify-content: space-between; }
.home_anshin_mother .topNavImg{ flex-basis:70%; }
.home_anshin_mother .topNavImg img{ width: 100%; height: auto; }
.home_anshin_mother .topNavTxt{ flex-basis: 40%; display: block; }
.home_anshin_mother .topNavTit01{ margin-bottom: 10px; }
.home_anshin_mother .topNavTxt01{  }

.home_anshin_mother{ position: relative; background: url("/info/wp-content/uploads/home_workspace_mother_sp01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto 20px auto; }

.mother_sec{ justify-content: space-between; }
.mother_sec01{ flex-basis: 48%; background-color: #fee3ec; padding: 20px 40px 30px 40px; border-radius: 20px; }

.list_mother01{ min-height: 140px; }
.list_mother01 li{ position: relative; padding: 0 0 0 35px; font-size: 1.6rem; }
.list_mother01 li:before{ position: absolute; left: 10px; top: 4px; display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: #eb6e9b; }

/* 研修 */
.training_sec{ width: 90%; margin: 0 auto 100px auto; }
.training_sec_service_list{ flex-wrap: wrap; align-items: center; margin-bottom: 80px; }
.training_sec_service_item{}
.training_sec_service_item_tit01{ flex-basis: 100%; text-align: center; margin-bottom: 10px;}
.training_sec_service_item_txt01{ flex-basis: 105%; }



.greeting_txt{ font-size: 2rem; letter-spacing: 2px; line-height: 2; }



.news_recruit{ background-color: #fff; padding: 20px; border-radius: 10px; }
.news_recruit_list{}
.news_recruit_item{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.news_recruit_item_date{ flex-basis: 100%; font-size: 1.4rem; margin-bottom: 5px; }
.news_recruit_item_tit{ flex-basis: 100%; font-size: 1.8rem; }

.recruit_news_sec{}
.recruit_news_list{  }
.recruit_news_item{ display: flex; padding: 20px; border-bottom: 1px dashed var(--tit-color); }
.recruit_news_date{ margin-right: 20px; }
.recruit_news_tit{}


.wsp-container{}
.wsp-pages-list{ margin-left: 30px; }
.page_item{ line-height: 1.3; margin-bottom: 10px; list-style-type: disc; }
.page_item_has_children{ margin-top: 10px; }
.children{ margin-left: 30px; margin-top: 10px; }
.children .page_item{}


.list_sitemap01{ border-bottom: 2px dashed var(--tit-color); padding-bottom: 30px; margin-bottom: 30px; }
.list_sitemap01 li{ margin-bottom: 10px; }
.list_sitemap01 li a{}
.list_sitemap01 li ul{ margin: 10px 0 10px 30px; }
.list_sitemap01 li ul li{}


.recruit_box{ margin-bottom: 60px; }
.recruit_box dl{ display: flex; flex-wrap: wrap; border-top: 1px solid #ccc; margin-bottom: 40px; }
.recruit_box dl dt{ flex-basis: 100%; padding: 15px; font-size: 1.6rem; line-height: 1.4; background: #ede3d7; border-bottom: 1px solid #ccc; }
.recruit_box dl dd{ flex-basis: 100%; padding: 15px; font-size: 1.6rem; line-height: 1.4; background: #fff; border-bottom: 1px solid #ccc; }



}
/* ----------------------------------------------------------
 SP CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
 TAB CSS
---------------------------------------------------------- */
@media screen and (min-width: 521px) and (max-width: 1280px){

img,video {
  max-width: 100%;
  height: auto;
}

/* フォントサイズ10px=62.5% */
html{ font-size: 50%; }

/* 基本のフォントサイズ */
body{ font-size: 1.8rem; padding-top: 0; }

/* 非表示用 */
.noneTAB		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */

header{ width: 100%; margin: 0 auto; height: 50px; }

header.top_header{ background: none; min-height: auto; }
header.top_header .header_sec{ position: fixed; width: 100%; height: 50px; background-color: #fff; z-index: 9999; }
header.top_header .header_logo{ position: absolute; top: -10px; left: 10px; width: 320px; }
header.top_header .header_logo a{ display: block; padding: 0px 0; padding-left: 0px; }
header.top_header .header_logo a:hover{ opacity: .6; }
header.top_header img{ width: 100%; height: auto; max-width: 230px; }

.header_btn{ display: none; }

.top_header_clover .header_logo img{ width: 50%; height: auto; max-width: 200px; }
.top_header_beans .header_logo img{ width: 40%; height: auto; max-width: 170px; }

header.top_header .header_sns{ position: absolute; right: 70px; top: 9px; }

.header_sns_item_facebook a i,
.header_sns_item_facebook a .svg-inline--fa{ font-size: 4rem; color: var(--fb-color); margin-right: 5px; }
.header_sns_item_facebook a:hover{ opacity: .6; }

.header_sns_item_instagram i,
.header_sns_item_instagram .svg-inline--fa{ font-size: 2.5rem; color: #fff; padding-top: 7px; }
.header_sns_item_instagram{
width: 35px; height: 35px; border-radius: 100%; text-align: center; transition: 0.5s ease-in-out;
background: linear-gradient(45deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,187,1) 100%);
}

.top_header_nav{ background-color: var(--main-color); padding: 10px 0; }
.top_header_nav #menu{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.top_header_nav #menu li{ flex-basis: 24%; }

.top_header_nav #menu li img{ width: 100%; height: auto; }

.top_header_nav_item a{ display: block; border-radius: 10px; padding: 10px 10px 5px 10px; }
.top_header_nav_item a:hover{ opacity: .6; }

.top_header_nav_item_clover a{ background-color: var(--clover-bg-color); }
.top_header_nav_item_beans a{ background-color: var(--beans-bg-color); }
.top_header_nav_item_garden a{ background-color: var(--garden-bg-color); }
.top_header_nav_item_mother a{ background-color: var(--mother-bg-color); }






header.top_header_clover{ background: none; min-height: 50px; }
header.top_header_beans{ background: none; min-height: 50px; }
header.top_header_garden{ background: none; min-height: 50px; }
header.top_header_mother{ background: none; min-height: 50px; }
header.top_header_training{ background: none; min-height: 50px; }

.line_garden{ min-height: 5px; background: url("/info/wp-content/uploads/line_garden01.png") no-repeat bottom; opacity: .7; }
.line_training{ min-height: 5px; background: url("/info/wp-content/uploads/line_training01.png") no-repeat bottom; opacity: .7; }

.top_header_clover .header_logo{ width: 30%; margin-left: 0; padding-top: 20px; max-width: 200px; }
.top_header_clover .header_logo img{ width: 100%; height: auto; }
.top_header_clover .header_logo a{ padding: 0 !important; }
.top_header_clover .header_tel{ display: none; }

.top_header_clover .header_sec{ display: flex; justify-content: space-between; align-items: center; padding: 0px 0 0 0; }

.nav_clover{ display: none; background-color: var(--clover-bg-color);  border-bottom: 1px solid #fff; }
.nav_beans{ background-color: var(--beans-bg-color);  border-bottom: 1px solid #fff; }
.nav_mother{ background-color: var(--mother-bg-color);  border-bottom: 1px solid #fff; }
.nav_clover_list{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.nav_clover_item{}
.nav_clover_item a{ position: relative; display: block; font-size: 1.8rem; text-align: center; height: 70px; line-height: 70px; font-weight: 800; }
.nav_beans .nav_clover_item a:hover{ color: var(--beans-color); }
.nav_mother .nav_clover_item a:hover{ color: var(--mother-color); }
.nav_clover_item > a:before{ background-color: var(--main-color); content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 10px; margin: auto; transform-origin: right top; transform: scale(0, 1); transition: transform .3s; }
.nav_beans .nav_clover_item > a:before{ background-color: var(--beans-color); }
.nav_mother .nav_clover_item > a:before{ background-color: var(--mother-color); }
.nav_clover_item > a:hover:before{ transform-origin: left top; transform: scale(1, 1); }
.nav_clover_item a i,
.nav_clover_item a .svg-inline--fa{ margin-right: 10px; }




/* ---------------------------------------------- */
/* ハンバーガーメニュー */
/* ------------------------- */
#header-hamburger {
	/* 見た目のCSS */
	background: var(--main-color);
	cursor: pointer;
	width: 50px;
	aspect-ratio: 1/1;
	margin-left: auto;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
}

/* ----------------- */
/* 三本線 */
/* ----------------- */
#header-hamburger span {
	/* 見た目のCSS */
	display: inline-block;
	background: #fff;
	width: 50%;
	height: 2px;
	/* バーガー線の太さ */
	/*アニメーションの設定*/
	transition: all .4s;
	position: absolute;
	left: 50%;
	/* バーガー線の位置 */
	transform: translateX(-50%);
}

/* １本目 */
#header-hamburger span:nth-of-type(1){ top: 30%; }
/* ２本目 */
#header-hamburger span:nth-of-type(2){ top: 50%; }
/* ３本目 */
#header-hamburger span:nth-of-type(3){ top: 70%; }

/* ------------------ */
/* ×印 */
/* ------------------ */
/*activeクラスが付与されると線が回転して×になる*/
#header-hamburger.active span:nth-of-type(1) {
	top: 50%;
	left: 25%;
	transform: rotate(-45deg);
	width: 50%;
}

#header-hamburger.active span:nth-of-type(2) {
	opacity: 0;
}

#header-hamburger.active span:nth-of-type(3) {
	top: 50%;
	left: 25%;
	transform: rotate(45deg);
	width: 50%;
}

/* ----------------------------------------------- */
/* メニューウィンドウ */
/* -------------------------- */
#hamburger-window {
	transition: 0.3s;
	text-align: center;
	/* 初期状態は非表示 */
	visibility: hidden;
	position: fixed;
	top: 0;
	right: -100vw;
	z-index: 9999;
	/* 画面いっぱいに表示されるサイズに設定 */
	width: 100%;
	height: 100vh;
	/* 画面からはみ出したらスクロール可能にする */
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	background-color: #fff;
	padding-top: 50px;
}

/*スクロールバー非表示（Chrome・Safari）*/
.content::-webkit-scrollbar{
	display:none;
}

#hamburger-window.open {
	visibility: visible;
	right: 0;
}

.hamburger-window__link {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.hamburger-window__link:hover {
	background-color: #eee;
}

.hamburger-window__link p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

.hamburger-window__link:first-child .acordion-btn {
	border-top: 1px solid #ccc;
}


/* ----------------------------------
アコーディオン部分
--------------------- */
.acordion-menu-wrapper{ background-color: #fff; }
.hamburger_clover .acordion-menu-wrapper{ background-color: var(--clover-bg-color); }
.hamburger_beans .acordion-menu-wrapper{ background-color: var(--beans-bg-color); }
.hamburger_mother .acordion-menu-wrapper{ background-color: var(--mother-bg-color); }

.acordion-btn {
	display: flex;
	align-items: center;
	padding-left: 5%;
}

.acordion-btn:hover{ background-color: #ccc; }
.hamburger_clover .acordion-btn:hover{ background-color: var(--clover-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_beans .acordion-btn:hover{ background-color: var(--beans-bg-color); border-bottom: 1px solid #ccc; }
.hamburger_mother .acordion-btn:hover{ background-color: var(--mother-bg-color); border-bottom: 1px solid #ccc; }

.acordion-btn::after {
	/* fontawesomeアイコンを表示 */
	content: '\2b';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	right: 5%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;
}    

.acordion-btn.is-open::after {
	/* fontawesomeアイコンを表示 */
	content: '\2d';
}

.hamburger-window__link {
	border-top: 1px solid #ccc;
}

.hamburger_tit{ font-weight: bold; }

.hamburger_clover{ background-color: var(--clover-bg-color); }
.hamburger_beans{ background-color: var(--beans-bg-color); }
.hamburger_garden{ background-color: var(--garden-bg-color); }
.hamburger_mother{ background-color: var(--mother-bg-color); }
.hamburger_training{ background-color: var(--training-bg-color); }

.hamburger-window__title,
.hamburger-window__link > a {
	color: #333;
}

.hamburger-window__link > a {
	display: block;
	text-align: left;
	padding-left: 5%;
	position: relative;
}

/*
.hamburger-window__link > a::after {
	content: '\f054';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 5%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;    
}
*/

.acordion>.acordion__item {
	position: relative;
	text-align: left;
	width: 100%;
	background-color: #dfdfdf;
	/* 閉じている状態 */
	border-top: 0 #ccc solid;
	line-height: 0;
	/* 閉じるアニメーション */
	transition:
		border-top .1s ease-out,
}

.acordion.is-open>.acordion__item {
	/* background-color: #dfdfdf; */
	/* 開いている状態 */
	border-top: 1px #ccc solid;
	/* 開くアニメーション */
	transition:
		border-top .1s ease-out,
}
.hamburger_clover .acordion.is-open>.acordion__item{ background-color: var(--clover-bg-color); }
.hamburger_clover .acordion.is-open>.acordion__item{ background-color: #f2faee; }
.hamburger_beans .acordion.is-open>.acordion__item{ background-color: #fff7e3; }
.hamburger_mother .acordion.is-open>.acordion__item{ background-color: #fff4f7; }

.acordion.is-open>.acordion__item:first-child {
	border-top: none;
}
/*
.acordion.is-open>.acordion__item::after {
	content: '\f054';
	font-weight: 900;
	font-family: "Font Awesome 6 Free";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 10%;
	width: 10px;
	aspect-ratio: 1/1;
	color: #333;
}
*/
.acordion>.acordion__item>.acordion__link {
	color: #333;
	display: block;
	padding-left: 7%;
	/* 閉じている状態 */
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0;
	opacity: 0;
	visibility: hidden;
	/* 閉じるアニメーション */
	transition:
		padding-top .3s ease-out,
		padding-bottom .3s ease-out,
		line-height .3s ease-out,
		opacity .1s linear,
		visibility .1s linear;
}

.acordion.is-open>.acordion__item>.acordion__link {
	display: block;
	padding-left: 8%;
	/* 開いている状態 */
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.5;
	opacity: 1;
	visibility: visible;
	/* 開くアニメーション */
	transition:
		padding-top .3s ease-out,
		padding-bottom .3s ease-out,
		line-height .3s ease-out,
		opacity .1s linear,
		visibility .1s linear;
}





/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */

/* ページ下部 固定メニュー */
.btm_menu { position: fixed; bottom: -50px; width: 100%; border-top: 1px solid #aaa; z-index: 99; }
.btm_menu li { float: left; width: 50%; }
.btm_menu li a{ border-right: 1px solid #aaa; }
.btm_menu li:last-child a{ border-right: 0px solid #aaa; }
.btm_menu li a { display: block; height: 30px; text-align: center; font-size: 1.6rem; font-weight: 700; padding: 15px 5px 5px; background-color: #eee; color: #333; }
.btm_menu li a i,
.btm_menu li a .svg-inline--fa{ font-size: 1.8rem; margin-right: 10px; vertical-align: middle; }
.btm_menu li a:hover { background-color: #333; color: #fff; }
.btm_menu ul:after { content: ''; clear: both; display: block; }



footer{ width: 100%; margin: 0 auto; }

.footer_btn_kibiru{ background-color: #fffdee; padding: 40px 0; }
.footer_btn_kibiru01{ position: relative; width: 100%; margin: 0 auto; text-align: center; }
.footer_btn_kibiru01 a:hover{ opacity: .6; }
.footer_btn_kibiru_img01{ display: none; position: absolute; top: -20px; left: -120px; }
.footer_btn_kibiru_img02{ display: none; position: absolute; right: -150px; bottom: -20px; }


.footer_nav{ background-color: #5dbe64; padding: 30px 10px 20px 10px; margin-bottom: 10px; }
.footer_nav h2{ text-align: center; color: #fff !important; }
.footer_nav_list{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer_nav_list:after{ content: ""; display: block; width: 31%; }
.footer_nav_item{ flex-basis: 31%; background-color: #fff; border-radius: 15px; margin-bottom: 10px; }
.footer_nav_item a:hover{ opacity: .6 }
.footer_nav_item img{ width: 100%; height: auto; }
.footer_nav_item span{ /* display: block; padding: 10px; */ }
.footer_nav_item_clover{ background-color: var(--clover-bg-color); }
.footer_nav_item_beans{ background-color: var(--beans-bg-color); }
.footer_nav_item_garden{ background-color: var(--garden-bg-color); }
.footer_nav_item_mother{ background-color: var(--mother-bg-color); }
.footer_nav_item_training{ background-color: #b0e2f7; }


footer{
	margin-top: 0px;
	padding-bottom: 30px;
	background-image:none,none;
	background-repeat: no-repeat,no-repeat;
	background-position: bottom left,bottom right;
	font-family: 'Kosugi Maru', sans-serif;
}
footer #footer{ display: none; border-top: 1px solid #ccc; padding-top: 20px; }
footer #footer > ul{ display: flex; justify-content: space-between; }
footer #footer > ul > li{ flex-basis: 24%; padding: 0 1%; border-right: 1px solid #ccc; }
footer #footer > ul > li:last-child{ border-right: 0; }
footer #footer > ul > li > ul{ display: flex; justify-content: center; }
footer #footer > ul > li > ul > li{ margin: 0 1%; }
footer #footer > ul > li > ul > li a{ font-size: 1.4rem; }
.footerLogo{ width: 80%; margin-bottom: 10px; }
.footerLogo img{ width: 100%; height: auto; }
.footerLogo span{ display: block; width: 70px; padding: 5px; text-align: center; font-size: 1.4rem; border: 1px solid #2b803b; margin-bottom: 10px; }
.footerInfo{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 10px; }
.footerAdd{ flex-basis: 100%; }
.footerTel{ flex-basis: 100%; }
.footerTel span{ display: block; font-size: 12px; }
.footerFax{ flex-basis: 100%; }

.footerBtn{ width: 180px; margin-bottom: 15px; }
.footerBtn a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #28853a; color: #28853a; padding: 10px; }
.footerBtn a:hover{ background: var(--main-color); color: #fff; }

.footerBnr{ width: 180px; margin-bottom: 15px; }
.footerBnr a{ display: block; font-size: 1.4rem; font-weight: 700; text-align: center; border: 1px solid #ea89a6; color: #fff; padding: 10px; background-color: #ea89a6; letter-spacing: 1px; }
.footerBnr a i{ margin-left: 5px; }
.footerBnr a:hover{ background: #fff; color: #ea89a6; }


.footerTit{ margin-bottom: 10px; }
.footerTit a:hover{ opacity: .6; }
.footerClover .footerTit{ width: 100%; }
.footerBeans .footerTit{ width: 100%;  }
.footerTit img{ width: 100%; height: auto; }
.footerTit a{ display: block; }
/*
.clover{ background: #2a803a; }
.beans{ background: #f29b00; }
*/
.footerSitemap{ border-top: 1px solid #28853a; padding-top: 10px; margin-bottom: 10px; }
.footerSitemap > ul{  }
.footerSitemap > ul > li{ position: relative; font-size: 1.5rem; font-weight: 500; letter-spacing: 1px; line-height: 1.5; padding-left: 25px; margin-bottom: 10px; }
.footerSitemap > ul > li > a{ color: #28853a; font-weight: bold; }
.footerSitemap > ul > li > a:hover{ opacity: 0.6; }
.footerSitemap > ul > li:after{ display: block; content: ""; position: absolute; top: 2px; left: 0; width: 7px; height: 7px; background-color: none; border: 4px solid #28853a; border-radius: 100%; box-sizing: content-box; }
.footerSitemap > ul > li > ul{ margin: 5px 0 0 10px; }
.footerSitemap > ul > li > ul > li{ font-size: 1.2rem; letter-spacing: 1px; line-height: 1.5; position: relative; padding-left: 15px; }
.footerSitemap > ul > li > ul > li:after{ display: block; content: ""; position: absolute; top: 5px; left: 0; width: 7px; height: 7px; background-color: #28853a; border-radius: 100%; }
.footerSitemap > ul > li > ul > li a{ color: #333; }
.footerSitemap > ul > li > ul > li a:hover{ opacity: 0.6; }

.footer{ margin-top: 0; margin-bottom: 0; }

.footer .footerSitemap{ border-top: none; }

.footerBeans .footerSitemap{ border-top: 1px solid #f29b00; }
.footerBeans .footerSitemap > ul > li:after{ border: 4px solid #f29b00; }
.footerBeans .footerSitemap > ul > li > a{ color: #f29b00; }
.footerBeans .footerSitemap > ul > li > ul > li:after{ background-color: #f29b00; }

.footer_garden .footerSitemap{ border-top: 1px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li:after{ border: 4px solid var(--garden-color); }
.footer_garden .footerSitemap > ul > li > a{ color: var(--garden-color); }
.footer_garden .footerSitemap > ul > li > ul > li:after{ background-color: var(--garden-color); }

.footer_mother .footerSitemap{ border-top: 1px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li:after{ border: 4px solid var(--mother-color); }
.footer_mother .footerSitemap > ul > li > a{ color: var(--mother-color); }
.footer_mother .footerSitemap > ul > li > ul > li:after{ background-color: var(--mother-color); }

.footer_training .footerSitemap{ border-top: 1px solid var(--training-color); }
.footer_training .footerSitemap > ul > li:after{ border: 4px solid var(--training-color); }
.footer_training .footerSitemap > ul > li > a{ color: var(--training-color); }
.footer_training .footerSitemap > ul > li > ul > li:after{ background-color: var(--training-color); }

.footerPlusn{}
.footerClover{ background: rgba(40,133,58,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; }
.footerBeans{ background: rgba(242,155,1,0.05); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_garden{ background: rgba(211,243,243,0.4); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_mother{ background: rgba(254,227,236,0.4); padding: 25px 20px 10px 20px; border-radius: 15px; margin-bottom: 20px; }
.footer_training{ background: rgba(73,189,236,0.1); padding: 25px 20px 10px 20px; border-radius: 15px; }


.footer_copyright{ text-align: center; font-size: 1rem; padding: 0px 10px 60px 10px; }




.common_nav{ display: none; position: fixed; top: 50%; right: 20px; transform: translateY(-50%); z-index: 999; }
.common_nav ul li ~ li{ margin-top: 20px; }
.common_nav_item a{ transition: 0.3s; }
.common_nav_item a:hover{ opacity: 0.7; }

#pagetop {
  position: fixed;
  bottom: 60px;
  right: 10px;
  font-size: 77%;
  z-index: 999;
}
#pagetop a {
  background: #2a803a;
  text-decoration: none;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  display: block;
  border-radius: 100%;
}
#pagetop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
#pagetop a:before {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #fff;
  border-left: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  margin-top: -4px;
  transition: 0.2s right;
}


/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */
h1.h1_clover{ font-size: 2.5rem; padding: 22px 0 0 20px; min-height: 60px; }
.beans h1.h1_clover{ font-size: 2.5rem; padding: 22px 0 0 20px; min-height: 60px; }
.mother h1.h1_clover{ font-size: 2.5rem; padding: 22px 0 0 20px; min-height: 60px; }
.leaf h1.h1_clover{ font-size: 2.5rem; padding: 22px 0 0 20px; min-height: 60px; }
.garden h1.h1_clover{ font-size: 2.5rem; padding: 22px 0 0 20px; min-height: 60px; }

h2{ font-size: 2.3rem; margin-bottom: 10px; letter-spacing: 2px; }


h3{ font-size: 2.1rem; color: var(--main-color); padding: 8px 0 20px 5px; background: url("/info/wp-content/uploads/h3_clover01.png") no-repeat right bottom; min-height: 50px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; font-weight: 700; }
h3 br{ display: none; }
.child h3{ font-size: 2rem; color: var(--child-color); padding: 8px 0 30px 5px; background: url("/info/wp-content/uploads/h3_child.png") no-repeat left bottom; min-height: 60px; font-family: "HuiFont"; margin-bottom: 20px; line-height: 1.2; }
.beans h3{ color: #fff; font-size: 2.3rem; background: #f6ae00; padding: 10px 10px 5px 10px; border-radius: 5px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1; letter-spacing: 2px; min-height: auto; }

h4{ color: #9e6822; font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; letter-spacing: 3px; }

/* ぱんくず */
 
.breadcrumbs_sec{ display: none; }
/*
.breadcrumbs_sec > span{ display: inline-block; position: relative; color: #333; font-size: 1.2rem; }
.breadcrumbs_sec > span span{ margin-left: 15px; }
.breadcrumbs_sec > span a span{ margin-left: 0; }
.breadcrumbs_sec > span:first-child span{ margin-left: 0; }
.breadcrumbs_sec > span br{ display: none; }
.breadcrumbs_sec > span:before{ content: "/"; display: block; position: absolute; top: 0; left: 5px; color: #333; font-size: 12px; }
.breadcrumbs_sec span:first-child:before{ content: ""; margin-left: 0; }
.breadcrumbs_sec > span a{ color: #333; font-size: 1.2rem; margin: 0 0 0 20px; }
.breadcrumbs_sec > span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }
*/

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */

/* トップページ */
.top_visual{ width: 100%; }
.top_visual img{ width: 100%; height: auto; }

.top_contents{ margin-bottom: 80px; }
.top_contents_sec{ position: relative; width: 100%; margin: 0 auto; }
.top_contents_icon01{ width: 131px; height: 94px; position: absolute; top: 0px; left: 20px; }
.top_contents_icon01 img{ width: 50%; height: auto; }
.top_contents_icon02{ width: 50px; height: auto; position: absolute; bottom: -80px; right: 20px; animation: 3s fuwafuwa infinite; }
.top_contents_icon02 img{ width: 100%; height: auto; }
.top_contents_sec_list{  width: 90%; margin: 0 auto; }
.top_contents_sec_item{ }
.top_contents_sec_item_img{ flex-basis: 45%; margin-bottom: 20px; }
.top_contents_sec_item_img img{ width: 100%; height: auto; margin: 0 auto; }
.top_contents_sec_item_txt{ flex-basis: 50%; }
.top_contents_sec_item_txt p{ font-size: 1.6rem; line-height: 1.8; }


.top_news{ padding: 20px 20px 60px 20px; margin-bottom: 200px; }
.top_news_sec{ width: 100%; margin: 0 auto; flex-wrap: wrap; }
.top_news_tit{ flex-basis: 100%; text-align: center; }
.top_news_tit img{ width: 40%; height: auto;  }
.top_news_list{ flex-basis: 100%; }
.top_news_item{ flex-wrap: wrap; padding-bottom: 10px; border-bottom: 1px dashed #fff; margin-bottom: 10px; }
.top_news_cat01{ flex-basis: 30%; border-radius: 10px; color: #fff; font-size: 12px; text-align: center; padding: 5px 10px; margin-right: 10px; }
.top_news_date01{ flex-basis: 45%; font-size: 1.4rem; color: var(--tit-color); margin-right: 10px; }
.top_news_tit01{ flex-basis: 100%; font-size: 1.8rem; margin-top: 10px; }
.top_news_tit01 .new{ display: inline-block; background-color: #f00; font-size: 1.2rem; color: #fff; padding: 0px 4px; border-radius: 30px; margin-right: 10px; font-weight: 500; }

.top_news_cat01_station-diary,
.top_news_cat01_clover-news{ background-color: var(--clover-color); }
.top_news_cat01_beans-diary,
.top_news_cat01_beans-news{ background-color: var(--beans-color); }
.top_news_cat01_recruit-news{ background-color: #85cccd; }
.top_news_cat01_mother-diary{ background-color: var(--mother-color); }
.top_news_cat01_media{ background-color: var(--tit-color); }


.top_service{ position: relative; background-color: #fffdee;  }
.top_service::before {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-top.png");
  background-size: 100% 100px;
  width: 100%;
  height: 100px;
  position: absolute;
  top: -100px;
  left: 0;
}
.top_service::after {
  content: "";
  display: block;
  background: url("/info/wp-content/uploads/wave-bottom.png");
  background-size: 100% 76px;
  width: 100%;
  height: 76px;
  position: absolute;
  bottom: -76px;
  left: 0;
  z-index: 9;
}


.top_service01{ width: 100%; margin: 0 auto 100px auto; }
.top_service_clover{  }
.top_service01_list{ flex-wrap: wrap; width: 90%; margin: 0 auto; }
.top_service01_item{ position: relative; }
.top_service01_item_img{ flex-basis: 100%; }
.top_service01_item_txt{ flex-basis: 100%; margin-top: 20px; }
.top_service01_tit01{ margin-bottom: 20px; }
.top_service01_txt01{ letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }
.top_service01_img01{}
.top_service01_img01 img{ width: 100%; height: auto; }
.top_service01_img02{ position: absolute; width: 119px; height: 114px; content: ""; display: none; right: -30px; bottom: -30px; }
.top_service01_img02 img{ width: 50%; height: auto;display: none; }
.top_service_clotax .top_service01_img03{ display: none;}

.top_service01_item_btn01{ width: 180px; margin: 0 0 0 auto; }
.top_service01_item_btn01 img{ width: 100%; height: auto; }




.top_service_clover .top_service01_img02{ right: 50px; bottom: -30px; }

.top_service_beans .top_service01_list{ flex-direction: row-reverse; }
.top_service_beans .top_service01_item{ position: relative; }


.top_service_beans .top_service01_img02{
position: absolute;
left: 0px;
bottom: -30px;
animation-name: yurayura;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 3s;
transform-origin: center bottom !important;
}
.top_service_beans .top_service01_img02 img{ width: 50%; height: auto; }


.top_service_garden .top_service01_img02{ right: 50px; bottom: -30px; }

.top_service_mother{ margin-bottom: 0; }
.top_service_mother .top_service01_list{ flex-direction: row-reverse; }


.top_training{ background-color: #e2efd5; padding: 150px 0 80px 0; margin-bottom: 80px; }
.top_service_training{ margin-bottom: 0; }

.top_service_training .top_service01_img03{ margin-bottom: 20px; }
.top_service_training .top_service01_img03 img{ width: 100%; height: auto; }

.top_service_training .top_service01_img02{ position: absolute; right: 120px; top: -40px; }
.top_service_training .top_service01_img04{ display: none; position: absolute; left: -100px; bottom: -50px; }


.top_recruit{ width: 96%; margin: 0 auto 60px auto; padding: 20px; }
.top_service_recruit{ width: 100% !important; margin-bottom: 0; }
.top_service_recruit .top_service01_list{ align-items: center; }
.top_service_recruit .top_service01_tit01{ color: #378744; font-size: 2rem; text-align: center; letter-spacing: 2px; height: 50px; }
.top_service_recruit .top_service01_txt01{ width: 90%; margin: 0 auto 20px auto; }

.top_service_recruit .top_service01_img02{ position: absolute; left: 30px; bottom: -90px; }


.top_service_recruit .top_service01_list{ }

.top_service_recruit .top_service01_item_img{  }


.top_about{ width: 96%; margin: 0 auto 60px auto; padding: 20px; }
.top_service_about{ width: 100% !important; margin-bottom: 0; }

.top_service_about .top_service01_img01{ text-align: center; width: 70%; margin: 0 auto; }
.top_service_about .top_service01_img01 img{ width: 100%; height: auto; }




.top_access{ padding: 40px 0; }
.top_access_list{ width: 90%; margin: 0 auto; flex-wrap: wrap; }
.top_access_item{}
.top_access_item_info{ flex-basis: 100%; }
.top_access_item_logo01{ margin-bottom: 20px; text-align: center; }
.top_access_item_add01{ font-size: 1.4rem; text-align: center; margin-bottom: 20px; }
.top_access_img01{ display: none; }
.top_access_item_map{ flex-basis: 100%; }
.top_access_map01{ position: relative; }
.top_access_map01:before{ content: ""; display: block; padding-top: calc( 3/4 * 100%) ;}
.top_access_map01 iframe{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }


#main-contents{ width: 100%; margin: 0 auto; }
.txt01{ font-size: 1.4rem; letter-spacing: 1px; line-height: 1.5; }
.txt02{ font-size: 1.5rem; letter-spacing: 1px; line-height: 1.5; }
.txt03{ font-size: 1.6rem; letter-spacing: 1px; line-height: 1.5; }

/* クローバー高崎・豊岡 */
.home-slider_div{ position: relative; background-color: #f8f4ef; }
.home-slider_mask{ position: absolute; top: 0; left: 0; right: 0; width: 100%; margin: 0 auto; }

.slider_list{ width: 100%; margin: 0 auto; }
.slider-item img{ width: 100%; margin: 0 auto; }

.home_contents{ width: 90%; margin: 0 auto 40px auto; }
.home_contents_beans{ width: 70%; margin: 0 auto 40px auto; }
.home_contents > ul{ flex-wrap: wrap; justify-content: center; }
.home_contents > ul > li{ flex-basis: 100%; margin: 0 0 30px 0; display: flex; justify-content: space-between; align-items: center; }
.topNavImg{ flex-basis: 55%; margin-bottom: 0; }
.topNavImg a:hover{ opacity: 0.6; }
.topNavImg img{ width: 100%; height: auto; }
.topNavTxt{ flex-basis: 40%; display: block; }
.topNavTit01{ flex-basis: 100%; margin-bottom: 10px; text-align: center; }
.topNavTit01 img{ width: 90px; height: 90px; margin: 0 auto; }
.topNavTxt01{ flex-basis: 100%; }

.home_child{ background: url("/info/wp-content/uploads/home_child.png") no-repeat center; background-size: contain; width: 320px; height: 375px; margin: 0 auto; }
.home_child01{ width: 60%; margin: 0 30px 20px 90px; padding-top: 260px; }

.home_anshin{ background: url("/info/wp-content/uploads/home_workspace_clover01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto; }
.home_anshin01{ width: 76%; margin: 0 auto; padding-top: 200px; }

.home_diary{ background: url("/info/wp-content/uploads/home_diary.png") no-repeat center; background-size: 100% 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary01{}
.home_diary01 > ul{ width: 90%; margin: 0 auto; padding-top: 80px; }
.home_diary01 > ul > li{ color: #28853a; line-height: 3.15; }
.home_diary01 > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01 > ul > li.home_diary_list_date{ font-size: 1.2rem; }
.home_diary01 > ul > li.home_diary_list_tit{ font-weight: 900; text-overflow: ellipsis; width: 285px; overflow: hidden; white-space: nowrap; }
.home_diary01 > ul > li a:hover{ opacity: 0.6; }

.home_contents_sub{ width: 90%; margin: 0 auto 80px auto; display: flex; justify-content: space-between; }
.home_douga{ flex-basis: 600px; width: 600px; margin: 0 auto; background: #f8f4ef; padding: 20px 30px 30px 30px; border-radius: 10px; }
.home_douga_tit{ font-size: 2.5rem; font-weight: bold; color: #2a803a; font-family: "HuiFont"; margin-bottom: 20px; }
.home_douga_movie{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.home_douga_movie iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.home_3goukensyu{ flex-basis: 375px; background: url("/info/wp-content/uploads/home_3goukensyu01.png") no-repeat center center; height: 375px; }
.home_3goukensyu_tit01{ width: 200px; margin: 130px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_tit02{ width: 200px; margin: 40px auto 5px auto; text-align: center; font-size: 18px; }
.home_3goukensyu_btn01{ width: 200px; margin: 0 auto 20px auto; }
.home_3goukensyu_btn01 a{ display: block; font-size: 16px; letter-spacing: 1px; text-align: center; color: #fff !important; background: #2a803a; border-radius: 40px; padding: 10px; border: 2px solid #2a803a; }
.home_3goukensyu_btn01 a:hover{ color: #2a803a !important; background: #fff; }
.home_3goukensyu_btn01 a i{ margin-left: 5px; }

.home_footer_bnr{ text-align: center; width: 90%; margin: 0 auto 40px auto; }
.home_footer_bnr img{ border-radius: 10px; }
.home_footer_bnr a:hover{ opacity: 0.6; }

.home_footer{ padding: 20px 60px; margin-bottom: 40px; text-align: center; }
.home_footer > ul{ flex-wrap: wrap; }
.home_footer > ul > li{ flex-basis: 100%; margin-bottom: 20px; }
.home_footer > ul > li .home_footer_logo{ text-align: center; width: 65%; margin: 0 auto 15px auto; }
.home_footer > ul > li .home_footer_logo img{ width: 100%; height: auto; }
.beans .home_footer > ul > li .home_footer_logo img{ width: auto; height: auto; }
.home_footer > ul > li .home_footer_txt{ margin-bottom: 5px;  }
.home_footer > ul > li .home_footer_tel{ font-size: 4rem; text-align: center; letter-spacing: -1px; margin-bottom: 10px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; }
.home_footer > ul > li .home_footer_tel a{ display: block; font-size: 1.6rem; color: var(--main-color); text-align: center; border: 2px solid var(--main-color); background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer > ul > li .home_footer_add{ margin-bottom: 3px; }
.home_footer > ul > li .home_footer_time{ margin-bottom: 15px; }
.home_footer > ul > li .home_footer_time span.home_footer_time_tit{ font-size: 11px; color: #7f643f; padding: 2px 8px; border: 1px solid #7f643f;  border-radius: 20px; margin-right: 5px; vertical-align: baseline; }
.home_footer > ul > li .home_footer_time span.home_footer_time_holiday{ font-size: 12px; }
/*
.home_footer > ul > li .home_footer_contact{ margin-top: 10px; }
.home_footer > ul > li .home_footer_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer > ul > li .home_footer_contact a{ isplay: block; color: #fff; font-size: 1.4rem; background: #f29b00; text-align: center; padding: 3px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer > ul > li .home_footer_contact a:hover{ background: #f8f4ef; color: #f29b00; }
*/
.clover .home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }



.home_footer > ul > li .home_footer_area{ border-top: 1px solid #28853a; border-bottom: 1px solid #28853a; padding: 10px 0; }
.home_footer > ul > li .home_footer_area_tit{ color: #28853a; margin-bottom: 5px; }
.home_footer > ul > li .home_footer_area_txt{  }
.home_footer > ul > li .home_footer_map{ position: relative; padding-bottom: 50%; padding-top: 30px; height: 0; overflow: hidden; }
.home_footer > ul > li .home_footer_map iframe,
.home_footer > ul > li .home_footer_map object,
.home_footer > ul > li .home_footer_map embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.home_footer > ul > li .home_footer_fb{ width: 100%; max-width: 350px; }

.home_footer > ul > li:nth-child(2){ flex-basis: 100%; margin-top: 20px; }


.container_footer_beans{ width: 100%; background: #fdefd3; padding: 40px; }
.container_footer_beans01{ display: flex; justify-content: space-between; width: 1040px; margin: 0 auto; }
.container_footer_beans_nav{ flex-basis: 40%; }
.container_footer_beans_nav_tit{ font-size: 2.2rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; margin-bottom: 20px; }
.container_footer_beans_nav > nav{}
.container_footer_beans_nav > nav > ul{}
.container_footer_beans_nav > nav > ul > li{}
.container_footer_beans_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("../images/beans/common/footer_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 10px 0 0 45px; }
.container_footer_beans_nav > nav > ul > li > a:hover{ opacity: 0.6; }
.container_footer_beans_contact{ flex-basis: 56%; }
.container_footer_beans_contact01{ display: flex; align-items: center; }
.container_footer_beans_contact_img{ flex-basis: 30%; }

.home_footer_beans_tel{ font-size: 4rem; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }

.home_footer_time{ font-size: 1.3rem; margin-bottom: 5px; text-align: center; }
.home_footer_time span.home_footer_time_tit{ font-size: 11px; color: var(--main-color); padding: 2px 8px; border: 1px solid var(--main-color);  border-radius: 20px; margin-right: 5px; vertical-align: baseline; line-height: 1; }
.home_footer_time span.home_footer_time_holiday{ font-size: 11px; }

.home_footer_contact{ width: 80%; margin: 15px auto 10px auto; }
.home_footer_contact a{ display: block; color: #fff; font-size: 1.3rem; background: var(--main-color); border: 2px solid var(--main-color); text-align: center; padding: 5px 10px; border-radius: 40px; }
.beans .home_footer_contact a{ background: var(--beans-color); border: 2px solid var(--beans-color);; }
.home_footer_contact a i,
.home_footer_contact a .svg-inline--fa{ font-size: 1.8rem; margin-right: 10px; }
.home_footer_contact a:hover{ background: #fff; color: var(--main-color); }
.beans .home_footer_contact a:hover{ background: #fff; color: var(--beans-color); }


.home_footer_beans_contact{ margin-top: 15px; }
.home_footer_beans_contact span{ font-size: 3rem; margin-right: 10px; font-family:'Conv_wg_handy_icons_vol2',Sans-Serif; vertical-align: sub; }
.home_footer_beans_contact a{ display: block; color: #fff; font-size: 1.6rem; background: #f29b00; text-align: center; padding: 5px 10px; border-radius: 4px; border: 1px dashed #fff; box-shadow: 0px 0px 0px 5px #f29b00; line-height: 1; }
.home_footer_beans_contact a:hover{ background: #fdefd3; color: #f29b00; }



/* クローバー高崎・豊岡　セカンドページ */
.main_contents{ width: 98%; margin: 0px auto 30px auto; padding: 30px 20px 30px 20px; }
.main_contents.beans{ background-color: #fcfaf8; }

.container_footer{ margin-top: 100px; flex-wrap: wrap; width: 100%; }
.container_footer_nav{ flex-basis: 100%; padding: 20px 0; flex-wrap: wrap; }
.container_footer_nav_tit{ flex-basis: 100%; font-size: 2.2rem; text-align: center; }
.container_footer_nav > nav{ margin: 0 auto; }
.container_footer_nav > nav > ul{}
.container_footer_nav > nav > ul > li{}
.container_footer_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("/info/wp-content/uploads/footer_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 12px 0 0 45px; opacity: 0.6; line-height: 1; }
.beans .container_footer_nav > nav > ul > li > a{ display: block; min-width: 300px; min-height: 41px; background: url("/info/wp-content/uploads/footer_beans_button01.png") no-repeat; margin-bottom: 10px; color: #fff; padding: 12px 0 0 45px; opacity: 1; line-height: 1; }
.container_footer_nav > nav > ul > li > a:hover{ opacity: 1; }
.beans .container_footer_nav > nav > ul > li > a:hover{ opacity: .6; }
.container_footer_contact{ flex-basis: 100%; margin-top: 20px; }
.container_footer_contact_bg{ background: url("/info/wp-content/uploads/page_contact02.png") no-repeat center center; background-size: contain; min-width: 470px; width: 470px; height: 197px; padding: 25px 15px 20px 15px; margin: 0 auto; }
.home_footer_tel{ }
.home_footer_tel a{ display: block; font-size: 1.4rem; color: #28853a; text-align: center; border: 2px solid #28853a; background: #fff; border-radius: 40px; padding: 6px; margin-bottom: 5px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.beans .home_footer_tel a{ color: var(--beans-color); border: 2px solid var(--beans-color); }
.home_footer_tel a span{ margin-right: 10px; }
.beans .container_footer_contact_bg{ background: url("/info/wp-content/uploads/page_contact02.png") no-repeat center center; background-size: contain; min-width: 470px; width: 470px; height: 197px; padding: 25px 15px 20px 15px; }
.home_footer_tel{ font-size: 4rem; color: #28853a; text-align: center; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 10px; }
.beans .home_footer_tel{ color: var(--beans-color); }



/* ダウンロード用 */
.download_table{ flex-basis: 100%; margin-bottom: 40px; }
.download_table table{ width: 100%; border-collapse: collapse; }
.download_table table th{ display: block; width: 100%; padding: 13px 20px 10px 20px; background: #e7ddd0; text-align: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; vertical-align: middle; }
.download_table table td{ display: block; width: 100%; background: #fff; text-align: center; border-bottom: 2px solid #e7ddd0; border-top: 1px solid #e7ddd0; }
.download_table table tr:last-child th,
.download_table table tr:last-child td{ border-bottom: 1px solid #e7ddd0 }
.download_table table td{ padding: 10px; font-size: 2rem; background: #fff;  border-bottom: 1px solid #fff; }
.download_table table td a{ display: block; text-align: center; }
.download_table table td span{ font-size: 1.4rem; }
.download_table table td:nth-child(2){ border-right: 1px solid #e7ddd0; border-bottom: 2px solid #e7ddd0; }

.download_table table td.dl-word a{ background: #1c61c2; border: 1px solid #1c61c2; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-word a:hover{ background: #fff; color: #1c61c2;  }

.download_table table td.dl-pdf a{ padding: 5px; border-radius: 5px; }
.download_table table td.dl-pdf a:hover{ }

.download_table table td.dl-excel a{ background: #117a42; border: 1px solid #117a42; color: #fff; padding: 5px; border-radius: 5px; }
.download_table table td.dl-excel a:hover{ background: #fff; color: #117a42; }

.download_table table i,
.download_table table .svg-inline--fa{ margin-left: 5px; font-size: 3rem; }

/* PDFダウンロード */
.pdfDLSec{ display: none; }


ul.child_list{ margin-bottom: 20px; margin-left: 0; }
ul.child_list li{ position: relative; color: #9e6822; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; line-height: 1.3; letter-spacing: 1px; margin-bottom: 5px; padding-left: 20px; list-style: none; }
ul.child_list li:before{ position: absolute; display: block; content: ""; top: .3em; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; }



.column_child{ border-top: 3px dotted #ea89a6; padding-top: 60px; }
.column_beans{ border-top: 3px dotted var(--beans-color); padding-top: 60px; }
.column_child02{ background-color: #fff; padding: 20px; border-radius: 15px; }

.table_child{}
.table_child table{}
.table_child table th{ width: 15%; font-size: 1.8rem; padding: 15px; color: #9e6822; }
.table_child table td{ font-size: 1.8rem; }

.wp-block-column p{ margin-bottom: 20px; }

.main_contents ol{ margin-left: 30px; }
.main_contents ol li{ list-style-type: decimal; }

.map_sec{ position: relative; width: 100%; height: 0; padding-top: 90%; }
.map_sec iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }



.staff_box_wrap{ background: url("/info/wp-content/uploads/line_green.png") no-repeat top center; }
.beans .staff_box_wrap{ border-top: 2px dashed #7f643f; background: none; }
.staff_box{ 
	width: 100%;
	flex-wrap: wrap;
	background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center;
	padding: 40px 0 40px 0;
}
.staff_box_bg_none{ background: none; padding: 0; margin-bottom: 0;}

.beans .staff_box{ 
	border-bottom: 2px dashed #7f643f;
	background: none;
}

.staff_img{ flex-basis: 100%; text-align: center; margin-bottom: 20px; }
.staff_img p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt{ flex-basis: 100%; }

.staff_box02_sec{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.staff_box02_sec:before{ display: block; content: ""; clear: both; }
.staff_box02{ flex-basis: 48%;  width: 100%; display: flex; justify-content: space-between; background: url("/info/wp-content/uploads/line_green.png") no-repeat bottom center; padding: 0 0 40px 0; margin-bottom: 40px; }
.staff_img02{ flex-basis: 35%; }
.staff_img02 p{ text-align: center; color: #9e6822; font-size: 1.9rem; font-weight: bold; margin-top: 10px; }
.staff_img02 p span{ display: block; font-size: 1.3rem; margin-bottom: 5px; font-weight: normal; line-height: 1.3; }
.staff_txt02{ flex-basis: 63%; }

.staff_beans_box{ background: none; border-bottom: 2px dashed #7f643f; border-top: 2px dashed #7f643f; }


.news_sec{}
.news_list{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
.news_item{ flex-basis: 100%; margin: 0 .5% 10px .5%; border: 1px solid #D8C2A6; padding: 1.5%; background-color: #fff; border-radius: 15px; }
.news_item a{ display: block; }
.news_eyecatch{ display: none; margin-bottom: 0px; }
.news_eyecatch img{ width: 300px; height: 200px; object-fit: cover; }
.news_sec{ display: flex; flex-wrap: wrap; }
.news_date{ color: var(--main-color); font-size: 1.6rem; }
.beans .news_date{ color: var(--tit-color); }
.news_cat{ display: none; }
.news_tit{ flex-basis: 100%; font-size: 2rem; }
.news_date .new{ color: #fff; background-color: #f00; font-size: 1rem; line-height: 1; border-radius: 20px; padding: 1px 10px 3px 10px; margin-left: 10px; vertical-align: super; }

.news_sec_tit{ width: 100%; }
.news_sec h2{ border-bottom: 2px dashed #C8A981; }

.news_sec_date{ color: var(--tit-color); font-size: 1.6rem; margin-bottom: 10px; }
.news_sec_txt{ font-size: 2rem; letter-spacing: 1px; line-height: 1.5; }
.news_sec_txt p{ margin-bottom: 20px; }

.wp-pagenavi{ margin-top: 100px; text-align: center; display: flex; justify-content: center; }
.wp-pagenavi span{ width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; }
.wp-pagenavi span.current{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi span.current{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi span.current{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }
.wp-pagenavi a{ display: block; width: 40px; height: 40px; border-radius: 50%; font-size: 1.9rem; background-color: #fff; border-color: var(--main-color); }
.beans .wp-pagenavi a{ border-color: var(--beans-color); }
.mother .wp-pagenavi a{ border-color: var(--mother-color); }
.wp-pagenavi a:hover{ background-color: var(--main-color); color: #fff; border: 1px solid var(--main-color) !important; }
.beans .wp-pagenavi a:hover{ background-color: var(--beans-color); border: 1px solid var(--beans-color) !important; }
.mother .wp-pagenavi a:hover{ background-color: var(--mother-color); border: 1px solid var(--mother-color) !important; }

.pagination{ width: 100%; margin: 80px auto 0 auto; padding-top: 40px; max-width: 1300px;}
.pagination ul{ display: flex; justify-content: space-between; }
.pagination ul li{ flex-basis: 30%; }
.pagination ul li a{ display: block; border: 1px solid var(--main-color); color: var(--main-color); font-size: 14px; padding: 5px; text-align: center; border-radius: 30px; }
.beans .pagination ul li a{ border: 1px solid var(--beans-color); color: var(--beans-color); }
.mother .pagination ul li a{ border: 1px solid var(--mother-color); color: var(--mother-color); }
.pagination ul li a:hover{ background: var(--main-color); color: #fff; opacity: 1; }
.beans .pagination ul li a:hover{ background: var(--beans-color); }
.mother .pagination ul li a:hover{ background: var(--mother-color); }
.pagination ul li:nth-child(1){ text-align: left; }
.pagination ul li:nth-child(1) a i{ margin-right: 20px; }

.pagination ul li:nth-child(2) a{ display: block; color: var(--main-color); border-color: var(--main-color); }
.beans .pagination ul li:nth-child(2) a{ color: var(--beans-color); border-color: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a{ color: var(--mother-color); border-color: var(--mother-color); }
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: var(--main-color); background: var(--main-color); }
.beans .pagination ul li:nth-child(2) a:hover{ border-color: var(--beans-color); background: var(--beans-color); }
.mother .pagination ul li:nth-child(2) a:hover{ border-color: var(--mother-color); background: var(--mother-color); }
.pagination ul li:nth-child(3) a{ display: block; }
.pagination ul li:nth-child(3)  i{ margin-left: 20px; }
.pagination ul li.nonext{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.next i,
.pagination ul li.nonext i{ margin-right: 10px; }
.pagination ul li.nonext span{ text-align: left; padding-top: 5px; }
.pagination ul li.prev span{ display: block; text-align: right; vertical-align: middle; padding-top: 5px; }
.pagination ul li.noprev{ border: 1px solid #999; color: #999; font-size: 14px; text-align: center; padding: 5px; opacity: 0.5;  border-radius: 30px; }
.pagination ul li.prev i,
.pagination ul li.noprev i{ margin-right: 10px; }
.pagination ul li.noprev i{ margin-left: 20px; }
.pagination ul li.noprev span{ text-align: right; padding-top: 5px; }
.pagination ul li.modoru i{ margin-right: 10px; }



ul.list01{ margin-top: 40px; }
ul.list01 > li{ font-size: 2rem; padding: 0 0 0 32px; background: url("/info/wp-content/uploads/icon_clover.png") no-repeat 0 5px; margin-bottom: 8px; }
ul.list01 > li a:hover{ opacity: 0.6; }

.tel01{ font-size: 4rem; color: #28853a; letter-spacing: -1px; font-family: sofia-pro-soft, sans-serif; font-weight: 700; font-style: normal; line-height: 1; margin-bottom: 5px; }


/* フォーム */
.contact_item{ flex-wrap: wrap; width: 100%; padding: 20px 20px; border-bottom: 1px solid #ccc; }
.contact_tit{ width: 100%; font-weight: 700; position: relative; padding-left: 0px; margin-right: 0px; margin-bottom: 10px; }
.contact_tit span{ position: initial; display: inline-block; background-color: #E02E30; color: #fff; border: 1px solid #E02E30; padding: 4px 10px; left: 0px; top: -4px; font-size: 1.4rem; margin-right: 10px; }
.contact_txt,
.contact_adress,
.contact_txtarea{ width: 100%; font-size: 1.5rem; }
.contact_txt input{ width: 100%;  font-size: 2rem; background: #f5f5f5; height: 35px; padding:  20px 10px; border: 1px solid #ccc;}
.contact_txt input[type="checkbox"]{ float: none; width: 15px; height: 15px; }
.contact_txt input[type="radio"]{ width: 15px; height: 15px; }
.contact_txtarea textarea{ width: 100%; font-size: 2rem; padding: 8px; background: #fff; border: 1px solid #ccc; background-color: #f5f5f5; }
.contact_adress_sub p{padding: 15px 0;}
.contact_adress input{background: #fff; border: 1px solid #ccc; height: 35px; margin-left: 15px; font-size: 2rem;}
.contact_submit{border-bottom: none;}
.contact_submit_btn{text-align: center; }
.contact_submit_btn input{ font-weight: 300; background-color: #e47e19; color: #fff; font-size: 1.8rem; 
	letter-spacing: 1px; padding: 15px 30px; cursor: pointer;   -webkit-appearance: none; border-radius: 0;}

input[type="checkbox"]{float: left;}
.contact_check{display: flex;}
.contact_submit .contact_tit{width: 30%;}
.wpcf7-spinner{ display: block !important; margin: 0 auto !important; }

.contact_submit_btn{ text-align: center; margin-top: 60px; margin-bottom: 60px;  }
.contact_submit_btn input{ background-color: var(--main-color); color: #fff; font-size: 2.2rem; letter-spacing: 1px; padding: 15px 25px; cursor: pointer; transition: 0.5s ease-in-out; border: 0; 
	font-family: "azo-sans-web", "Helvetica Neue", "Helvetica", "source-han-sans-japanese", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight: 500;
	font-variation-settings: "wght" 500; font-weight: 500;
	margin: 0 auto;
}
input.wpcf7-submit:hover{ opacity: .6; border: 2px solid var(--main-color); color: var(--main-color); }

.privacy_sec{ width: 1000px; margin: 0 auto; }
.privacy_sec h3{ font-size: 2.5rem !important; color: #999; font-weight: 400; text-align: left; margin-bottom: 10px; }
.privacy_sec ol{ margin-left: 25px; }
.privacy_sec ol li{ list-style-type: decimal; font-size: 1.6rem; line-height: 1.8; margin-bottom: 5px; }
.privacy_sec p{ font-size: 1.6rem; letter-spacing: 1px; line-height: 2; margin-bottom: 20px; }

::placeholder{ color: #999; }

.contact_item .wpcf7-list-item{ display: block; margin: 0 0 0 0; }

.wpcf7-not-valid-tip{ font-weight: 700 !important; }




/* ビーンズ */

.color_beans{ color: var(--beans-color); }

.top_info{ width: 90%; margin: 0 auto 40px auto; padding: 20px 15px 0 15px; }
.top_info_list{ flex-wrap: wrap; }
.top_info_item{ flex-basis: 100%; margin-bottom: 20px; }
.top_info_tit{ font-size: 2rem; line-height: 1; padding: 15px; border-bottom: 3px dashed #999; margin-bottom: 10px; }
.top_info_tit i,
.top_info_tit .svg-inline--fa{ margin-right: 5px; }
.top_info_item > ul{  }
.top_info_item > ul li{ position: relative; border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.top_info_item > ul li:before{ position: absolute; top: 23px; left: 10px; content: ""; display: block; width: 10px; height: 10px; background-color: #ccc;  }
.top_info_item > ul li a{ display: block; font-size: 1.6rem; padding: 15px 15px 15px 30px; }
.top_info_item > ul li a i,
.top_info_item > ul li a .svg-inline--fa{ color: #f00; margin-left: 10px; font-size: 2.3rem; }
.top_info_item_schedule a:hover{ color: #8dc33e; }
.top_info_item_tayori a:hover{ color: #ef91ab; }
.top_info_item_schedule{ }
.top_info_item_schedule i,
.top_info_item_schedule .svg-inline--fa{ color: #8dc33e; }
.top_info_item_tayori{}
.top_info_item_tayori i,
.top_info_item_tayori .svg-inline--fa{ color: #ef91ab; }


.top_movie{ width: 90%; margin: 0 auto 40px auto; }
.top_movie01{ position: relative; width: 100%; padding-top: 56.25%; }
.top_movie01 iframe{ position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.calendar_btn{ width: 90%; margin: 0 auto 40px auto; }
.calendar_btn a{ display: block; color: #fff; font-size: 2rem; text-align: center; padding: 20px 15px 15px 15px; border-radius: 10px; border: 2px solid #f29b00; background: #f29b00; margin-bottom: 10px; }
.calendar_btn a i,
.calendar_btn a .svg-inline--fa{ margin-right: 10px; }
.calendar_btn a:hover{ background: #fff; color: #f29b00; }


.home_contents_beans{ width: 90%; margin: 0 auto 40px auto; }
.home_contents_beans > ul{ flex-wrap: wrap; }
.home_contents_beans > ul > li{ flex-basis: 100%; display: flex; justify-content: space-between; }
.home_contents_beans .topNavImg{ flex-basis: 60%; }
.home_contents_beans .topNavImg img{ width: 100%; height: auto; }
.home_contents_beans .topNavTxt{ flex-basis: 40%; display: block; }
.home_contents_beans .topNavTit01{ margin-bottom: 10px; }
.home_contents_beans .topNavTxt01{  }

.home_anshin_beans{ background: url("/info/wp-content/uploads/home_workspace_beans_sp01.png") no-repeat center; background-size: contain; width: 290px; height: 375px; margin: 0 auto 20px auto; }
.home_anshin01_beans{ width: 75%; margin: 0 auto; padding-top: 210px; }

.home_anshin_mother{ background: url("/info/wp-content/uploads/mother_workspace.png") no-repeat center; background-size: contain; height: 270px; }


.home_diary_beans{ background: url("/info/wp-content/uploads/beans_diary_sp.png") no-repeat center; background-size: 100% 100%; width: 100%; width: 370px; height: 370px; margin: 0 auto; }
.home_diary_mother{ background: url("/info/wp-content/uploads/mother_diary_sp.png") no-repeat center; background-size: 100% 100%; width: 100%; width: 370px; height: 370px; }
.home_diary01_beans{}
.home_diary01_beans > ul{ width: 90%; margin: 0 auto; padding-top: 80px; display: block; }
.home_diary01_beans > ul > li{ color: #28853a; line-height: /* 2.7 */3.14; }
.home_diary01_beans > ul > li a{ color: #28853a; font-size: 1.4rem; }
.home_diary01_beans > ul > li.home_diary_list_date{ flex-basis: 25%; margin-right: 0; font-size: 1.2rem; }
.home_diary01_beans > ul > li.home_diary_list_tit{ flex-basis: 68%; white-space: nowrap; overflow: hidden; font-weight: 900; }
.home_diary01_beans > ul > li a:hover{ opacity: 0.6; }

.home_footer_beans_tel{ margin-top: 10px; }
.home_footer_beans_tel a{ display: block; font-size: 1.4rem; color: #f29b00; text-align: center; border: 2px solid #f29b00; background: #fff; border-radius: 40px; padding: 8px; margin-bottom: 10px; font-family: 'Kosugi Maru'; letter-spacing: 1px; }
.home_footer_beans_tel a span{ margin-right: 10px; }

.box04{ padding: 20px; border-radius: 15px; margin-bottom: 20px; }

.box04 dl{ display: flex; flex-wrap: wrap; min-height: 261px; }
.box04 dl dt{ flex-basis: 15%; color: #2a803a; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }
.box04 dl dd{ flex-basis: 80%; font-size: 1.5rem; margin-bottom: 10px; line-height: 1.5; }

.bg_orange{ background: #fdefd3; }
.bg_pink{ background: #fae1e7; }

.beans_tit01{ font-size: 2rem; margin-bottom: 10px; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; }
.beans_tit01 span{ font-size: 1.6rem; }

.color_orange{ color: #f08c00 !important; }
.color_pink{ color: #ef91ab !important; }


.list02{}
ul.list02 > li{ position: relative; padding: 0 0 0 20px; font-size: 1.8rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list02 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list02 > li a:hover{ opacity: 0.6; }


ul.list03{ display: flex; justify-content: flex-start; flex-wrap: wrap; }
ul.list03 > li{ flex-basis: 48%; position: relative; padding: 0 0 0 20px; font-size: 1.6rem; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 400; font-style: normal; line-height: 1.3; margin-bottom: 10px; }
ul.list03 > li:after{ display: block; content: ""; position: absolute; top: 3px; left: 0; width: 8px; height: 8px; background-color: #9e6822; border-radius: 100%; margin-bottom: 5px; }
ul.list03 > li a:hover{ opacity: 0.6; }

.list_orange > li:after{ background-color: #f08c00 !important; }
.list_pink > li:after{ background-color: #ef91ab !important; }
.list_green > li:after{ background-color: #8dc33e !important; }

.bg_img01{ background: #eef5df url("/info/wp-content/uploads/day-photo.png") no-repeat right bottom; background-size: 30% auto; }


/* クローバーガーデン */
.garden_sec{ width: 90%; margin: 0 auto 100px auto; }
.garden_list{ width: 100%; }
.garden_item{ display: flex; flex-wrap: wrap; margin-bottom: 20px; height: auto; }
.garden_item01{}
.garden_item02{}
.garden_item_sec{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.garden_item_list{ flex-basis: 100%; position: relative; display: flex; align-items: center; padding: 10px 10px 10px 20px; }



.garden_item .garden_item_list:after{
  content: "";
  display: block;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: -40px;
  transform: translateY(0);
  z-index: 1;
  margin: 0 auto;
  transform: rotate(90deg);
}

.garden_item_item{ display: flex; flex-wrap: wrap; font-size: 2.7rem; color: #fff; font-family: heisei-maru-gothic-std, sans-serif; font-weight: 800; font-style: normal; z-index: 2; }
.garden_item_item > ul{ margin-right: 20px; }
.garden_item_item > ul > li{ background-color: #ffffd7; color: #38c9ef; font-size: 2rem; padding: 10px 20px 5px 20px; border-radius: 40px; line-height: 1; margin-bottom: 5px; }

.garden_item_item > ul > li:last-child{ margin-bottom: 0; }
.garden_item_txt{ flex-basis: 100%; padding: 20px 20px 20px 20px; font-size: 1.6rem; display: flex; align-items: center; }



/* 産前産後の訪問看護 */
.service_sec_mother{ width: 96%; margin: 0 auto; }
.service_sec_mother_list{ flex-wrap: wrap; margin-bottom: 30px; }
.service_sec_mother_item{ flex-basis: 100%; margin-right: 0px; display: flex; margin-bottom: 20px; }
.service_sec_mother_item a:hover{ opacity: .6; }
.service_sec_mother_item_tit{ margin-bottom: 0px; text-align: center; flex-basis: 30%; margin-right: 3%; }
.service_sec_mother_txt{ display: flex; align-items: flex-end; }
.service_sec_mother_txt p{ flex-basis: 75%; }
.service_sec_mother_img{ flex-basis: 20%; margin-left: 20px; }

.home_anshin_mother{ width: 90%; margin: 0 auto 40px auto; }
.home_anshin_mother > ul{ flex-wrap: wrap; }
.home_anshin_mother > ul > li{ flex-basis: 100%; display: flex; justify-content: space-between; }
.home_anshin_mother .topNavImg{ flex-basis:70%; }
.home_anshin_mother .topNavImg img{ width: 100%; height: auto; }
.home_anshin_mother .topNavTxt{ flex-basis: 40%; display: block; }
.home_anshin_mother .topNavTit01{ margin-bottom: 10px; }
.home_anshin_mother .topNavTxt01{  }

.home_anshin_mother{ background: url("/info/wp-content/uploads/home_workspace_mother_sp01.png") no-repeat center; background-size: contain; width: 370px; height: 370px; }
.home_anshin01_beans{ width: 70%; margin: 0 auto; padding-top: 210px; }

.mother_sec{ justify-content: space-between; }
.mother_sec01{ flex-basis: 48%; background-color: #fee3ec; padding: 20px 40px 30px 40px; border-radius: 20px; }

.list_mother01{ min-height: auto; }
.list_mother01 li{ position: relative; padding: 0 0 0 35px; font-size: 1.6rem; }
.list_mother01 li:before{ position: absolute; left: 10px; top: 4px; display: block; content: ""; width: 15px; height: 15px; border-radius: 50%; background-color: #eb6e9b; }

/* 研修 */
.training_sec{ width: 90%; margin: 0 auto 100px auto; }
.training_sec_service_list{ flex-wrap: wrap; align-items: center; margin-bottom: 80px; }
.training_sec_service_item{}
.training_sec_service_item_tit01{ flex-basis: 100%; text-align: center; margin-bottom: 10px;}
.training_sec_service_item_txt01{ flex-basis: 105%; }



.greeting_txt{ font-size: 2rem; letter-spacing: 2px; line-height: 2; }



.news_recruit{ background-color: #fff; padding: 20px; border-radius: 10px; }
.news_recruit_list{}
.news_recruit_item{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
.news_recruit_item_date{ flex-basis: 100%; font-size: 1.4rem; margin-bottom: 5px; }
.news_recruit_item_tit{ flex-basis: 100%; font-size: 1.8rem; }

.recruit_news_sec{}
.recruit_news_list{  }
.recruit_news_item{ display: flex; padding: 20px; border-bottom: 1px dashed var(--tit-color); }
.recruit_news_date{ margin-right: 20px; }
.recruit_news_tit{}


.wsp-container{}
.wsp-pages-list{ margin-left: 30px; }
.page_item{ line-height: 1.3; margin-bottom: 10px; list-style-type: disc; }
.page_item_has_children{ margin-top: 10px; }
.children{ margin-left: 30px; margin-top: 10px; }
.children .page_item{}


.list_sitemap01{ border-bottom: 2px dashed var(--tit-color); padding-bottom: 30px; margin-bottom: 30px; }
.list_sitemap01 li{ margin-bottom: 10px; }
.list_sitemap01 li a{}
.list_sitemap01 li ul{ margin: 10px 0 10px 30px; }
.list_sitemap01 li ul li{}


}
/* ----------------------------------------------------------
TAB CSS END
---------------------------------------------------------- */

/* ----------------------------------------------------------
PC CSS
---------------------------------------------------------- */
@media print, screen and (min-width: 1281px) and (max-width: 1600px){

/* フォントサイズ10px */
html{ font-size: 62.5%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; }

/* 非表示用 */
.nonePC		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */




/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu{ display: none; }




/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */


/* ぱんくず */
 
.breadcrumbs_sec{  } 
.breadcrumbs_sec > span{ display: inline-block; position: relative; color: #333; font-size: 1.2rem; }
.breadcrumbs_sec > span span{ margin-left: 15px; }
.breadcrumbs_sec > span a span{ margin-left: 0; }
.breadcrumbs_sec > span:first-child span{ margin-left: 0; }
.breadcrumbs_sec > span br{ display: none; }
.breadcrumbs_sec > span:before{ content: "/"; display: block; position: absolute; top: 0; left: 5px; color: #333; font-size: 12px; }
.breadcrumbs_sec span:first-child:before{ content: ""; margin-left: 0; }
.breadcrumbs_sec > span a{ color: #333; font-size: 1.2rem; margin: 0 0 0 20px; }
.breadcrumbs_sec > span:first-child a{ margin: 0 0 0 0; }
.breadcrumbs_sec span a:hover{ opacity: 0.6; }

/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */



}
/* ----------------------------------------------------------
 PC CSS END
---------------------------------------------------------- */
/* ----------------------------------------------------------
 PC WIDE CSS
---------------------------------------------------------- */
@media screen and (min-width: 1601px){
/* フォントサイズ10px */
html{ font-size: 62.5%; height: 100%; }

/* 基本のフォントサイズ */
body{ font-size: 16px; font-size: 1.8rem; height: 100%; }

/* 非表示用 */
.nonePCWIDE		{ display: none !important; }

/* ----------------------------------------------------------
 header
---------------------------------------------------------- */

	
/* ----------------------------------------------------------
 footer
---------------------------------------------------------- */
/* ページ下部 固定メニュー */
.btm_menu{ display: none; }



/* ----------------------------------------------------------
 hx
---------------------------------------------------------- */



/* ----------------------------------------------------------
 contents
---------------------------------------------------------- */





}
/* ----------------------------------------------------------
 PCWIDE CSS END
---------------------------------------------------------- */