@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:left;
	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;
	}

#day p{
	line-height:170%;
	margin:0 20px;
	}
	
#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 .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;
}
.u-line{
	border-bottom: 4px solid #5586ad;
	margin: 8px 0;
	font-weight: bold;
	display:inline-block;
	}

.flex{
	display: flex;
	}
.flexitem {
	flex: 1; }
.flexitem 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){
#day dl{
	padding:0;
}
#day{
	width:100%;
}
#day .clearfix dd{
	width:31.83%;
	margin-bottom:1%;
	}	
}
@media screen and (max-width: 959px) {
}
@media screen and (max-width:900px){
#goriyou .step{
	padding:4px;
	margin:20px 20px 10px 10px;
}
}

/*===============================================
 768pxまで
===============================================*/
@media screen and (max-width:768px){
#goannai img {
	width:80%;
	height:auto;
}
#goannai div {
	width:90%;
}
.contactimg{
	clear:both;
 } 
.flex,
	.flex-day{
		display: block;
	}
}

@media screen and (max-width:500px){
.kemushi img {
    position: relative;
    top: -54px;
    z-index: 2;
    width: 20%;
    margin-bottom: 20px;
	}
#day .clearfix dd{
	width:97.5%;
	}
}