@charset "UTF-8";
.ttl01 {
    position: relative;
	width:100%;
	margin-bottom:10px;
}
.ttl02 {
	display:table;
	width:40%;
    position: absolute;
	top: 36%;
    left: 30%;
	padding:1.5% 0 1.5%;
	background-color:#FFFFFF;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
	display:inline-table;
	vertical-align:middle;
}
.ttl02 p {
	color:#333;
	font-size:131.25%;
	font-weight:bold;
}
#campus_index .txt01 {
	font-size: 118.75%;
	font-family: "Yu Mincho", "YuMincho", serif;
	margin-bottom:15px;
}
#campus_index .list01{
	margin-bottom:15px;
}
#campus_index .list01 li{
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
}

#campus_index .list01 li span {
	display: inline-block;
	width: 160px;
	padding: 1px 10px;
	margin: 0 10px 0 0;
	background-color: #9bbfc9;
	border-radius: 14px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-weight: normal;
	line-height: 1.6;
	font-size: 14px;
}
#campus_index .list02 li {
	list-style-position: inside;
	list-style-image: url(../img/campus_ekimae/campus_ekimae_pic_02.gif);
	padding-left: 8px;
}

@media all and (max-width:480px){
.ttl02 {
	display:table;
	width:70%;
    position: absolute;
	top: 34.5%;
    left: 15%;
	padding:1.5% 0 1.5%;
	background-color:#FFFFFF;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
	display:inline-table;
	vertical-align:middle;
}
.ttl02 p {
	color:#333;
	font-size:112.50%;
	font-weight:bold;
}
#campus_index .txt01 {
	font-size: 100.00%;
	font-family: "Yu Mincho", "YuMincho", serif;
	margin-bottom:10px;
}
}

ul.set{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.set > li:first-child{
	width: 50%;
	margin: 0;
	padding: 0;
	background-color: aqua;
}
ul.set > li:last-child{
	width: 50%;
	margin: 0;
	padding: 0;
	background-color: fuchsia;
}


dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
	align-items: top;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 0 10px 0;
}
dt {
  width: 140px;
  margin-bottom: 6px;
}
dt span{
	display: inline-block;
	width: 140px;
	padding: 1px 10px;
	background-color: #9bbfc9;
	border-radius: 14px;
	box-sizing: border-box;
	text-align: center;
	color: #fff;
	font-weight: normal;
	line-height: 1.6;
	font-size: 14px;
}

dd {
  width: calc(100% - 150px);
  padding: 0 0 0 0;
  margin-bottom: 6px;
  font-weight: bold;
}
@media all and (max-width:600px){
dt {
  width: 140px;
  margin-bottom: 3px;
}
dd {
  width: 100%;
  padding: 0 0 0 0;
  margin-bottom: 10px;
}
}