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

.mainvisual{
	background: url("../../column/images/ttl_bg.gif");
	text-align: center;
	padding: 25px 1% 15px;
}

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;
}

.column_section01_img{
	float: right;
	margin-left: 3%;
	
}

.column_section02_img{
	float: right;
	margin-left: 3%;
	
}

.column_section03_img{
	text-align: center;
	margin: 100px auto;

}




@media (max-width: 820px) {
	
h3 {
  position: relative;
  padding: 5px 0 5px;
  font-size: 2.2rem;
  font-weight: bold;
}
	
	

.mainvisual{
	background: url("../../column/images/ttl_bg.gif");
	text-align: center;
	padding: 25px 3% 15px;
}	
	
	

.column_section01_img{
	float: right;
	margin-left: 1%;
	width: 40%;
}
	
.column_section02_img{
	float: none;
	margin: 1% 10%;
	width: 80%;
	
}

.column_section03_img{
	text-align: center;
	margin: 50px auto 30px;

}
	
	
	}