@charset "UTF-8";

#index.online_session #content {
	width: 100%;
}


.font-ex {
font-size: 20px!important;
}
#visual {	
	background: linear-gradient(-45deg, rgba(119,101,65, 0.2), rgba(217, 186, 140, .2)),
	  url("../img/visual.jpg") top center repeat;
		background-size: cover;
	padding: 0px;
}


#visual h1 {	
	margin: 0px auto 0px auto;
	padding: 40px 20px 40px 20px;
	background: linear-gradient(-45deg, rgba(119,101,65, 0.9), rgba(217, 186, 140, 0.8));
	text-align: center;
	color: white;
	font-size: 24px;	
	line-height: 40px;	
	text-align: center;
}
#visual h1 small {
	font-size: 20px;	
}
#visual p {
	margin-top: 30px;
	text-align: left;
	font-size: 20px;
	line-height: 40px;
	padding: 30px 50px 60px 50px;
}

.section {
	width: 100%;	
}

.section .section-header {
	padding: 50px 0 25px 0;
}
.section .section-body {
	text-align: left;
	font-size: 16px;
	padding: 0 20px 0px 20px;
}
.section .section-body p {
}
.section .section-body p strong {
	color: #1f4e79;
	font-size: 20px;
}

.question strong {
	border-bottom:  1px solid #999;
	padding: 0 10px 10px 10px;
	margin-bottom: 10px;
	display: inline-block;
}

.section.con04 .section-header,
.section.con04 .section-body{
	padding: 0;
	color: #111;
	text-align: left;
	padding: 0 20px 0px 20px;
}

.section.con04 .section-body {
	border: 5px solid #333;
	text-align: left;
	padding: 20px 20px 30px 20px;;
	margin: 20px;
}
.section.con04 .section-body h4{
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	color: #fff;
	position: relative;
	background: #553529;
	margin-bottom: 30px;
	padding: 1em 2em;
}
.section.con04 .section-body h4:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #553529 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.section.con04 .section-body .basic h4 {
	background-color: #1d9737;
}
.section.con04 .section-body .basic h4:after{
  border-color: #1d9737 transparent transparent transparent;
}

.section.con04 .section-body .trial h4 {
	background-color: #1f4e79;
}
.section.con04 .section-body .trial h4:after{
  border-color: #1f4e79 transparent transparent transparent;
}
.section.con04 .extra {
	font-size: 22px!important;
	line-height: 38px;
	padding: 30px 30px 50px 30px;
}

.section.con05 {
	background: linear-gradient(-45deg, rgba(119,101,65, 0.2), rgba(217, 186, 140, .2)),
	  url("../img/visual.jpg") bottom center repeat;
		background-size: cover;
}
i.clock {
	display: inline-block;
	background: url("../../online/img/clock.svg") top center;
	width: 20px;
	height: 20px;
	margin-right: 0.5em;
}
		
.font-ex2 {
	font-size: 30px!important;
}
.font-ex2 span {
	font-size: 20px!important;
}