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

#container { overflow: hidden; }

.pc_none { display: none !important; }
.pc_block { display: block !important; }


/*---------------------------------------------------------------------
	site_header
---------------------------------------------------------------------*/
#site_header {
	display: table;
	table-layout: fixed;
	width: 100%;
}
#site_header .inner {
  position: relative;
  width: 1200px;
  padding: 15px 0 12px;
  margin: 0 auto;
}
#site_header .site_logo { float: left; }
#site_header .bank_info {
  position: absolute;
  display: inline;
  top: 28px;
  left: 232px;
  font-size: 11px;
  color: #333;
}
#site_header .bank_info li { padding: 1px 6px; }
#site_header .bank_code { border: 1px solid #bbb; }
#site_header .bank_name {
  font-size: 14px;
  text-align: center;
}
/*---------------------------------------------------------------------
	gnavi
---------------------------------------------------------------------*/
.gnavi {
	display: block;
	padding: 15px;
	background-color: #025FAC;
	position: relative;
}
.gnavi::before,
.gnavi::after {
  position: absolute;
  content: "";
  background: #fff;
  width: 100%;
  height: 1px;
}
.gnavi::before {
  top: 2px;
  left: 0;
}
.gnavi::after {
  bottom: 2px;
  left: 0;
}
	
/*---------------------------------------------------------------------
	pagebody
---------------------------------------------------------------------*/
.pagebody_inner {
    margin: 0 auto;
    width: 1200px;
}
.inner_930 {
  max-width: 930px;
  margin: 0 auto;
}

/*--------------------------------------------------
	alpha
--------------------------------------------------*/
#alpha {
  float: left;
  width: 77.5%;
}

/*--------------------------------------------------
	beta
--------------------------------------------------*/
#beta {
  float: right;
  width: 20%;
}
/*--------- text -----------*/
.page_ttl {
  background: url(../images/bg_page_ttl.png) top left;
	color: #333;
	font-size: 200%;
	font-weight: normal;
	position: relative;
	padding: 30px 0;
}
.page_ttl span {
  display: block;
  border-left: 5px solid #025FAC;
  max-width: 1200px;
  padding: 7px 10px 0 15px;
  margin: 0 auto;
}

.lead_01,
.content1 h2 {
	color: #1F1F1F;
  font-size: 133.33%;
  font-weight: normal;
  border-bottom: 2px solid #3FA0D6;
  padding: 8px 5px 8px 3px;
	margin-top: 40px;
  margin-bottom: 35px;
}

.lead_02,
.content1 h3 {
	color: #015FAC;
  font-size: 120%;
  font-weight: normal;
  border-bottom: 1px dashed #999;
  padding: 8px 5px 8px 3px;
  margin-bottom: 25px;
}
.lead_green {
  font-size: 2.4rem;
  color: #2b9a9f;
  line-height: 1.7;
  margin: 60px 0 100px;
}
.bg_box_yellow {
	background: #fff2d2;
	display: block;
	padding: 20px;
	max-width: 420px;
	margin: 50px 0;
	border: 3px solid #e79607;
}
/*---------------------------------------------------------------------
	site_footer
---------------------------------------------------------------------*/
#site_footer {
		position: relative;
	}
	#site_footer .copyright {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: auto;
	}
.copyright {
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #015EAB;
	padding: 8px 0;
}
.copyright::before {
  display: inline-block;
  vertical-align: middle;
  content: url(../images/icon_copyright.png);
  margin-right: 3px;
  }
.copyright::after {
  display: inline-block;
  vertical-align: middle;
  content: url(../images/icon_copyright.png);
  margin-left: 3px;
}

@media screen and (max-width: 1300px) {
  .page_ttl span,
	.pagebody_inner {
      margin: 0 auto;
      width: 880px;
  }
	
}
@media screen and (max-width: 980px) {
  .page_ttl span,
	.pagebody_inner {
      margin: 0 auto;
      width: 700px;
  }
	
}
@media screen and (max-width: 768px) {
	
	body { font-size: 13px; font-size: 1.3rem; }
	
	.sp_none { display: inherit !important; }
	.pc_none { display: none !important; }
	
	.sp_block { display: block; }
	.pc_block { display: inline; }
  .page_ttl span,
	.pagebody_inner {
      padding: 0 10px;
      width: 100%;
  }

	.page_ttl {
      font-size: 150%;
      padding: 20px 10px;
  }
	.lead_green {
      font-size: 1.8rem;
      margin: 30px 0 0;
  }
	#site_footer .copyright { font-size: 12px; }
}