@charset "utf-8";
/********** 内側 **********/
#online .online-inner{
	padding:35px 20px;
}

/********** 見出し **********/
#online h2{
	margin:0 0 15px;
	padding:5px;
	font-weight:bold;
	font-size:170%;
	color:#FFF;
	background-color: #000;
}
#online h3{
	margin:0 0 15px;
	padding:0 0 5px;
	border-bottom:solid 3px #005dba;
	font-weight:bold;
	font-size:160%;
	color:#00008b;
}
#online .section h4{
	margin:50px 0 15px;
	padding:0 0 5px;
	font-weight:bold;
	font-size:140%;
	color:#000000;
}
#online .section h5{
	margin:20px 0 20px;
	padding:0 0 5px;
	font-weight:bold;
	font-size:120%;
	color:#000000;
}
#online .txt{
	margin:0 0 40px;
}
#online .txt p{
	line-height:2.5;
	font-size:110%;
	margin:0 0 20px;
}
#online .txt p .mark1{
	font-weight:bold;
	font-size:110%;
}
#online .txt p .mark2{
	background:linear-gradient(transparent 80%, #66ccff 80%);
	font-size:110%;
	font-weight:bold;
}
#online .txt p .mark3{
	background:linear-gradient(transparent 90%, #005dba 90%);
	font-size:110%;
	font-weight:bold;
	color:#005dba;
}
#online .alert-box {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 14px;
  background: #9bfaf2;
  border: solid 3px #6bc2ba;
  box-sizing: border-box;
}

#online .alert-box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #6bc2ba;
  z-index: 2;
}

#online .alert-box:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #6bc2ba;
  z-index: 1;
}

#online .alert-box p {
  margin: 0;
  padding: 0;
}