@charset "utf-8";
/*手と手の広場とは */
#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;
}
#sagyoujo {
	border: 1px solid #f29e99;
	border-radius: 10px;
	margin: 7px 7px 30px;
}
#content .goannaitext {
	color: #764030;
	font-size: 1.3em;
	text-align: 170%;
	padding: 30px 20px 20px;
}
/*共通　中見出し */

.title_topinfo {
	clear: both;
	background-image: url(../img/top/infotitle.jpg);
	text-align: left;
	padding: 4px 10px;
	font-size: 1.2em;
	color: #333;
	margin-top: 60px;
}
/*支援の流れ */
#day {
	text-align: center;
	margin: 14px 0;
}
#day dl {
	padding: 23px 50px 0;
}
#day .clearfix dd {
	float: left;
	width: 11.9%;
	background-color: #AAD153;
	border-radius: 14px;
	box-sizing: border-box;
	margin: 0 0.3%;
	border: 9px solid #A9D153;
	height: 60px;
}
#day .clearfix .nigyou {
	padding: 10px 4px;
}

.flex-day{
	display: flex;
   justify-content:space-between;
　gap: 10px;
}

.nagare li{
  background-color: #AAD153;
  border-radius: 14px;
  padding: 0.3% 3%;;
  box-sizing: border-box;
  border: 9px solid #A9D153;
	display: flex;
    align-items: center;
}

/*2022/03/18画像追加*/
.flex {
	display: flex;
	flex-wrap: wrap;
	background-image: url(../../img/footer/bgf-1.jpg);
}
.flex::after {
	content: "";
	display: block;
}
#content #shigoto .flex .flex-item {
	margin: 1.0% 0.6%;
}
.flex .flex-item img{
	    border-radius: 24px;
		}
#day p {
	line-height: 170%;
}
#day .step1 {
	color: #00AEDE;
	font-weight: bold;
	text-align: left;
	margin: 30px 0 0 10px;
	list-style: decimal;
}
#day .step1:first-letter {
	font-size: 3em;
}
#dayt_side .brbk {
	background-color: #9ACAF0;
	border-radius: 10px;
	color: #fff;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding: 7px 30px;
	text-align: center;
}
/*サービスの内容 */
#shigoto {
	margin: 10px;
}
#shigoto .clearfix dt {
	clear: both;
	float: left;
	line-height: 200%;
	font-weight: 700;
	margin-left: 10px;
	white-space: nowrap;
}
#shigoto .clearfix dd {
	float: left;
	line-height: 200%;
}
/*ご利用案内 */
#goriyou {
	margin: 14px 0;
}
#goriyou .step {
	width: 90%;
	background-color: #9ACAF0;
	border-radius: 14px;
	padding: 4px;
	margin: 20px 10px 10px 10px;
	border: 9px solid #9ACAF0;
	text-align: center;
	font-weight: bold;
}
#goriyou #fl {
	float: left;
	width: 44%;
	margin: 0 30px 10px 20px;
}
#fl p {
	margin: 10px 30px 10px 30px;
	line-height: 170%;
}
#fl dl {
	margin: -10px 30px 10px 30px;
	line-height: 170%;
}

.flex-riyou{
	display: flex;
	}
.riyouitem {
    flex: 1; 
}
.riyouitem ul{
		padding:1% 6%;
	}

/* 交通アクセス */

#map {
	margin-bottom: 70px;
}
 .#map .inner .subtitle {
 position: relative;
 top: 50px;
 z-index: 1;
}
.kemushi img {
	position: relative;
	top: -90px;
	z-index: 2;
}
.kemushi img {
	transition: 0.3s;
}
.kemushi img:hover {
	-webkit-transform: translate(9px, 9px);
	-moz-transform: translate(9px, 9px);
	-ms-transform: translate(9px, 9px);
	-o-transform: translate(9px, 9px);
	transform: translate(9px, 9px);
}
#map_canvas {
	width: 100%;
	height: 450px;
	margin: 0 0 25px 0;
}
#map_canvas2 {
	width: 100%;
	height: 450px;
	margin: 0 0 25px 0;
}
#map #access {
	color: #333;
	line-height: 170%;
	margin: -60px 0 25px 10px;
}
#map #access2 {
	color: #333;
	line-height: 170%;
	margin: 60px 0 25px 10px;
}
#map #access dt, #map #access2 dt {
	font-weight: 700;
	margin-top: 10px;
}
#map #access dd .dt {
	font-weight: 700;
	margin-top: 10px;
}
/* 共通 */
.subtitle {
	margin-top: 90px;
}
.contactimg {
	text-align: center;
	margin-top: 6%;
}
 @media screen and (max-width:1000px) {
#goriyou #fl {
	margin: 10px;
	width: 43%;
}

#day dl {
	padding: 0;
}
#day {
	width: 100%;
}
#day .clearfix dd {
	width: 31.83%;
	margin-bottom: 1%;
}
}

/*===============================================
 768pxまで
===============================================*/
@media screen and (max-width:768px) {
/*#content {
	margin-top:-306px;
}
*/
#goannai img {
	width: 80%;
	height: auto;
}
#goannai div {
	width: 90%;
}
		.flex-day{
		display: block;
	}
	.nagare li{
		margin: 2% 0;
		display: block;
	}
.flex-riyou{
	display: block;
	}
}
 @media screen and (max-width:900px) {
#goriyou #fl {
	clear: both;
	margin: 0 30px 10px -4px;
	width: 100%;
}
#goriyou .step {
	padding: 4px;
	margin: 20px 20px 10px 10px;
}
}
 @media screen and (max-width:500px) {
#day .clearfix dd {
	width: 97.5%;
}
.kemushi img {
	position: relative;
	top: -54px;
	z-index: 2;
	width: 20%;
	margin-bottom: 20px;
}

}
@media screen and (max-width: 959px) {
.flex{
	justify-content:center;
}
}
@media screen and (max-width: 559px) {
#day .clearfix dd {
	height: auto;
	padding: 1% 0;
}
.flex {
	display: block;
	text-align: center;
}
}