@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------------------------------------------------------------------
*  入居学生の生活
* --------------------------------------------------------------------------------------------------*/
#sec01 p + p {
	margin-top: 1.9em;
}
#sec02 {
	margin-bottom: 80px;
}
#sec03 {
}

/* 学生の声 */
/* 吹き出し本体 - 枠線付きの吹き出し */
.balloon1{
  position: relative;
  padding: 20px;
  border: 3px solid #41b9b0;
  border-radius: 10px;         /* 角丸を指定 */
  margin-left: 220px;          /* 左に余白を設ける */
  margin-right: 30px;
  margin-top: 50px;
}
/* 画像 - 絶対配置で左上に配置 */
.balloon1 .icon{
  position: absolute;
  left: -220px;
  top: -20px;
  width:180px;
  text-align: center;
}
.balloon1 .icon h3 {
	font-size: 1.125em;
	margin-top: 15px;
}
/* 三角アイコン - 枠線付きの吹き出し */
.balloon1::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -40px;
  top: 20px;
  border-right: 40px solid #41b9b0;
  border-top: 0px solid transparent;
  border-bottom: 40px solid transparent;

}
.balloon1::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -33px;
  top: 23px;
  border-right: 40px solid #FFFFFF;
  border-top: 0px solid transparent;
  border-bottom: 40px solid transparent;

}

/* 学生の1日 */
#sec03 dl.dl_time {
	display: inline-block;
	vertical-align: middle;
	width:450px;
	float:left;
	font-size: 1.125em;
	line-height: 1.0;
}
#sec03 dl.dl_time dt {
	margin-top:15px;
	padding:4px 0px 0px 35px;
	float:left;
	color:#00a496;
	font-weight: bold;
	background:url("../img/about/life/life_icon_clock.png") left center no-repeat;
}
#sec03 dl.dl_time dd {
	padding:19px 0px;
	border-bottom:#b9b9b9 1px dashed;
	padding-left:240px; 
}

#sec03 dl + dl{
	margin-left: 20px;
}

@media screen and (max-width:768px) {
	#sec01 p + p {
		margin-top: 1em;
	}
	#sec02 {
	}
	#sec03 {
	}
	/* 学生の声 */
	.balloon1{
  		margin-left: 170px;
  		margin-right:0;
	}
	.balloon1 .icon{
  		left: -170px;
  		top: -20px;
  		width:130px;
  		text-align: center;
	}
	/* 学生の1日 */
	#sec03 dl.dl_time {
		width:100%;
		float:none;
		font-size:1em;
	}
	#sec03 dl.dl_time dt {
		background:url("../img/about/life/life_icon_clock_s.png") left center no-repeat;
	}
	#sec03 dl.dl_time dd {
		padding:19px 0px;
		border-bottom:#b9b9b9 1px dashed;
		padding-left:50%; 
	}
	#sec03 dl + dl{
		margin-left: 0px;
	}
}