/*
Theme Name: oowaku
Theme URI: 
Description: 大和久福祉会のテーマです
Author: sato
Author URI: 
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/
body{
	font-size:16px;
}
/*ヘッダー部分*/
.site-branding__heading{
	max-width:360px;
}
.header__col  {
	/*overflow:hidden;*/
	clear:both;
}
.site-branding{
	float:left;
}
.header-right {
	float:right;
	margin-top:30px;
}

.header-right ul {
	overflow:hidden;
	clear:both;
}
.header-right ul li{
	list-style:none;
	float:left;
	font-size:12px;
	padding:5px 20px;
	margin:0 5px;
	background-color:#85BA43;
	border-radius:20px;
	
}

.header-right ul li a{
	display:block;
	text-decoration:none;
}
.header-right ul li a:link{color:#fff;}
.header-right ul li a:visited{color:#fff;}
.header-right ul li a:hover{color:#fff;}
.header-right ul li a:active{color:#fff;}

/*ヘッダーメニュー部分*/
header ul.menu {
		width: 600px;
		margin: 0 auto;
	}

header ul li{
	font-weight:bold;
}

.global-nav .menu li{
	color:#000000;
	background-color:#ffffff;
	 -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all  0.8s ease;
}



	.global-nav .menu li:first-child {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(2) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(3) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(4) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(5) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(6) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}
	.global-nav .menu li:nth-child(7) {
			margin-right:2px;
		border-bottom: solid 7px #FFA500;
	}

.global-nav .sub-menu {
	width: 300px;
}
	
#shinsotsu, #chuuto {
	scroll-margin-top: 150px;
}

#greeting, #policy, #history {
	scroll-margin-top: 150px;
}

/*フッター部分*/
.title{
	max-width:400px;
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	font-weight:bold;
}
.tel{
	font-size:24px;
	font-weight:bold;
}
.add{
	font-size:18px;
	font-weight:bold;
}
.tel br,.add br {
	display: none;
}
#nav_menu-3{
	margin-top:50px;
}
#nav_menu-3 .menu li{
	float:left;
	margin-right:10px;
	font-size:14px;
}
#nav_menu-3 .menu li:after{
	content:"";
	padding-right:10px;
	border-right: solid 1px #333;
}
.footer .sub-menu { 
	display: none; 
}
/*メインコンテンツボックス*/
.main-contents{ width:1260px; margin:0 auto;}

/*見出し*/
.h2-jan{
	font-family: 'Noto Serif JP', serif;
	margin:60px 0 0 0;
	font-weight:bold;
	text-align: center;
	font-weight: bold;
	letter-spacing:0.3em;
	position: relative;
	margin-bottom: 70px;
	color: #666;
	font-weight: bold;
	border:none;
}
.h2-jan:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -15px;
	display: inline-block;
	width: 350px;
	height: 5px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #25a55f;	
	border:none;
}

.h2-en{
	margin-top:-50px;
	padding-top:0;
	text-align: center;
	color:#346473;
}

h2 {
	color:#333;
	padding-bottom:5px;
  border-bottom: solid 3px #85BA43;
  position: relative;
}

h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #25a55f;
  bottom: -3px;
  width: 30%;
}

h3{
	margin-top:30px;
	padding:10px 20px;
	font-size:20px;
	background:#c9f099;
}
/*画像センター揃え*/
.img-center {
	display: block;
	margin: 0 auto;
}
/*テキストセンター揃え*/
.center-text{
	margin:40px 0;
	text-align: center;
	line-height:2em;
}
/*clearfix*/
.clearfix {
	display: block;
	content: "";
	float: none;
}
/*フッター*/
#footer{margin-top:0;}
.footer{margin-top:-10px!important;}
/*フッターコピーライト*/
.copyright {
    background-color: #346473;
    color: #fff;
    padding: 15px 0;
    text-align: center;
}
/*BOX*/
.box-01{
	width:100%;
	margin:20px 0 0 0;
}
.box-01-inner{
	max-width:900px;
	margin:0 auto;
	padding:40px 0;
}

.bg-gray{background-color:#efefef;}
/*トップページ*/
/*新着情報*/
.news_list{width:100%; margin:0; padding:0;}
.news_list li{padding:8px 14px;list-style:none;font-size:16px; }
.news_list li:nth-child(odd){background-color:#fff;}
.news_list li:nth-child(even){background-color:#efefef;}
.new-m{margin:0 10px;padding:2px;background:red; border-radius:5px; color:#fff;font-size:10px;font-weight:bold;}
.cat-event{margin:0 10px;padding:2px 30px;background:#ffd24e;color:#333; font-size:12px;font-weight:bold;text-align:center;}
.cat-news{margin:0 10px;padding:2px 30px;background:#003e92;color:#fff; font-size:12px;font-weight:bold;text-align:center;}
.cat-koushin{margin:0 10px;padding:2px 30px;background:#25a55f;color:#fff; font-size:12px;font-weight:bold;text-align:center;}
/*ブログ*/
.looparea {
	border-bottom: solid 1px #eee;
	margin-top: 20px;
}
/*2カラム・３カラム*/
.card-box-01 ul{
	list-style:none;
	padding:0;
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	align-content: flex-start;
}
.card-box-01 ul li{
	width:49%;
	padding:20px;
	margin-bottom:20px;
	border-radius:10px;
	margin-right:2%;
}
.card-box-01 ul li.list-2:nth-of-type(2n){margin-right:0;}
.card-box-01 ul li.list-3{
	width:32%;
}
.card-box-01 ul li.list-3:nth-of-type(3n){margin-right:0;}
.card-box-01 ul li.list-4{
	width:24%;
	margin-right:1%;
}
.card-box-01 ul li img {
	max-width: 100%;
	height:auto;
	display: block;
	margin: 5px auto;
}

.card-box-02 ul{
	list-style:none;
	padding:0;
	display:flex;
	display:-ms-flexbox;
	flex-wrap:wrap;
	justify-content: space-between;
}
.card-box-02 ul li{
	width:32%;
	margin-bottom:20px;
}
.card-box-02 ul li img {
	max-width: 98%;
	height:auto;
	display: block;
	margin: 0 auto;
}

/*施設案内ページスタイル*/
.shisetsu-box h4
{
	padding:10px 20px;
	font-size:20px;
	background:#e1fbe3;
}
.img-oval {
	border-radius: 100px;
}
.slide-wrap {
	width: 500px;
}
/*
.president {
	box-shadow: 0 4px 15px rgba(0,0,0,0.12);
}


/*グループフォームページ*/
.wp-caption-text {
	font-size: 23px;
	font-weight: bold;
}
/*求人ページスタイル*/
.kyujin-list {
	padding-left:0;
}
.kyujin-list li{
	list-style:none;
}

.kyujin-list table{
  width: 100%;
  border-collapse: collapse;
}

.kyujin-list table tr{
  border-bottom: solid 2px white;
}

.kyujin-list table tr:last-child{
  border-bottom: none;
}

.kyujin-list table th{
  position: relative;
  text-align: left;
  width: 20%;
  background-color: #85BA43;
  color: white;
  padding: 10px 0;
	padding-left:50px;
}

.kyujin-list table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #85BA43;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.kyujin-list table td{
  text-align: left;
  width: 80%;
  background-color: #eee;
  padding: 10px 0;
	padding-left:50px;
}
/*お問い合わせページ*/
.wpcf7 {
	width: 100%
}
.wpcf7 input[name="your-name"],
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
 	background-color: #fff;
 	color: #333;
	font-weight: normal;
 	width: 100%;
	font-size: 100%;
	border: solid 1px #7d7d7d;
	padding: 0.5em;
 	box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;
	border-radius: 3px;
 	
}
.wpcf7 input[type="submit"]{
	display: block;
	width: 100px;
	height: 40px;
	margin: 20px auto 0;
	padding: 0.2em 1em;
	background: #85ba43;
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #ccc;
	
	
}
.wpcf7 input[type="submit"]:hover {
	color: #ccc;
}
.hissu {
	background: #25a55f;
	color: #fff;
	font-size: 11px;
	padding: 3px;
	border-radius: 4px;
	margin-left: 5px;
}
table.contact {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;	
}
table.contact th {
	width: 23%;
	background-color: #f2f9e8;
	padding: 1.5em;
	border: solid 1px #bccab6;
	text-align: center;
}
table.contact td {
	padding: 1.5em;
	border: solid 1px #bccab6;
	background-color: #fff;
}
/*大和久福祉会についてページ*/
.text-box {
	width: calc(65% - 30px);
	margin: 15px;
	float: left;
}
.img-box {
	width: calc(35% - 30px);
	margin: 15px;
	float: right;
}
.president {
	text-align: center;
}
.president img {
    width: 300px !important;    /* ←好きな大きさに調整OK */
    height: auto !important;
    max-width: 300px !important;
    border-radius: 50%;         /* 丸さキープ */
    object-fit: cover;
}
.president-name {
	text-align: ;      /* 画像の下で中央揃え */
    font-size: ;        /* 少し大きめ */
    margin-top: 15px;        /* 画像との隙間 */
    font-weight: ;       /* 名前を強調 */
}
.rinen-wrap {
	width: 900px;
	margin: 0 auto;
}
.rinen-box {
	display: block;
	width: calc(100% / 3 - 100px);
	margin: 10px 50px;
	height: 195px;
	border-radius: 50%;
	text-align: center;
	background-color: #89c014;
	float: left;
	color: #fff;
	line-height: 1.4;
}
.rinen-box p {
	font-size: 30px;
	font-weight: bold;
	padding-top: 60px;
}
.line2 {
	font-size: 17px;
	font-weight: normal;
	display: block;
}
.bg2 {
	background-color: #6ac4f3;
}
.bg3 {
	background-color: #f7c780;
}
dl.list {
	width: 100%;
	margin: 0 auto;
}
dl.list dt {
	position: relative;
	padding: 0 0 0.5em 1.2em;
	margin-bottom: 20px;
	float: left;
	
}
dl.list dt::after {
	position: absolute;
	top: 10px;
	left: 0;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #85BA43;
}
dl.list dd {
	padding-left: 200px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom:1px dotted #ccc;
}
dl.list:after {
	display: block;
	content: '';
	clear: none;
}
/*サイトマップページ*/
.sitemap {
	width: calc( 50% - 60px);
	margin: 0 30px;
	float: left;
}
.sitemap dl {
	margin: 10px 0;
}
.sitemap dl dt {
	
}
.sitemap dl dt {
	position: relative;
	padding: 0 0 0.5em 1.2em;
}
.sitemap dl dt::after {
	position: absolute;
	top: 10px;
	left: 0;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #85BA43;
}
.sitemap dl dd{
	padding-left: 2em;
}
.sitemap dl dt a,
.sitemap dl dd a {
	text-decoration: underline;
}
/*施設配置図アクセスページ*/
dl.list2 {
	width: 100%;
	margin: 0 auto;
}
dl.list2 dt {
	position: relative;
	padding: 0 0 0.5em 1.2em;
	margin-bottom: 5px;
	font-size: 20px;
}
dl.list2 dt::after {
	position: absolute;
	top: 10px;
	left: 0;
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #85BA43;
}
dl.list2 dd {
	padding-left: 1em;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom:1px dotted #ccc;
}
dl.list2:after {
	display: block;
	content: '';
	clear: none;
}
@media screen and (max-width: 991px) {
	.site-branding{
		float: none;
	}
	.header-right {
		float: none;
	}
	
	table.contact th {
		width: 30%;
	}
	table.contact td {
		width: 70%;
	}
	.rinen-wrap {
		width: 100%;
	}
	.rinen-box {
		width: calc(100% / 3 - 60px);
		margin: 10px 30px;
		height: 175px;
	}
	.text-box {
		float: none;
		width: 100%;
		margin: 0;
	}
	.img-box {
		float: none;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width: 780px) {
.header-right ul li{
	font-size:10px;
	padding:2px 5px;
	margin:0 2px;
}
	.header-right ul {
		margin-left: -40px;
		margin-right: -50px;
	}
	.card-box-01 ul {
		display: block;
		width: 100%;
	}
	.card-box-01 ul li{
		width:100%;
		padding:20px;
		margin-bottom:20px;
		border-radius:10px;
		margin-right:2%;
	}
	.card-box-01 ul li.list-2:nth-of-type(2n){margin-right:0;}
	.card-box-01 ul li.list-3{
		width:100%;
	}
	.card-box-01 ul li.list-3:nth-of-type(3n){margin-right:0;}
	.card-box-01 ul li.list-4{
		width:100%;
		margin-right:1%;
	}
	table.contact th {
		width: 100%;
		padding: 1em;
		text-align: left;
		display: block;
	}
	table.contact td {
		width: 100%;
		display: block;
		padding: 1em 1em 1.5em;
	}
	.rinen-box {
		float: none;
		width: 200px;
		margin: 20px auto;
		height: 200px;
	}
	.rinen-box p {
		padding-top: 50px;
	}
	.tel br,.add br {
		display: block;
	}
	.kyujin-list table th{
		padding: 10px;
	}
	.kyujin-list table td{
		padding: 10px 10px 10px 20px;
	}
	.gallery-item {
		width: 100% !important;
		float: none;
		
	}
	dl.list dt {
		float: none;
	}
	dl.list dd {
		float: none;
		padding-left: 0;
	}
	.sitemap {
		float: none;
		width: 100%;
		margin: 0;
	}
}
@media screen and (max-width:320px) {
	.header-right ul li{
		float: none;
		width: 200px;
		margin: 10px 0;
		text-align: center;
	}
}