@charset "utf-8";

/*================================================================================
  nav
==================================================================================*/
#sevenbank > .h1 nav ul li {
	width: calc(100% / 5);
}
#sevenbank > .h1 nav ul li a .icon {
	width: 43px;
	height: 43px;
	background-size: 43px auto;
}
#sevenbank > .h1 nav ul li.nav_outline a .icon {
	background-image: url('../kojin/benri/sevenbank/img/nav_icon01.png');
}
#sevenbank > .h1 nav ul li.nav_account a .icon {
	background-image: url('../kojin/benri/sevenbank/img/nav_icon02.png');
}
#sevenbank > .h1 nav ul li.nav_info a .icon {
	background-image: url('../kojin/benri/sevenbank/img/nav_icon03.png');
}
#sevenbank > .h1 nav ul li.nav_residence a .icon {
	background-image: url('../kojin/benri/sevenbank/img/nav_icon04.png');
}
#sevenbank > .h1 nav ul li.nav_faq a .icon {
	background-image: url('../kojin/benri/sevenbank/img/nav_icon05.png');
}

/*================================================================================
  topimg
==================================================================================*/
#sevenbank .topimg {
	background: url(../kojin/benri/sevenbank/img/main_bg.png) repeat-x bottom, #f1f2f4;
}

/*================================================================================
  h2
==================================================================================*/
#sevenbank.h1menu #content .section:first-child .inner > .h2 h2 {
	border-top: solid 4px #009b63;
}

/*================================================================================
  merit
==================================================================================*/
#sevenbank > #content .section .merit_area .merit .text .green sup {
	font-size: 55%;
	top: -0.7em;
}
#sevenbank > #content .section .merit_area .merit .merit_br01 {
	display: inline;
}
@media screen and (min-width: 767px) and (max-width: 880px) {
	#sevenbank > #content .section.outline .merit_area .merit .text {
		font-size: min(2.2rem, 2.2vw);
	}
	#sevenbank > #content .section.outline .merit_area .merit .text span {
		font-size: min(3.0rem, 3.3vw);
	}
}

/*================================================================================
  flow
==================================================================================*/
#sevenbank > #content .flow_area .flow .inner > img {
	max-height: 150px;
}

/*================================================================================
  util
==================================================================================*/
.fz-l {
	font-size: 1.6rem;
}
.fw-b {
	font-weight: bold;
}
.br-l {
	display: inline;
}

@media screen and (max-width: 1024px) {
	/*================================================================================
	  util
	==================================================================================*/
	.br-l {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	/*================================================================================
	  nav
	==================================================================================*/
	#sevenbank.h1menu > .h1 nav ul li::after {
		content: "\e901";
	}
	/*================================================================================
	  merit
	==================================================================================*/
	#sevenbank > #content .section .merit_area .merit .merit_br01 {
		display: none;
	}
	
	/*================================================================================
	  flow
	==================================================================================*/
	#sevenbank > #content .flow_area .flow .inner > img {
		width: auto !important;
		max-height: 130px !important;
	}
	/*================================================================================
	  table
	==================================================================================*/
	#sevenbank > #content table.t-style01 th, 
	#sevenbank > #content table.t-style01 td {
		font-size: 1.2rem;
	}
	/*================================================================================
	  util
	==================================================================================*/
	.fz-l {
		font-size: 1.4rem;
	}
}