@charset "utf-8";
/* Component
   ----------------------------------------------------------------- */
.hd_form{
	position: absolute;
	right: 0;
	top: 19px;
}
.hd_form dl{
	display: table;
	height: 26px;
	overflow: hidden;
	box-sizing:border-box;
}
.hd_form dl dt,
.hd_form dl dd{
	display: table-cell;
	vertical-align: middle;
}
.hd_form dl dt{
	line-height: 20px;
}
.hd_search{
    background: #dadddf;
    font-size: 12px;
    color: #777777;
    border: none;
    width: 185px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    box-sizing: border-box;
}
.hd_btn{
	display: block;
	line-height: 26px;
	height: 26px;
	background: url(../images/top/search_icon.png) no-repeat center #dadddf;
	text-indent: -9999px;
	border: none;
	width: 30px;
}
/*メインテキスト*/
.sct_txt{
	font-size: 16px;
	line-height: 1.6;
}
.main_ttl{
	text-align: center;	
	display: block;
	font-size: 200%;
	color: #555555;
	margin-bottom: 29px;
}
.main_ttl span{
  position: relative;
	display: block;
	color: #013e94;
	font-size: 68%;
  padding-top: 10px;
}

.main_ttl span:before{
  position: absolute;
  top: 0;
  left: 50%;
  content:"";
  height: 2px;
  background:#014099 ;
  width: 346px;
  margin-left: -171px;
}
.pagetop{
	position: absolute;
	width: 204px;
	height: 40px;
	top: 0;
	left: 50%;
	margin-left: -102px;
	background: url(../images/top/page_top_bg.png) no-repeat top center;
	color: #353535;
}
.pagetop a{
	font-size: 68%;
	color: #353535;
	width: 204px;
	height: 40px;
	display: block;
	line-height: 35px;
	text-align: center;
}
@media screen and (max-width: 768px){
.main_ttl span:before{
      top: 6px;
    width: 292px;
    margin-left: -150px;
}
}