@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;
}
.midashi {
    text-align: left;
    margin:20px 0 0 20px;
    font-size: 1.5em;
	color: #764030;
	font-weight:700;
}

/*===============================================共通　中見出し */
.title_topinfo{
	clear:both;
	background-image:url(../img/top/infotitle.jpg);
	text-align:left;
	padding:4px 10px;
	font-size:1.2em;
	color:#333;
	margin:60px 0 17px;
	}

/*===============================================支援の流れ */
#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;
	}
#day .clearfix .nigyou{
	padding:10px 4px;
	}



.nagare{
	line-height:170%;
	margin:0 20px;
    font-size: 120%;
    font-weight: 700;
    color: #209cd2;
	text-align:left;
	font-weight:700;
	}
	
#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;
}
	
/*===============================================ご利用案内 */
#goriyou{
	margin:14px 0;
	}

.goriyou-item .step,
#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-container{
	display:flex;
	}
.goriyou-item{
	margin: 0 30px 10px 20px;
	flex: 1;
}
.goriyou-guide{
	margin: 10px 30px 30px;
}
.boder-b{
    border-bottom: 4px solid #5586ad;
    margin: 8px 0;
    font-weight: bold;
    display: inline-block;
	}
.goriyou-guide li a img{
	margin-top:3%;
	}

/*=============================================== 交通アクセス */
#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;
	}
	
/*=============================================== 2022/03　追加 */	
#day .container{
	display: flex;
	flex-wrap: wrap;
	}
#day .container li{
	background-color: #AAD153;
	border-radius: 14px;
	box-sizing: border-box;
	margin: 0.5% 0.3%;
	border: 9px solid #A9D153;
	padding: 0 1.1%;
	}
.imgr img{
	margin: 20px 10px;
    border-radius: 24px;
}


@media screen and (max-width: 959px) {
#day dl{
	padding:0;
}
#day{
	width:100%;
}
#day .clearfix dd{
	width:31.83%;
	margin-bottom:1%;
	}
.goriyou-container{
	display:block;
	}
.goriyou-item{
	margin: 0;	
}
}	

/*===============================================
 768pxまで
===============================================*/
@media screen and (max-width:768px){
#sagyoujo .imgr{
	float:none !important;
	text-align:center;
	}
#goannai img {
	width:80%;
	height:auto;
}

#goannai div {
	width:90%;
}
/*.contactimg{
	clear:both;
 } 
 
.contactimg a img{
	margin:20px 152px 30px;
	}
*/
}

@media screen and (max-width:500px){
#day .clearfix dd{
	width:97.5%;
	}	
/*.contactimg a img{
	margin:20px 0 30px;
	}	*/
.kemushi img {
    position: relative;
    top: -54px;
    z-index: 2;
    width: 20%;
    margin-bottom: 20px;
}
#day .container{
	display:block;
}
}