@charset "utf-8";
/*===============================================事業概要メニュー */
#aboutmenu {
	text-align: center;
}
.button {
	position: relative;
	display: inline-block;
	border: 1px solid #F29E99;
	color: #764030;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: 10px 20px;
	padding: 10px 30px;
}
.button::after {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: -1;
	content: '';
	width: 101%;
	height: 105%;
	background-color: rgba(118,64,48,0.3);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.button a {
	color: #764030;
	font-weight: bold;
}
.button:hover {
	color: #fff;
}
.button:hover::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*===============================================事業概要 */
#content {
	margin-bottom: 90px;
}
#content .kasou {
	font-size: 1.5em;
	color: #333;
	text-align: left;
	margin: 25px 0 10px 0;
	position: relative;
	padding: 0.6em;
	background: #e0edff;
	margin-bottom: 20px;
	font-size: 1.5em;
}
#content .kasou:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #e0edff;
}
#station {
	border: 1px solid #f29e99;
	border-radius: 10px;
	margin: 7px 7px 30px;
}
#content .goannaitext {
	clear: both;
	color: #764030;
	font-size: 1.3em;
	text-align: 170%;
	padding: 20px;
}
.subtitle {
	margin-top: 90px;
}
#content #aisatu p {
	font-size: 1.3em;
	color: #764030;
	margin-top: 30px;
	line-height: 170%;
}
#aisatu .shomei {
	clear: both;
	font-size: 1.2em;
	color: #764030;
	line-height: 140%;
	text-align: right;
}
#aisatu .imgr img {
	margin: 0 20px 0;
}
.mt-10 {
	display: block;
	margin-top: -10px;
}
#content .teikan {
	font-size: 1.4em;
	border-radius: 10px;
	padding: 7px 18px;
	margin-right: 3%;
	color: #764030;
	margin-bottom: 2%;
}
#content .teikan a {
	color: #764030;
}
/*===============================================沿革 */
#enkaku, #ichiran {
	margin-left: 10px;
}
#enkaku .title_topinfo, #mezasumono .title_topinfo {
	background-image: url(../img/top/infotitle.jpg);
	text-align: left;
	padding: 4px 10px;
	font-size: 1.2em;
	color: #333;
	clear: both;
}
#enkaku .enkaku {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#enkaku .enkaku tr th {
	background-color: #efefef;
	border: 1px solid #ccc;
	padding: 15px 30px 15px 10px;
	color: #615D5D;
	white-space: nowrap;
	text-align: left;
}
#enkaku .enkaku tr td {
	background-color: #FFF;
	border: 1px solid #ccc;
	padding: 15px 10px;
}
/*===============================================事業所一覧 */
#jigyousho1, #jigyousho2, #jigyousho3 {
/*margin-bottom:56px;*/
}
h2 {
	color: #144C6F;/*文字色*/
	padding: 0.3em;/*文字周りの余白*/
	display: inline-block;/*おまじない*/
	line-height: 1.3;/*行高*/
	background: #E0EDFF;/*背景色*/
	vertical-align: middle;/*上下中央*/
	border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
	font-size: 1.3em;
	/*width:734px;*/
	width: 1200px;
	margin-top: 20px;
}
h2:before {
	content: '●';
	color: white;
	margin-right: 8px;
}
#jigyousho1 .imgr img, #jigyousho2 .imgr img, #jigyousho3 .imgr img, #jigyousho4 .imgr img, #jigyousho5 .imgr img, #jigyousho6 .imgr img {
	margin-top: 30px;
	border-radius: 24px;
}
.caption {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 0.9em;
}
#jigyousho1 table, #jigyousho2 table, #jigyousho3 table, #jigyousho4 table, #jigyousho5 table, #jigyousho6 table {
	margin: 20px;
	border-collapse: collapse;
	border-spacing: 0;
}
#jigyousho1 table tr th, #jigyousho2 table tr th, #jigyousho3 table tr th, #jigyousho4 table tr th, #jigyousho5 table tr th, #jigyousho6 table tr th {
	background-color: #efefef;
	/*padding: 10px 106px 10px 30px;*/
	padding: 19px;
	color: #615D5D;
	white-space: nowrap;
	text-align: left;
	vertical-align: text-top;
	border: 1px solid #ccc;
	width: 220px;
}
#jigyousho1 table tr .daihyou, #jigyousho2 table tr .daihyou, #jigyousho3 table tr .daihyou, #jigyousho4 table tr .daihyou, #jigyousho5 table tr .daihyou, #jigyousho6 table tr .daihyou {
	padding: 10px 106px 10px 30px;
	font-size: 1.2em;
	font-weight: 700;
}
#jigyousho1 table tr td, #jigyousho2 table tr td, #jigyousho3 table tr td, #jigyousho4 table tr td, #jigyousho5 table tr td, #jigyousho6 table tr td {
	padding: 10px 106px 10px 30px;
	border: 1px solid #ccc;
	width: 340px;
}
.square_btn {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 7px 10px 10px 10px;
	text-decoration: none;
	color: #FFF;
	background: #CC0000;
	transition: .4s;
}
.square_btn>span {
	border-bottom: solid 2px #FFF;
}
.square_btn:hover {
	background: #E0EDFF;
}
/*めざすもの */
#mezasumono p {
	line-height: 170%;
	margin-top: 20px;
}
/*===============================================職員の声 */
#voice {
	margin-bottom: 90px;
}
#content #voice .koe {
	margin-top: 30px;
	line-height: 200%;
}
#content #voice .koe .mark {
	font-size: 20px;
	background: linear-gradient(transparent 60%, #FAE438 60%);
}
#voice .textr img {
	border-radius: 24px;
}
/*===============================================2022/03/18画像追加*/
.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.flex-item {
	text-align: center;
}
.boder {
	border: 1px solid;
	padding: 3%;
}
	
/*===============================================
 768pxまで
===============================================*/
@media screen and (max-width:1024px) {
h2 {
	width: 98%;
	margin-top: 7px;
}
.flex-item2 {
	flex: 1;
}
#jigyousho1 .imgr img, #jigyousho2 .imgr img, #jigyousho3 .imgr img, #jigyousho4 .imgr img, #jigyousho5 .imgr img, #jigyousho6 .imgr img {
margin-left: 3%;
}
}
 @media screen and (max-width:768px) {

#aisatu p {
	clear: both;
}
h2 {
	width: 340px;
	margin-top: 7px;
}
#goannai div {
	width: 90%;
}
#jigyousho1 table, #jigyousho2 table, #jigyousho3 table, #jigyousho4 table, #jigyousho5 table, #jigyousho6 table {
	margin: 5px;
}
#jigyousho1 table tr th, #jigyousho2 table tr th, #jigyousho3 table tr th, #jigyousho4 table tr th, #jigyousho5 table tr th, #jigyousho6 table tr th {
	padding: 5px;
	white-space: normal;
	width: 100px;
}
#jigyousho1 table tr .daihyou, #jigyousho2 table tr .daihyou, #jigyousho3 table tr .daihyou, #jigyousho4 table tr .daihyou, #jigyousho5 table tr .daihyou, #jigyousho6 table tr .daihyou {
	padding: 5px;
}
#jigyousho1 table tr td, #jigyousho2 table tr td, #jigyousho3 table tr td, #jigyousho4 table tr td, #jigyousho5 table tr td, #jigyousho6 table tr td {
	border: 1px solid #ccc;
	width: 240px;
}
.caption {
	margin-bottom: 5%;
}
/*===============================================事業概要メニュー */
#about_ccl {
	clear: both;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.flex {
	display: block;
}
}
 @media screen and (max-width:420px) {
#aisatu .imgr {
	float: none !important;
	text-align: center;
}
h2 {
	width: auto;
	margin-top: 7px;
}
#jigyousho1, #jigyousho2, #jigyousho3, #jigyousho4, #jigyousho5, #jigyousho6 {
	margin-left: 0;
}
#jigyousho1 .imgr img, #jigyousho2 .imgr img, #jigyousho3 .imgr img, #jigyousho4 .imgr img, #jigyousho5 .imgr img, #jigyousho6 .imgr img {
	margin-right: 33px;
	margin-left: 0;
}
#jigyousho1 table tr td, #jigyousho2 table tr td, #jigyousho3 table tr td, #jigyousho4 table tr td, #jigyousho5 table tr td, #jigyousho6 table tr td {
	padding: 10px
}
}
 @media screen and (max-width:375px) {
#enkaku .enkaku tr th {
	width: 70px;
}
}
 @media screen and (max-width:320px) {
#enkaku .enkaku tr th {
	white-space: normal;
}
}
@media screen and (max-width: 559px) {
	#voice .textr {
		text-align:center;
		}
}

.split2, .split3, .split4, .split5, .split6, .l_cont, .r_cont {
	display: inline-block;
	vertical-align: top;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 10px 0;
	position: relative;
	z-index: 2;
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
	zoom: 1
}
.split4>li, .split5>li, .split6>li {
	margin: 0 .5% 10px
}
.split4>li {
	width: 24%;
	text-align: center;
}
@media only screen and (max-width :760px) {
.split3>li, .split4>li, .split6>li, .split5>li {
	width: 49%;
	margin: 2px .5% 5px!important
}

.spw100>li {
	width: 100%!important;
	margin: 0 0 10px!important
}
}
.bg-orange {
background-color:#ffc000;
}
.bg-blue {
background-color:#bdd7ee;
}
.bg-pink {
background-color:#fcb6f4;
}
.bg-green {
background-color:#a9d18e;
}
.p25 {
padding: 25px 0px;
}
.radius25 {
border-radius: 25px;
}
.f-size18 {
font-size: 18px;
}
.c-white {
color: white;
}
.bold {
font-weight: bold;
}
.shadow {
text-shadow: 2px 2px 6px #a3a3a3;
}