@charset "utf-8";
/* ---------------------------------
CSS Information
File name: top_page.css
------------------------------------ */

/*メタスライドカスタマイズ*/
.flex-control-paging li a {
    background: rgba(0,0,0,0.15)!important;
}

.flex-control-paging li a:hover {
    background: #00a05c!important;
}

.flex-control-paging li a.flex-active {
    background: #00a05c!important;
}

.our-business {
padding:50px 20px 0;
background: #00a05c!important;
}

.our-business h2 {
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight:500;
	margin:0 auto 30px;
	text-align: center;
	color:#fff;
}

#slide-wrap {
	width:100%;
	margin:0;
	padding:0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1f8f5+0,f1f8f5+50,f1f8f5+100&1+0,0+20,0+80,1+100 */
background: -moz-linear-gradient(left,  rgba(241,248,245,1) 0%, rgba(241,248,245,0) 20%, rgba(241,248,245,0) 50%, rgba(241,248,245,0) 80%, rgba(241,248,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(241,248,245,1) 0%,rgba(241,248,245,0) 20%,rgba(241,248,245,0) 50%,rgba(241,248,245,0) 80%,rgba(241,248,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(241,248,245,1) 0%,rgba(241,248,245,0) 20%,rgba(241,248,245,0) 50%,rgba(241,248,245,0) 80%,rgba(241,248,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f8f5', endColorstr='#f1f8f5',GradientType=1 ); /* IE6-9 */
}

@media screen and (max-width: 767px) {
#slide-wrap {
	width:100%;
	margin:0;
	padding:132px 0 0px;
	background:none;}
}

/*更新情報
--------------------------------------------*/
#info-wrap {
	width:100%;
	margin:0 auto;
	padding: 60px 0 80px;
}

#info { 
width:100%;
max-width:1100px;
margin:0 auto 0;
clear:both;
display: flex;
flex-wrap: wrap;
}

#info #info-left {
width:calc(100% - 260px);}
#info #info-right {
	width:220px;
	margin: 38px 0 0 40px;
	padding:0;
	word-wrap: break-word;
}

#info-left ul { list-style:none; margin:0;padding:0 0 0 0; }
#info-left ul li span { display:none; }
#info-left ul li.left-text { 
	/*color:#184CA1;*/
	font-size:13px;
	margin-bottom:12px;
	margin-top:3px;
	line-height:1.4;
}

#info-right img {
	width:220px;
	height:auto;
}

#info-right a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#info-left h2.koushin {
  font-family: 'Zen Maru Gothic', sans-serif;
  margin: 0 0 20px 10px;
  font-size:24px;
  letter-spacing: 3px;
  font-weight:500;
  color: #444;
}

.top-news {
	overflow:auto;
	width: 100%;
	height: 460px;
	margin-top:0em;
	margin-bottom:0;
	line-height:2.4;
	font-size:13px;
}

.new-top-icon {
display:inline-block;
vertical-align:middle;
}

.top-news .table_wrapper {
 border:none;
 width:100%;
}

.top-news .table_wrapper tr:nth-of-type(1){ 
	border-top:1px solid #ddd!important;
}
.top-news .table_wrapper tr { 
	border-bottom:1px solid #ddd!important;
}
.top-news .table_wrapper td { 
	border:none!important;
	letter-spacing:1.5px;
	padding:14px 0 13px;
	line-height:1.8;
	vertical-align:top;
}
.top-news .table_wrapper td.date-td {
	width: 13em;
	border:none;
}
.top-news .table_wrapper td.link-news { 
	padding-right:10px; }

.top-news .table_wrapper td.link-news a {
color:#444;
text-decoration:none !important;
-webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;}

.top-news .table_wrapper td.link-news a:hover { 
	color: #3ab54a; }

.top-news .table_wrapper td span.date { 
	margin-top:1em;
	  margin-bottom:1em;
	  margin-right:2em;
	  color:#00a05c;								   
	  font-weight:600;
	  margin-left:10px;
}

@media screen and (max-width:1200px) {
#info-wrap {
	width:90%;
	margin:0 auto;
	padding: 60px 0 60px;
}
}

@media screen and (max-width:840px) {
#info-wrap {
	width:90%;
	margin:0 auto;
	padding:30px 0 20px;
}
#info #info-left {width:100%;}
#info #info-right {
	margin:0 auto 0;
	clear:both;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:30px auto 0;
	padding:0;
	text-align:center;
	gap:0 10px;
	word-wrap: break-word;
	justify-content: center;
	align-items: center;
}
#info-right p {
	width:calc(33.3333% - 10px);
	height:auto;
}
#info-right p img {
	width:100%;
	height:auto;
}
}

@media screen and (max-width:767px) {
#info-wrap {
	width:90%;
	margin:0 auto;
	padding:30px 0 30px;
}
#info { display:row;}
#info #info-left {width:100%;}
#info-right p {
	width:calc(50% - 10px);
	height:auto;
}

#info-left h2.koushin {
margin:0.8em 0 0.8em;
font-size:22px;
text-align:center;
letter-spacing:3px;
}
	
.top-news .table_wrapper td { 
	letter-spacing:1px;
	padding:10px 0 10px;
	line-height:1.5;
}
.top-news .table_wrapper td.date-td {
	width:100%;
	display:block;
}
.top-news .table_wrapper td.link-news { 
	padding-right:0px;
	width:100%;
	padding:0 0 10px;
	display:block;
}
	
.top-news .table_wrapper td span.date { 
	margin-left:0px;
}	
}


/*支援事業のご案内
----------------------------------------*/
.our-business ul {
	margin: 0 auto;
	padding: 0 0 20px;
	list-style:none;
	display: flex;
    flex-wrap: wrap;
}

.our-business li {
    width:48%;
    margin:0 1%;
}

.our-business li a {
  margin: 0 0 10px;
  text-decoration:none;
  padding: 15px 0;
  display: flex;
  color:#444;
  font-size:15px;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.3);
	height:140px;
}
.our-business li a > div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.our-business li a > div > div {
  margin-right:0;
  width: calc(100% - 130px);
}
.our-business li p {
  font-size: 13px;
	line-height:1.6;
}
.our-business li h3 {
  font-family: 'Zen Maru Gothic', sans-serif;
  margin:22px 0 10px;
  font-size:24px;
  letter-spacing: 3px;
  font-weight:500;
  color: #00a05c;
}
.our-business li figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
}

.our-business li figure img {
    transform: scale(0.8);
}

.our-business > div {
  margin-right: -20px;
  padding: 0 0 45px;
  text-align: left;
  background-size: 180px auto;
}
.our-business > div p {
  padding: 30px 0 75px;
  color: #fff;
  line-height: 1.8;
  width: 55%;
}

@media screen and (min-width: 960px) {
  .our-business {
    padding: 50px 0 30px;
    background-size: 20px 20px;
  }
  .our-business ul {
  list-style:none;
    max-width: 1150px;
    padding: 0 0 10px;
    display: flex;
    flex-wrap: wrap;
  }
  .our-business li {
    width:31%;
    margin:0 1%;
  }
  .our-business li a {
    margin: 0 0 40px;
    height: 225px;
    justify-content: center;
    text-align: center;
    transition: all 0.25s ease 0s;
  }
  .our-business li a > div {
    padding: 10px 0 0;
    flex-wrap: wrap;
  }
  .our-business li a > div > div {
    margin: 0;
    order: 1;
    width: 100%;
  }
  .our-business li figure {
    width: 100%;
    height: 120px;
    order: 2;
    flex: inherit;
  }
.our-business li figure img {
  width: 90px;
  height: 90px;
}

.our-business li figure img {
    transform: scale(1);
}
  .our-business li:hover a {
    /*margin: -9px 0 31px;*/
    margin-top:-8px;
    margin-bottom:48px;
    /*width: 358px;*/
    /*height:150px;*/
    border-radius: 6px;
    transition: all 0.25s ease 0s;
  }
  .our-business li a:hover {
    background: #f1f8f5;
  }
  .our-business li:hover h3 {
    color: #444;
  }
}

@media screen and (max-width:767px) {
.our-business li {
    width:100%!important;
    margin:0 0;
}
.our-business li a {
	height:auto;
}
.our-business li h3 {
  margin:5px 0 0;}

}


/*トップページバナーエリア
----------------------------------------------------*/
.footer-zenfuku {
	width:100%;
	margin:0 auto 0;
	padding: 50px 0;
	text-align:center;
}
.footer-zenfuku-inner {
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:1200px;
	clear:both;
	border: #f1f8f5 solid 10px;
	background:#fff;
	margin:30px auto 15px;
	padding:30px 0;
	border-radius:10px;
}
.zenfuku a:hover { 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.Zbanner { width:40%;}
.Zbanner img.upper:nth-of-type(1) {margin-bottom:1em;}
.Zbanner a:hover { 
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.Ztext { width:60%;
		padding-top:10px;
		text-align:left;
		font-size:16px;
		line-height:1.7;
}

@media screen and (max-width:1260px) {
.footer-zenfuku-inner {
	width:90%;
	max-width:100%;
}
.Zbanner { width:40%;}
.Ztext { width:55%;padding-top:0px;}
}

@media screen and (max-width:767px) {
.footer-zenfuku-inner {
	width:90%;
	max-width:100%;
	padding:15px 0;
}
.Zbanner { width:100%;}
.Ztext { width:100%;padding:0px 20px;}
}


.footer-banner-area {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:center;
	background:#fafafa;
}

.footer-banner-area-inner {
	width:100%;
	max-width:1200px;
	margin:auto;
	padding:60px 0 80px;
	display:flex;
	flex-wrap:wrap;
}
.footer-banner-area-inner a:hover { filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
 }

.footer-banner-area-inner p { 
	width:33.33333%;
}

@media screen and (max-width:840px) {
.footer-banner-area-inner p a img { 
	height:auto;
	width:220px;
}	
}


@media screen and (max-width:767px) {
.footer-banner-area-inner p { 
	width:50%;
}
.footer-banner-area-inner p a img { 
	width:85%;height:auto;
}	
}