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

.mainvisual{
	text-align: center;
	
}


.mainvisual_img{
	position: relative;
}

.mainvisual_img h2{
	text-align: center;
}


.mainvisual .obi1{
	background: url("../../oraltalk/images/obi_bg1.gif");
	padding-top: 10px;
	text-align: left;
}

.obi_inner {
	max-width: 980px;
	margin: 0 auto;
	
}

.mainvisual .obi1 p{
	
}

.mainvisual .obi2{
	background: url("../../oraltalk/images/obi_bg2.gif");
	padding: 20px 0 5px;
	text-align: center;
	font-size: 4.7rem;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: -0.5rem;
}



h3 {
  position: relative;
  padding: 5px 0 ;
  font-size: 4.5rem;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 2.2;
  text-align: center;
  color: #144199;
  margin-bottom: 50px;
}

h3:first-letter{
  color: #144199;
 }


h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 80px);
  width: 160px;
  height: 2px;
  content: '';
  border-radius: 3px;
  background: #144199;
}

.copy{
	margin: 0 auto;
}

.oraltalk_img{
	margin: 50px auto;
}





@media (max-width: 820px) {
	
.mainvisual .obi1{
	
	padding-top:0;
}	

.obi_inner {
	max-width:50%;
	margin: 0;
	padding: 1.5% 1% 0;
	text-align: left;
	
}	
	
.mainvisual{
	
}	

	
h3 {
  position: relative;
  padding: 5px 0 5px;
  font-size: 2.2rem;
  font-weight: bold;
}	
	

	
	
	}