@charset "utf-8";

#sec_01 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0px;
	display: block;
}
#sec_01 .block {
	list-style-type: none;
}
#sec_01 .block li {
	font-size: 110%;
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	border: 1px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 0.3em;
}
#sec_01 .tag_list {
	list-style-type: none;
}
#sec_01 .tag_list li {
	position: relative;
	display: block;
	min-height: 2em;
	margin-left: 1em;
	margin-bottom: 0.3em;
	color: #fff;
	background: #1C95A9;
	padding-top: 0.3em;
	padding-left: 0.6em;
}

#sec_01 .tag_list li:before {
  position: absolute;
  top: 0;
  left: -1em;
  content: '';
  border-width: 1em 1em 1em 0;
  border-style: solid;
  border-color: transparent #1C95A9 transparent transparent;
}

#sec_01 .tag_list li:after {
  position: absolute;
  top: calc(50% - 5px);
  left: -5px;
  width: 10px;
  height: 10px;
  content: '';
  border-radius: 50%;
  background: #51AEBD;
}

#sec_02 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0px;
	display: block;
}
#sec_03 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0px;
	display: block;
}

#sec_04 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0px;
	display: block;
}
#sec_05 {
	clear: both;
	margin-top: 40px;
	margin-bottom: 0px;
	display: block;
}


/* Media Queries */
@media screen and (min-width:568px) {

}

@media screen and (min-width:768px) {

#sec_01 {
	clear: both;
	margin-top: 80px;
	margin-bottom: 40px;
	display: block;
}
#sec_01 .center {
	text-align: center;	
}
#sec_01 .tag_list {
	font-size: 1.2em;
}
#sec_02 {
	clear: both;
	margin-top: 80px;
	margin-bottom: 40px;
	display: block;
}

#sec_03 {
	clear: both;
	margin-top: 80px;
	margin-bottom: 40px;
	display: block;
}
#sec_04 {
	clear: both;
	margin-top: 80px;
	margin-bottom: 40px;
	display: block;
}
#sec_05 {
	clear: both;
	margin-top: 80px;
	margin-bottom: 40px;
	display: block;
}

}

@media screen and (min-width:1000px) {


}

@media screen and (min-width:1200px) {

}
