@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #ffffff;
	color: #020202;
	font-size: 100%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,sans-serif;
	line-height: 1.6;
	overflow-y: scroll;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	height: auto;
	min-height: 100%;
}


/****************************/
/********** header **********/
/****************************/
#header {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 3px solid #CCCCCC;
}

#header .inner {
	width: 1000px;
	height: 180px; /* 2018.09.27 add */
	margin: 10px auto 0; /* 2018.09.27 add */
	position: relative;
}

#header .inner h1 {
	width: 324px;
	height: 54px;
	background: url(./images/logo.png) no-repeat;
	background-size: 100% 100%;
	white-space:nowrap;
	text-indent: 100%;
	text-indent: -9999px !important;
	overflow: hidden;
}

/***** ie9以下 *****/
.ie8 #header .inner h1 {
	width: 324px;
	height: 54px;
	background: url(./images/logo-ie.png) no-repeat;
	white-space:nowrap;
	text-indent: 100%;
	text-indent: -9999px !important;
	overflow: hidden;
}

#header .inner h1 a {
	display: block;
}

/**********************/
/***** ヘッダーサブナビ *****/
/**********************/
#subnavi {
	position: absolute;
	top: 0px;
	right: 0;
	width: 356px;
}

#subnavi ul li {
	float: left;
	list-style: none;
}

#subnavi ul li a {
	text-decoration: none;
	color: #195178;
}

#subnavi ul li:nth-child(2) a {
	text-decoration: none;
	margin: 0 15px;
}

/***** ie9以下 *****/
.ie8 #subnavi ul li:first-child + * a {
	text-decoration: none;
	margin: 0 15px;
}

/**********************/
/***** 文字切り替え *****/
/**********************/
#fontSize {
	position: absolute;
	top: 30px;
	right: 0;
	width: 186px;
}

#fontSize dl dt {
	float: left;
	margin: 0 5px 0 0;
}

#fontSize dl dd ul li {
	width: 25px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	list-style: none;
	text-align: center;
	float: left;
	color: #000000;
	font-size: 80%;
	margin: 0 2px;
	border-radius: 25px;
	border: 2px solid #FFFFFF;
	background-color: #EEEEEE;
}

/***** ie9以下 *****/
.ie8 #fontSize dl dd ul li:first-child + * {
	text-decoration: none;
	margin: 0 !important;
}

#fontSize dl dd ul li.changeBtn.active {
	color: #FFFFFF;
	background-color: #37A6D3;
}

/* 2018.09.27 add recruit */
#recruit {
	position: absolute;
	top: 70px;
	right: 0;
}


/**************************/
/********** navi **********/
/**************************/
#navi {
	width: 1000px;
	overflow: hidden;
	margin: 20px auto 0; /* 2018.09.27 add */
}

#navi ul {
	overflow: hidden;
	color: #000000;
}

#navi ul li {
	float: left;
	width: 20%;
	text-align: center;
	list-style: none;
	margin: 0 0 3px;
	border-left: 1px dashed #cccccc;
}

#navi ul li:last-child {
	float: left;
	width: 19.3%;
	text-align: center;
	list-style: none;
	border-right: 1px dashed #cccccc;
}

#navi ul li a {
	color: #195178;
	display: block;
	margin: 0 2px;
	padding: 5px 0;
	text-decoration: none;
}

#navi ul li a i {
	display: block;
}

#navi ul li:nth-child(1) a {
	color: #195178;
}

#navi ul li:nth-child(2) a {
	color: #4b0082;
}

#navi ul li:nth-child(3) a {
	color: #37A6D3;
}

#navi ul li:nth-child(4) a {
	color: #008000;
}

#navi ul li:nth-child(5) a {
	color: #FFA500;
}

#navi ul li a span {
	margin: 5px 0 0;
	font-size: 90%;
}

#navi ul li a:hover {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

/***** IE9以下 *****/
.ie8 #navi ul li {
	float: left;
	width: 20%;
	text-align: center;
	list-style: none;
	margin: 0 0 3px;
	border-left: 1px dashed #cccccc;
}

.ie8 #navi ul li:first-child + * + * + * + * {
	float: left;
	width: 19%;
	text-align: center;
	list-style: none;
	margin: 0 0.4% 3px 0;
	border-right: 1px dashed #cccccc;
}

.ie8 #navi ul li:first-child a {
	color: #195178;
}

.ie8 #navi ul li:first-child a.cr, .ie8 #navi ul li:first-child a:hover, .ie9 #navi ul li:first-child a.cr, .ie9 #navi ul li:first-child a:hover {
	color: #ffffff;
	background-color: #195178;
	border-radius: 3px;
}

.ie8 #navi ul li:first-child + * a {
	color: #4b0082;
}

.ie8 #navi ul li:first-child + * a.cr, .ie8 #navi ul li:first-child + * a:hover, .ie9 #navi ul li:first-child + * a.cr, .ie9 #navi ul li:first-child + * a:hover {
	color: #ffffff;
	background-color: #4b0082;
	border-radius: 3px;
}

.ie8 #navi ul li:first-child + * + * a {
	color: #37A6D3;
}

.ie8 #navi ul li:first-child + * + * a.cr, .ie8 #navi ul li:first-child + * + * a:hover, .ie9 #navi ul li:first-child + * + * a.cr, .ie9 #navi ul li:first-child + * + * a:hover {
	color: #ffffff;
	background-color: #37A6D3;
	border-radius: 3px;
}

.ie8 #navi ul li:first-child + * + * + * a {
	color: #008000;
}

.ie8 #navi ul li:first-child + * + * + * a.cr, .ie8 #navi ul li:first-child + * + * + * a:hover, .ie9 #navi ul li:first-child + * + * + * a.cr, .ie9 #navi ul li:first-child + * + * + * a:hover {
	color: #ffffff;
	background-color: #008000;
	border-radius: 3px;
}

.ie8 #navi ul li:first-child + * + * + * + * a {
	color: #FFA500;
}

.ie8 #navi ul li:first-child + * + * + * + * a.cr, .ie8 #navi ul li:first-child + * + * + * + * a:hover, .ie9 #navi ul li:first-child + * + * + * + * a.cr, .ie9 #navi ul li:first-child + * + * + * + * a:hover {
	color: #ffffff;
	background-color: #FFA500;
	border-radius: 3px;
}


/***** current *****/
#navi ul li:nth-child(1) a.cr {
	color: #ffffff;
	background-color: #195178;
	border-radius: 3px;
}

#navi ul li:nth-child(2) a.cr {
	color: #ffffff;
	background-color: #4b0082;
	border-radius: 3px;
}

#navi ul li:nth-child(3) a.cr {
	color: #ffffff;
	background-color: #37A6D3;
	border-radius: 3px;
}

#navi ul li:nth-child(4) a.cr {
	color: #ffffff;
	background-color: #008000;
	border-radius: 3px;
}

#navi ul li:nth-child(5) a.cr {
	color: #ffffff;
	background-color: #FFA500;
	border-radius: 3px;
}


/************************/
/***** 画像スライダー *****/
/************************/
#mainimg {
	width: 100%;
	margin: 15px 0;	/* 160px 0 15px 0 */
}

#mainimg .inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#mainimg .inner .slider.fade {
	overflow: hidden;
}


#target {
	width: 100%;
	overflow: hidden;
}

#target .inner {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

#target .inner .textL, #target .inner .textR {
	width: 48%;
	margin: 0 1%;
	padding: 0 0 5px;
	overflow: hidden;
	float: left;
	text-align: center;
	position: relative;
	display: table;
	table-layout: fixed;
}

#target .inner .textL h2, #target .inner .textR h2 {
	border-top: 4px double #000000 !important;
	margin: 36px 0;
	text-align: center;
	padding: 0;
	height: 24px;
	font-weight: normal;
}

#target .inner .textL h2 span div {
	width: 30%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #ffffff;
}

#target .inner .textR h2 span div {
	width: 50%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #ffffff;
}

#target .inner .textL h2 span i {
	display: block;
	color: #195178;
}

#target .inner .textR h2 span i {
	display: block;
	color: #4b0082;
}

#target .inner .textL .box1, #target .inner .textR .box2 {
	width: 48.5%;	/* 46% */
	margin: 0 auto;
	display: inline;
}


/********************************/
/********** 個人のお客様 **********/
/********************************/
#target .inner .textL .box1 a {
	width: 24%;	/* 26% */
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 3%;
	border-radius: 5px;
	border: 2px solid #195178;
	display: table-cell;
	vertical-align: middle;
}

/***** 融資商品 *****/
#target .inner .textL .box1 a p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-s.png) no-repeat;
	background-size: 100% auto;
}

#target .inner .textL .box1 a:hover p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #target .inner .textL .box1 a p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-ie-s.png) no-repeat;
}

.ie8 #target .inner .textL .box1 a:hover p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-ie-w.png) no-repeat;
}

/***** 融資金利 *****/
#target .inner .textL .box1 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-s.png) no-repeat;
	background-size: 100% auto;
}

#target .inner .textL .box1 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #target .inner .textL .box1 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie-s.png) no-repeat;
}

.ie8 #target .inner .textL .box1 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie-w.png) no-repeat;
}

#target .inner .textL .box1 a span.title {
	color: #195178;
	font-size: 90%;
}

#target .inner .textL .box1 a:hover {
	border: 2px solid #195178 !important;
}

/***** IE9以下 *****/
.ie8 #target .inner .textL .box1 a {
	background-color: #ffffff !important;
}

.ie9 #target .inner .textL .box1 a {
	background-color: #ffffff !important;
	width: 23% !important;
}

.ie8 #target .inner .textL .box1 a:hover, .ie9 #target .inner .textL .box1 a:hover {
	border: 2px solid #195178 !important;
	background-color: #195178 !important;
}

#target .inner .textL .box1 a:hover span.title {
	color: #ffffff;
}

.box1.hvr-rectangle-out {
  display: inline-block !important;
  width: 48.5%;	/* 26% */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.box1.hvr-rectangle-out:before a {
  color: #FFFFFF;
  background: #195178 !important;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


/**************************************/
/********** 法人・事業主のお客様 **********/
/**************************************/
#target .inner .textR .box2 a {
	width: 24%;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 3%;
	border-radius: 5px;
	border: 2px solid #4b0082;
	display: table-cell;
	vertical-align: middle;
}

/***** 融資商品 *****/
#target .inner .textR .box2 a p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-c.png) no-repeat;
	background-size: 100% auto;
}

#target .inner .textR .box2 a:hover p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #target .inner .textR .box2 a p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-ie-c.png) no-repeat;
}

.ie8 #target .inner .textR .box2 a:hover p.finance {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/finance-ie-w.png) no-repeat;
}

/***** 融資金利 *****/
#target .inner .textR .box2 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-c.png) no-repeat;
	background-size: 100% auto;
}

#target .inner .textR .box2 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #target .inner .textR .box2 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie-c.png) no-repeat;
}

.ie8 #target .inner .textR .box2 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie-w.png) no-repeat;
}

#target .inner .textR .box2 a span.title {
	color: #4b0082;
	font-size: 90%;
}

#target .inner .textR .box2 a:hover {
	border: 2px solid #4b0082 !important;
}

/***** IE9以下 *****/
.ie8 #target .inner .textR .box2 a {
	background-color: #ffffff !important;
}

.ie9 #target .inner .textR .box2 a {
	background-color: #ffffff !important;
	width: 23% !important;
}

.ie8 #target .inner .textR .box2 a:hover, .ie9 #target .inner .textR .box2 a:hover {
	border: 2px solid #4b0082 !important;
	background-color: #4b0082 !important;
}

#target .inner .textR .box2 a:hover span.title {
	color: #ffffff;
}

.box2.hvr-rectangle-out {
  display: inline-block !important;
  width: 26%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.box2.hvr-rectangle-out:before a {
  color: #FFFFFF;
  background: #4B0082; !important;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


/*****************/
/***** 見出し *****/
/*****************/
h2 {
	border-top: 4px double #000000;
	margin: 36px 0;
	text-align: center;
	padding: 0;
	height:24px;
	font-weight: normal;
}

h2 span {
    position: relative;
    top: -29px;
    background-color: #ffffff;
}


/********************************/
/********** 商品・サービス **********/
/********************************/
#imenu h2 span {
    position: relative;
    top: -34px;
    background-color: #E9F6FE;
}

#imenu h2 {
	border-top: 4px double #000000 !important;
	margin: 36px 0;
	text-align: center;
	padding: 0;
	height: 24px;
	font-weight: normal;
}

#imenu span div {
	width: 20%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #E9F6FE;
}

#imenu span i {
	display: block;
	color: #399DC5;
}

#imenu {
	width: 100%;
	margin: 50px 0 30px;
	padding: 30px 0 50px;
	overflow: hidden;
	background-color: #E9F6FE;
}

#imenu .inner {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

#imenu .inner .box3 a {
	width: 19%;
	text-decoration: none;
	text-align: center;
	overflow: hidden;
	padding: 10px 0;
	margin: 0 3%;
	border-radius: 5px;
	border: 2px solid #37A6D3;
	/* background-color: #ffffff; */
	display: table-cell;
	vertical-align: middle;
}

/***** 預金のご案内 *****/
#imenu .inner .box3 a p.deposit {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/deposit.png) no-repeat;
	background-size: 100% auto;
}

#imenu .inner .box3 a:hover p.deposit {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/deposit-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a p.deposit {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/deposit-ie.png) no-repeat;
}

.ie8 #imenu .inner .box3 a:hover p.deposit {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/deposit-ie-w.png) no-repeat;
}

/***** 金利 *****/
#imenu .inner .box3 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate.png) no-repeat;
	background-size: 100% auto;
}

#imenu .inner .box3 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie.png) no-repeat;
}

.ie8 #imenu .inner .box3 a:hover p.rate {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/rate-ie-w.png) no-repeat;
}

/***** 手数料 *****/
#imenu .inner .box3 a p.charge {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/charge.png) no-repeat;
	background-size: 100% auto;
}

#imenu .inner .box3 a:hover p.charge {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/charge-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a p.charge {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/charge-ie.png) no-repeat;
}

.ie8 #imenu .inner .box3 a:hover p.charge {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/charge-ie-w.png) no-repeat;
}

/***** 店舗・ATM *****/
#imenu .inner .box3 a p.atm {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/atm.png) no-repeat;
	background-size: 100% auto;
}

#imenu .inner .box3 a:hover p.atm {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/atm-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a p.atm {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/atm-ie.png) no-repeat;
}

.ie8 #imenu .inner .box3 a:hover p.atm {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/atm-ie-w.png) no-repeat;
}

/***** しんくみ住宅ローン *****/
#imenu .inner .box3 a p.house-loan {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/house-loan.png) no-repeat;
	background-size: 100% auto;
}

#imenu .inner .box3 a:hover p.house-loan {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/house-loan-w.png) no-repeat;
	background-size: 100% auto;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a p.house-loan {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/house-ie-loan.png) no-repeat;
}

.ie8 #imenu .inner .box3 a:hover p.house-loan {
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	background: url(./images/house-loan-ie-w.png) no-repeat;
}

.box3.hvr-rectangle-out {
  display: inline-block !important;
  width: 19.56%;	/* 19.5% */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.box3.hvr-rectangle-out:before a {
  color: #FFFFFF;
  background: #37A6D3 !important;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#imenu .inner .box3 a:hover {
	border: 2px solid #399DC5 !important;
}

/***** IE9以下 *****/
.ie8 #imenu .inner .box3 a:hover, .ie9 #imenu .inner .box3 a:hover {
	border: 2px solid #399DC5 !important;
	background-color: #399DC5;
}

#imenu .inner .box3 a span.title {
	color: #37A6D3;
	font-size: 90%;
}

#imenu .inner .box3 a:hover span.title {
	color: #ffffff;
}


/******************************/
/********** contents **********/
/******************************/
#contents {
	width: 100%;
	margin: 0 auto;	/* 0 auto 55p */
	overflow: hidden;
}

#contents #main {
	width: 1000px;
	margin: 0 auto 30px;
	overflow: hidden;
}


/**************************************/
/***** 重要なお知らせ・お知らせ・キャンペーン *****/
/**************************************/
#main h2 {
	border-top: 4px double #000000 !important;
	margin: 36px 0;
	text-align: center;
	padding: 0;
	height: 24px;
	font-weight: normal;
}

#main h2 span div {
	width: 23%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #ffffff;
}

#main h2:nth-child(1) span i {
	display: block;
	color: #E15A78;
}

#main h2:nth-child(3) span i {
	display: block;
	color: #008000;
}

#main h2:nth-child(5) span i {
	display: block;
	color: #ffa500;
}

/***** IE9以下 *****/
.ie8 #main h2:first-child span i {
	display: block;
	color: #E15A78;
}

.ie8 #main h2:first-child + * + * span i {
	display: block;
	color: #008000;
}

.ie8 #main h2:first-child + * + * + * + * span i {
	display: block;
	color: #ffa500;
}


/***** 重要なお知らせ・お知らせ・キャンペーン *****/
#main #info, #main #news {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 15px;
}

#main #campaign {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
}

#main #info dl, #main #news dl, #main #campaign dl, .kiteisyu-list{
	margin: 15px 1% 40px;
	line-height: 1.8;
	overflow: hidden;
}

#main #info dl dt, #main #news dl dt, #main #campaign dl dt {
	float: left;
	clear: both;
	margin: 0 0 0 5px;
}

#main #info dl dd, #main #news dl dd, #main #campaign dl dd {
	margin: 0 0 0 134px;
}

#main #info dl dd a, #main #news dl dd a, #main #campaign dl dd a, .kiteisyu-list a {
	color: #000000;
	text-decoration: none;
}

#main #info dl dt:before, #main #news dl dt:before, #main #campaign dl dt:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px 0 0;
}

#main #info p.btn, #main #news p.btn, #main #campaign p.btn {
	width: 23%;
	text-align: center;
	display: block;
	margin: 0 auto;
}

#main #info p.btn a {
    margin: 5px 1%;
    padding: 10px 0;
    display: block;
    color: #ffffff;
    text-align: center;
    background-color: #E15A78;
    border: 2px solid #E15A78;
    border-radius: 3px;
    text-decoration: none;
}

#main #info p.btn a:hover {
	background-color: #de4668;
}

#main #news p.btn a {
    margin: 5px 1%;
    padding: 10px 0;
    display: block;
    color: #ffffff;
    text-align: center;
    background-color: #008000;
    border: 2px solid #008000;
    border-radius: 3px;
    text-decoration: none;
}

#main #news p.btn a:hover {
	background-color: #006600;
}

#main #campaign p.btn a {
    margin: 5px 1%;
    padding: 10px 0;
    display: block;
    color: #ffffff;
    text-align: center;
    background-color: #ffa500;
    border: 2px solid #ffa500;
    border-radius: 3px;
    text-decoration: none;
}

#main #campaign p.btn a:hover {
	background-color: #F29900;
}


/*********************************/
/***** 重要なお知らせ一覧ページ *****/
/*********************************/
#subtitle .inner h2 span.info i {
    display: block;
    color: #E15A78;
}

/***************************/
/***** お知らせ一覧ページ *****/
/***************************/
#subtitle .inner h2 span.news i {
    display: block;
    color: #008000;
}

/*******************************/
/***** キャンペーン一覧ページ *****/
/*******************************/
#subtitle .inner h2 span.campaign i {
    display: block;
    color: #ffa500;
}


#submain .ULBox2 {
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
}

#submain .ULBox2 dl {
    margin: 15px 1%;
    line-height: 1.8;
    overflow: hidden;
}

#submain .ULBox2 dl dt {
    float: left;
    clear: both;
    margin: 0 0 0 5px;
}

#submain .ULBox2 dl dt:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px 0 0;
}

#submain .ULBox2 dl dd {
    margin: 0 !important;
    padding: 0 !important;
}

#submain .ULBox2 dl dd a {
    margin: 0 !important;
    padding: 0 1% !important;
    color: #454545;
    text-decoration: none;
}

/**************************/
/***** ファイル拡張子判定 *****/
/**************************/
/***** PDF *****/
#main #info dl dd a[href$=".pdf"]:after,
#main #news dl dd a[href$=".pdf"]:after,
#main #campaign dl dd a[href$=".pdf"]:after,
.kiteisyu-list a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin: 0 0 0 5px;
    color: #ff0000;
}

/***** WORD *****/
#main #info dl dd a[href$=".doc"]:after,
#main #info dl dd a[href$=".docx"]:after,
#main #news dl dd a[href$=".doc"]:after,
#main #news dl dd a[href$=".docx"]:after,
#main #campaign dl dd a[href$=".doc"]:after,
#main #campaign dl dd a[href$=".docx"]:after {
    content: "\f1c2";
    font-family: FontAwesome;
    margin: 0 0 0 5px;
    color: #2A579A;
}

/***** EXCEL *****/
#main #info dl dd a[href$=".xls"]:after,
#main #info dl dd a[href$=".xlsx"]:after,
#main #news dl dd a[href$=".xls"]:after,
#main #news dl dd a[href$=".xlsx"]:after,
#main #campaign dl dd a[href$=".xls"]:after,
#main #campaign dl dd a[href$=".xlsx"]:after {
    content: "\f1c3";
    font-family: FontAwesome;
    margin: 0 0 0 5px;
    color: #227446;
}


/****************************/
/***** 緊急時のお問い合わせ *****/
/****************************/
#contact {
	width: 100%;
	margin: 0 auto 129px;
	padding: 20px 0;
	background-color: #FFF1F3;
	overflow: hidden;
}
@media only screen and (max-width: 480px) {
	#contact { margin: 0 auto; }
}

#contact .inner {
	width: 1000px;
	margin: 20px auto 40px;
	overflow: hidden;
}

#contact h2 {
	border-top: 4px double #000000 !important;
	margin: 36px 0;
	text-align: center;
	padding: 0;
	height: 24px;
	font-weight: normal;
}

#contact h2 span div {
	width: 25%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #FFF1F3;
}

#contact h2 span i {
	display: block;
	color: #D63030;
}

#contact .box {
	width: 35% !important;
	float: left;
	margin: 0 auto;
	overflow: hidden;
}

#contact .box2 {
	width: 20%;
	float: left;
	margin: 0 auto;
	overflow: hidden;
}

#contact .box .title {
	width: 50% !important;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	padding: 5px 7px;
	background-color: #D63030;
	border-radius: 3px;
}

#contact .box2 .title {
	width: 36% !important;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	padding: 5px 7px;
	background-color: #D63030;
	border-radius: 3px;
}

#contact .box p, #contact .box2 p {
	margin: 5px 0;
}

#contact .box p.tel, #contact .box2 p.tel {
	font-size: 130%;
}

#contact .box p.tel i, #contact .box2 p.tel i {
	font-size: 130%;
}

#contact .box p.tel:before, #contact .box2 p.tel:before {
	content: "\f095";
	font-family: FontAwesome;
	color: #000000;
	margin: 0 5px 0;
}


/*******************/
/***** 各種方針 *****/
/*******************/
#course {
	width: 100%;
	overflow: hidden;
	background-color: #F1F1F1;
	margin: 0 0 15px;
	padding: 30px 0;
}

#course .inner {
	width: 1000px;
	margin: 0 auto;
	text-align: left !important;
}

#course .inner ul {
	background-color: #F1F1F1;
	/* overflow: hidden; */
}

#course .inner ul li {
	display: inline-block;
	list-style: none;
	white-space: nowrap;
}

#course .inner ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px 0 0;
}

#course .inner ul li a {
	color: #000000;
	text-decoration: none;
	margin: 0 0.5% 0 0;
}

/**************************/
/***** ファイル拡張子判定 *****/
/**************************/
/***** PDF *****/
#course .inner ul li a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin: 0 5px;
    color: #ff0000;
}


/***********************/
/***** WEBローン受付 *****/
/***********************/
#webloan {
	width: 100%;
	overflow: hidden;
}

#webloan .inner {
	width: 1000px;
	margin: 5px auto 15px;
	overflow: hidden;
}

#webloan span div {
	width: 35%;
	margin: 0 auto;
	font-size: 80%;
	background-color: #ffffff;
}

#webloan span i {
	display: block;
}

#webloan .inner .box h3 {
	font-weight: normal;
	color: #399DC5;
}

#webloan .inner .box h3 i {
	font-size: 130%;
}

#webloan .inner .textL .btn a {
	width: 98%;
	margin: 5px 1%;
	padding: 15px 0;
	display: block;
	color: #ffffff;
	background-color: #195178;
	border: 2px solid #195178;
	border-radius: 3px;
	text-decoration: none;
	position: relative;
}

#webloan .inner .textR .btn a {
	width: 98%;
	margin: 5px 1%;
	padding: 15px 0;
	display: block;
	color: #ffffff;
	background-color: #399DC5;
	border: 2px solid #399DC5;
	border-radius: 3px;
	text-decoration: none;
	position: relative;
}

/* 2019-10-01 add */
#webloan .inner #jaccs .btn a { background-color: #009944; }
/* 2019-10-01 add */

#webloan .inner .textL .btn a:after, #webloan .inner .textR .btn a:after {
	position: absolute;
	right: 20px; /* 2019-10-08 mod */
	content: "\f054";
	font-family: FontAwesome;
	color: #ffffff;
	font-size: 110%;
	top: 35%; /* 2019-10-08 add */
}

#webloan .inner .textL .btn a:hover {
	background-color: #00395C;
	color: #ffffff;
}

#webloan .inner .textR .btn a:hover {
	background-color: #48a5ca;
	color: #ffffff;
}

#webloan .inner .textL, #webloan .inner .textR {
	width: 49%;
	margin: 0 .5% 30px;
	overflow: hidden;
	float: left;
	text-align: center;
}

/* 2019-10-01 add */
#webloan .inner #jaccs { margin: 0 .5%; }
/* 2019-10-01 add */

#webloan .inner .textL .target i {
	color: #195178;
	margin: 0 0 5px;
	display: block;
}

#webloan .inner .textR .target i {
	color: #399DC5;
	margin: 0 0 5px;
	display: block;
}

/* 2019-10-01 add */
#webloan .inner #jaccs .target i { color: #009944; }
/* 2019-10-01 add */

#webloan .inner .textL .target, #webloan .inner .textR .target {
	font-size: 120% !important;
}

#webloan .inner .textL dl, #webloan .inner .textR dl {
	font-size: 90%;
	margin: 5px 1%;
	padding: 0 0 5px;
	height: 60px;
	display: flex;
}

/* 2019-10-01 mod */
#webloan .inner .textL dl dt {
	display: inline-block;
	height: 20px;
	text-align: left;
	color: #ffffff;
	margin: 0 5px 0 0;
	padding: 0 7px;
	background-color: #195178;
	border-radius: 3px;
}

#webloan .inner .textR dl dt {
	display: inline-block;
	height: 20px;
	text-align: left;
	color: #ffffff;
	margin: 0 5px 0 0;
	padding: 0 7px;
	background-color: #399DC5;
	border-radius: 3px;
}

#webloan .inner #jaccs dl dt { background-color: #009944; }

#webloan .inner .textL dl dd, #webloan .inner .textR dl dd {
	text-align: left;
	padding: 0 7px 5px;
	width: 70%;
}
/* 2019-10-01 mod */

/* 2020-04-28 add */
#webloan .inner #orix .target i { color: #244e96; }

#webloan .inner #orix dl dt, #webloan .inner #orix .btn a { background-color: #244e96; }
/* 2020-04-28 add */

/***************/
/***** bnr *****/
/***************/
#bnr {
	clear: both;
	margin: 0;
	padding: 30px 0;	/* 0 0 180px 0 */
	overflow: hidden;
}

#bnr .inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#bnr ul.lightSlider {
	/* height: 60px !important; */
}

#bnr ul.lightSlider li a {
    display: inline-block;
    border: 2px solid #cccccc;
	width: auto;
    /*
	margin: 0 0 0 2.5%;
	*/
	line-height: 0;
}

#bnr ul.lightSlider a:hover {
    border: 2px solid #3498DB;
}

/*
#bnr .slick-slide {
	margin: 0 auto;
}

#bnr .slick-slide a img {
    display: block;
    border: 2px solid #cccccc;
	width: 94%;
	margin: 0 2%;
}

#bnr .slick-slide a:hover img {
    border: 2px solid #3498DB;
}
*/


/******************/
/***** footer *****/
/******************/
#footer {
	width: 100%;
	background-color: #3498db;
	padding: 0 0 15px;
	/* position: absolute; */
	bottom: 0;
}


#footer .inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #3498db;
	text-align: center;
}

#page-top {
	position: fixed;
	bottom: 77px;
	right: 20px;
	padding: 5px 5px 10px;
	background-color: #3498db;
	border-radius: 3px
}

#page-top a {
	display: block;
}

#page-top a i {
	color: #FFFFFF;
}

address {
	font-weight: inherit;
	font-style: normal;
	color: #FFFFFF;
}


/*******************/
/***** パンくず *****/
/*******************/
#breadcrumb {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#breadcrumb .inner {
	width: 1000px;
	overflow: hidden;
	margin: 5px auto;
}

#breadcrumb .inner ul li {
	list-style: none;
	float: left;
	color: #454545;
}

#breadcrumb .inner ul li i {
	font-size: 130%;
}

#breadcrumb .inner ul li span {
	font-size: 100%;
}

#breadcrumb .inner ul li span.ie {
	display: none;
}

#breadcrumb .inner ul li a {
	text-decoration: none;
	color: #454545;
}

#breadcrumb .inner ul li:nth-child(2):before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px;
    color: #454545;
}

#breadcrumb .inner ul li:nth-child(3):before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px;
    color: #454545;
}

/***** IE9以下 *****/
.ie8 #breadcrumb .inner ul li span.ie {
    display: inline-block;
    margin: 0 5px;
}


/*************************/
/***** 下層ページ見出し *****/
/*************************/
#subtitle {
	width: 100%;
	overflow: hidden;
}

#subtitle .inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#subtitle .inner h2 {
	border-top: none;
	margin: 50px 0;
	text-align: center;
	padding: 0;
	height: 24px;
	font-weight: normal;
}

#subtitle .inner h2 span div {
	width: 100%;
	margin: 0 auto;
	font-size: 80%;
}

#contents #submain {
    width: 1000px;
    margin: 0 auto 60px;
    /* padding: 0 0 100px; */
		padding-bottom: 50px;
    overflow: hidden;
}


/***************************************/
/***** 重要なお知らせ、お知らせ、キャンペーン *****/
/***************************************/
#submain .info dl, #submain .news dl, #submain .campaign dl {
    margin: 15px 1% 40px;
    line-height: 1.8;
    overflow: hidden;
}

#submain .info dl dt, #submain .news dl dt, #submain .campaign dl dt {
    float: left;
    clear: both;
    margin: 0 0 0 5px;
}

#submain .info dl dt:before, #submain .news dl dt:before, #submain .campaign dl dt:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px 0 0;
}

#submain .info dl dd, #submain .news dl dd, #submain .campaign dl dd {
    margin: 0 0 0 134px;
    padding: 0 1% !important;
}

#submain .info dl dd a, #submain .news dl dd a, #submain .campaign dl dd a {
    color: #000000;
    text-decoration: none;
}

#submain .info dl dd a[href$=".pdf"]:after, #submain .news dl dd a[href$=".pdf"]:after, #submain .campaign dl dd a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin: 0 0 0 5px;
    color: #ff0000;
}


/**************************/
/***** 個人のお客様ページ *****/
/**************************/
#subtitle .inner h2 span.kojin i {
	display: block;
	color: #195178;
}

#submain h3.kojin {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #195178;
}

#submain p.date {
	text-align: right;
	margin: 5px 0;
}

#submain .loan {
	width: 100%;
	clear: both;
	overflow: hidden;
}

#submain .loan table {
	width: 50%;
	margin: 0 0 30px;
	border-collapse: collapse;
}

#submain .loan table:nth-child(1) {
	width: 50%;
	float: left;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .loan table:nth-child(2) {
	width: 50%;
	border-collapse: collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/***** IE9以下 *****/
.ie8 #submain .loan table {
	width: 100%;
	margin: 0  0 15px !important;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .loan table td.even {
	background-color: #f5f5f8 !important;
}

#submain .loan table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
}

#submain .laon table:nth-child(2) td {
	border-right: 1px solid #cccccc;
}

#submain .loan2 table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .loan2 table th {
	background-color: #195178;
	color: #ffffff;
	padding: 10px 0;
	font-weight: normal;
	border-right: 1px solid #cccccc;
}

#submain .loan2 table td span.life {
	display: block;
}

#submain .loan2 table td.even {
	background-color: #f5f5f8 !important;
}

#submain .loan2 table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .loan2 table td.rate,
#submain .loan2 table td.even.rate,
#submain .loan2 table td:nth-child(2),
#submain .loan2 table td:nth-child(3),
#submain .loan2 table td:nth-child(4),
#submain .loan2 table td:nth-child(5),
#submain .loan2 table td:nth-child(6) {
	text-align: center;
}

/***** 個人のお客様向けローン *****/
#submain .loan3 table {
	width: 100%;
	margin: 15px 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .loan3 table th {
	background-color: #195178;
	color: #ffffff;
	padding: 10px 0;
	font-weight: normal;
	border-right: 1px solid #cccccc;
}

#submain .loan3 table td.even {
	background-color: #f5f5f8 !important;
}

#submain .loan3 table td.life {
	display: block;
}

#submain .loan3 table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .loan3 table td.even.rate {
	text-align: center;
}


/********************************/
/***** 法人・事業主のお客様ページ *****/
/********************************/
#subtitle .inner h2 span.houjin i {
	display: block;
	color: #4b0082;
}

#submain h3.houjin {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #4b0082;
}

#submain h4.houjin {
	border-left: 5px solid #4B0082;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}

/***** 事業者向け資金 *****/
#submain .loan4 table {
	width: 100%;
	margin: 15px 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .loan4 table th {
	background-color: #195178;
	color: #ffffff;
	padding: 10px 0;
	font-weight: normal;
	border-right: 1px solid #cccccc;
}

#submain .loan4 table td.even {
	background-color: #f5f5f8 !important;
}

#submain .loan4 table td.life {
	display: block;
}

#submain .loan4 table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .loan4 table th {
	background-color: #4b0082;
	color: #ffffff;
	padding: 10px 0;
	font-weight: normal;
	border-right: 1px solid #cccccc;
}

#submain .loan4 table td.rate,
#submain .loan4 table td.even.rate,
#submain .loan4 table td:nth-child(2),
#submain .loan4 table td:nth-child(3),
#submain .loan4 table td:nth-child(4),
#submain .loan4 table td:nth-child(5),
#submain .loan4 table td:nth-child(6) {
	text-align: center;
}


/**************************/
/***** 商品・サービスページ *****/
/**************************/
#subtitle .inner h2 span.service i {
	display: block;
	color: #37A6D3;
}

#submain h3.service {
    text-align: center;
    color: #ffffff;
    font-size: 120%;
    font-weight: normal;
    padding: 5px 0;
    background-color: #3498db;
}

#submain h4.service {
	border-left: 5px solid #37A6D3;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}


/***** メニュー *****/
#tab {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#tab ul {
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	text-align: center;
}

#tab ul li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	border-right: 2px solid #fff;
}

#tab ul li:last-child {
	border-right: 0;
}

#tab ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #F1F1F1;
	color: #777;
	text-decoration: none;
	border-radius: 3px;
}

#tab ul li.cr a, #tab ul li a:hover {
	background: #3498DB;
	border-radius: 3px;
	color: #ffffff;
}


/***** 手数料メニュー *****/
#tabmenu {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#tabmenu ul {
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	text-align: center;
}

#tabmenu ul li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	border-right: 2px solid #fff;
}

#tabmenu ul li:last-child {
	border-right: 0;
}

#tabmenu ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #F1F1F1;
	color: #777;
	text-decoration: none;
	border-radius: 3px;
}

#tabmenu ul li.cr a, #tabmenu ul li a:hover {
	background: #CCCCCC;
	border-radius: 3px;
	color: #777;
}


/***** 預金のご案内 *****/
#submain .servicebox table {
	width: 100%;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox table th {
	padding: 10px 1%;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #3498DB;
}

#submain .servicebox table th:nth-child(1) {
	width: 15%;
	padding: 5px 1%;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox table th:nth-child(2) {
	width: 52%;
	padding: 5px 1%;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/***** IE9以下 *****/
.ie8 #submain .servicebox table th {
	padding: 10px 0 !important;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #3498DB;
}

.ie8 #submain .servicebox table td {
	padding: 5px 3px !important;
	text-align: left !important;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox table td {
	padding: 5px 1%;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox table td:nth-child(2) {
	padding: 5px 1%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox table td span {
	display: block;
}

#submain .servicebox table th.even,
#submain .servicebox table td.even {
	background-color: #f5f5f8 !important;
}

/***** 金利 *****/
#submain .servicebox3 table {
	width: 100%;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox3 table th {
	padding: 5px 1%;
	color: #ffffff;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #3498DB;
}

#submain .servicebox3 table td {
	padding: 5px 1%;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox3 table td:nth-child(1) {
	padding: 5px 1%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox3 table th.even,
#submain .servicebox3 table td.even {
	background-color: #f5f5f8 !important;
}

/***** 流動性預金 *****/
#submain .servicebox4 table {
	width: 49%;
	float: left;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox4 table:nth-child(2) {
	width: 49%;
	float: left;
	margin: 0 0 15px 2%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

/***** IE9以下 *****/
.ie8 #submain .servicebox4 table {
	width: 50%;
	float: none !important;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox4 table th {
	padding: 5px 1%;
	color: #ffffff;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #3498DB;
}

#submain .servicebox4 table td {
	padding: 5px 1%;
	text-align: center;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox4 table td:nth-child(1) {
	padding: 5px 1%;
	text-align: left;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox4 table th.even,
#submain .servicebox4 table td.even {
	background-color: #f5f5f8 !important;
}


/***** 手数料 *****/
#submain dl {
	margin: 15px 0;
	overflow: hidden;
}

#submain dl dt.payment {
	float: left;
	clear: both;
	padding: 5px 1%;
	color: #000000;
	text-align: center;
	border: 1px solid #A0A396;
	background-color: #FFBEFF;
}

#submain dl dt.receive {
	float: left;
	clear: both;
	margin: 3px 0 0;
	padding: 5px 1%;
	color: #000000;
	text-align: center;
	border: 1px solid #A0A396;
	background-color: #FFFBC4;
}

#submain dl dd {
	margin: 0;
	padding: 5px 1%;
}

#submain .tab-content dl dd {
	margin: 3px 0 0 50px;
	padding: 5px 1% !important;
}

#submain p.atm {
	text-indent: 0;
	text-align: center;
}

#submain p.atm img {
	width: 96%;
	height: 96%;
	display: block;
	margin: 0 auto;
}

/***** 店頭各種手数料 *****/
#submain .servicebox5 {
	margin: 0 0 30px;
}

#submain .servicebox5 table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox5 p {
	color: #ff0000;
	text-indent: 0 !important;
}

#submain .servicebox5 p.text {
	color: #000000;
	text-indent: 0 !important;
}

#submain .servicebox5 p.textR {
	color: #000000 !important;
	text-indent: 0 !important;
}

#submain .servicebox5 table th {
	color: #ffffff;
	padding: 10px 1%;
	font-weight: normal;
	background-color: #3498db;
	border-right: 1px solid #cccccc;
}

#submain .servicebox5 table td {
	padding: 5px 0.5%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox5 table td.head {
	background-color: #D6EAF8;
}

#submain .servicebox5 table td.noline {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#submain .servicebox5 table td.noline2 {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#submain .servicebox5 table td.no,
#submain .servicebox5 table td.even.no {
	text-align: center;
	width: 9%;
}

#submain .servicebox5 table td span {
	color: #ff0000;
}

#submain .servicebox5 table td.even {
	background-color: #f5f5f8 !important;
}

#submain .servicebox5 table td.textC,
#submain .servicebox5 table td.even.textC {
	text-align: center;
}

#submain .servicebox5 table td.textR,
#submain .servicebox5 table td.even.textR {
	text-align: right;
	width: 9%;
}

#submain .servicebox5 table td.sct {
	background-color: #FFF1F3;
}

#submain .servicebox5 ul {
	margin: 0 0 0 1%;
	overflow: hidden;
}


/***** 店舗・ATM *****/
#submain .servicebox2 table {
	width: 100%;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .servicebox2 table th {
	padding: 5px 1%;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox2 table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .servicebox2 table th.even,
#submain .servicebox2 table td.even {
	background-color: #f5f5f8 !important;
}


/***************************/
/***** 当組合についてページ *****/
/***************************/
/***** あいさつ *****/
#president {
	width: 100%;
	overflow: hidden;
	padding: 40px 0;
}

#president .box {
	margin: 3% 10px;
	text-align: center;
	float: right;
}

#president .box img {
	border: 1px solid #cccccc;
	margin: 10px 0 0;
	padding: 2px;
}

#president .president {
	clear: both;
	text-align: right
}

#subtitle .inner h2 span.about i {
	display: block;
	color: #008000;
}

#submain h3.about {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #008000;
}

#submain h4.about {
    border-left: 5px solid #008000;
    margin: 15px 0 15px 10px;
    padding: 0 0 0 10px;
}

/***** 総代会について *****/
#submain .ListBox3 {
	width: 100%;
	overflow: hidden;
}

#submain .ListBox3 dl dt {
	margin: 10px 1%;
	padding: 5px 0 5px 20px;
	background-color: #CCCCCC;
}

#submain .ListBox3 dl dd {
	margin: 10px 0;
}

#submain .ListBox3 dl dd p:before {
	content: "\f101";
	font-family: FontAwesome;
	margin: 0 5px;
}

#submain .ListBox4 {
	width: 100%;
	overflow: hidden;
}

#submain .ListBox4 dl dt {
	float: left;
	clear: both;
	margin: 0 0 0 2.5%;
	padding: 5px 3% 0 0;
}

#submain .ListBox4 dl dd {
	margin: 0;
}

#submain .ListBox4 dl dt:before {
	content: "\f101";
	font-family: FontAwesome;
	margin: 0 5px;
}

#submain .ListBox4 p.subtitle2 {
	margin: 10px 1%;
	padding: 5px 0 5px 20px;
	background-color: #CCCCCC;
	text-indent: 0 !important;
}

/***** 組合員の推移・役員一覧 *****/
#submain .about table {
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .about table th {
	width: 18%;
	padding: 5px 1%;
	color: #ffffff;
	font-weight: normal;
	background-color: #008000;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .about table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .about table td.jc {
	width: 15%;
}

#submain .about table th.cate {
	width: 5%;
}

#submain .about table td.textC,
#submain .about table td.even.textC {
	text-align: center;
}


#submain .about table td.textR,
#submain .about table td.even.textR {
	text-align: right;
}

#submain .about table td.even {
	background-color: #f5f5f8 !important;
}


/*********************************/
/***** ディスクロージャーページ *****/
/*********************************/
/*
#submain  #disclosure {
	display: none;
}

#loading {
	text-align: center;
}

#loading img {
	width: 40px;
	height: 40px;
}
*/

#submain #disclosure p, #submain #disclosure_mini p {
	margin: 5px 1%;
	text-indent: 0 !important;
}

#subtitle .inner h2 span.disclosure i {
	display: block;
	color: #FFA500;
}

/***** ディスクロージャーページ *****/
#submain h3.disclosure {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #FFA500;
}

/***** ディスクロージャーメニュー *****/
#discmenu {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#discmenu ul {
	width: 100%;
	margin: 0 auto 10px;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	text-align: center;
}

#discmenu ul li {
	list-style: none;
	display: table-cell;
	vertical-align: middle;
	border-right: 2px solid #fff;
}

#discmenu ul li:last-child {
	border-right: 0;
}

#discmenu ul li a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #F1F1F1;
	color: #777;
	text-decoration: none;
	border-radius: 3px;
}

#discmenu ul li.cr a, #discmenu ul li a:hover {
	background: #FFA500;
	border-radius: 3px;
	color: #ffffff;
}

/***** ディスクロージャー *****/
#submain #disclosure, #submain #disclosure_mini {
	width: 1000px;
	margin: 0 auto; /* 20px 0 */
	overflow: hidden;
}

#submain #disclosure .box a, #submain #disclosure_mini .box a {
	width: 21.3%;
	float: left;
	text-decoration: none;
	display: block;
	overflow: hidden;
	margin: 5px 1%;
	padding: 5px;
	border: 3px solid #cccccc;
}

#submain #disclosure .box a:hover, #submain #disclosure_mini .box a:hover {
	padding: 5px;
	border: 3px solid #FFA500;
}

#submain #disclosure .box a img, #submain #disclosure_mini .box a img {
	width: 100%;
	height: 100%;
}

#submain #disclosure .box a p.title, #submain #disclosure_mini .box a p.title {
	text-align: center;
}


/**********************************/
/***** ディスクロージャーSINGLEページ *****/
/**********************************/
#disclo {
	width: 100%;
	overflow: hidden;
}

p.discmsg {
	text-align: center;
	color: #ff0000;
}

.ie8 p.discmsg, .ie8 #disclo {
	display: none;
}

/***** ファイルダウンロード *****/
h4.disclosure {
	border-left: 5px solid #FFA500;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}

.filebox ul {
    overflow: hidden;
    margin: 0 0 30px;
}

.filebox ul li {
    display: inline-block;
    list-style: none;
    white-space: nowrap;
}

.filebox ul li a {
    color: #000000;
    text-decoration: none;
    margin: 0 0.5% 0 0;
}

.filebox ul li:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 10px;
}

.filebox ul li a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin: 0 5px;
    color: #ff0000;
}

/***** pdfダウンロード *****/
.pdfbox {
	width: 100%;
    overflow: hidden;
}

.pdfbox p {
	text-indent: 0 !important;
}

.pdfbox p a {
	text-decoration: none;
	color: #000000;
}

.pdfbox p a i {
	color: #ff0000;
}


/********************/
/***** リンクページ *****/
/********************/
#submain h3.link {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #195178;
}

#submain .LinkBox2 dl, #submain .LinkBox3 dl {
	width: 98%;
	overflow: hidden;
	margin: 15px 1%;
}

#submain .LinkBox2 dl dt, #submain .LinkBox3 dl dt {
	width: 45%;	/* 25% */
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0;
}

#submain .LinkBox2 dl dt:before, #submain .LinkBox3 dl dt:before {
    content: "\f101";
    font-family: FontAwesome;
    margin: 0 1%;
}

#submain .LinkBox2 dl dd a, #submain .LinkBox3 dl dd a {
	text-decoration: none;
	color: #454545;
   	padding: 5px 0 !important;
}


/***************************/
/***** ご意見・ご質問ページ *****/
/***************************/
#subtitle .inner h2 span.mail i {
	display: block;
	color: #4B0082;
}

#submain p.notice {
	text-align: center !important;
	text-indent: 0;
	color: #ff0000;
}

#submain p.notice2 {
	text-align: left !important;
	text-indent: 0;
	color: #ff0000;
	clear: both;
	margin: 0;
}

#submain form {
	width: 80%;
	overflow: hidden;
	margin: 20px 10%;
}

#submain form dl dt {
	width: 25%;
	padding: 15px 0 0;
	clear: both;
	float: left;
}

#submain form dl dt span {
	margin: 0 0 0 10px;
	padding: 2px 3px;
	color: #ffffff;
	font-size: 90%;
	border-radius: 3px;
	background-color: #ff0000;
}

#submain form dl dd {
	width: 75%;
	padding: 15px 0 0;
	margin: 0;
	float: right;
}

#submain form dl dd span {
	color: #ff0000;
	display: block;
	text-align: left;
}

#submain form dl dd input[type="text"] {
	width: 71%;
	height: 26px;
	padding: 0 1%;
	border-radius: 3px;
	border: 1px solid #cccccc;
}

#submain form dl dd input[type="radio"] {
	margin: 0 5px 0 0;
}

#submain form dl dd textarea {
	width: 71%;
	padding: 1% 1% 0;
	font-size: 90%;
	border-radius: 3px;
	border: 1px solid #cccccc;
}

#submain form p {
	text-align: center;
	clear: both;
}

/***** 確認ボタン *****/
#submain form p.submit #confirm {
	margin: 20px 0 0 0;
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #cccccc;
	-webkit-appearance: none;
}

#submain form p.submit #confirm:hover {
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #4B0082 !important;
}

/***** 編集ボタン *****/
#submain form ul {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#submain form ul li {
	display: inline-block;
}

#submain form ul li.submit a {
	border: none;
	text-decoration: none;
}

#submain form ul li.submit #edit {
	margin: 20px 0 0 0;
	padding: 10px 20px;
	color: #777777;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #F1F1F1;
	-webkit-appearance: none;
}

#submain form ul li.submit #edit:hover {
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #4B0082;
}

/***** 送信ボタン *****/
#submain form ul li.submit {
	clear: both;
}

#submain form ul li.submit #submit {
	margin: 20px 0 0 0;
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #D63030;
	-webkit-appearance: none;
}

#submain form ul li.submit #submit:hover {
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #E15A78 !important;
}

/********************/
/***** 送信ページ *****/
/********************/
#submain #thanks {
	width: 100%;
	margin: 30px auto;
	overflow: hidden;
	text-align: center;
	color: #ff0000;
}

#submain #thanks p {
	margin: 0 0 30px;
}


/***** 戻るボタン *****/
#submain #thanks p.btn a {
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	text-decoration: none;
	text-indent: 0 !important;
	background-color: #cccccc;
	-webkit-appearance: none;
}

#submain #thanks p.btn a:hover {
	padding: 10px 20px;
	color: #ffffff;
	border: none;
	border-radius: 3px;
	font-size: 100%;
	background-color: #4B0082 !important;
}

/************************/
/***** サイトマップページ *****/
/************************/
#subtitle .inner h2 span.sitemap i {
    display: block;
    color: #37A6D3;
}

#submain .contL {
    float: left;
    width: 49%;
    overflow: hidden;
}

#submain .contR {
    float: right;
    width: 49%;
    overflow: hidden;
}

#submain .contL h3 a, #submain .contR h3 a {
    display: block;
    color: #454545;
    text-align: left;
    font-weight: normal;
    border-radius: 3px;
    border: 2px solid #E7ECED;
    background-color: #F7F7F7;
    margin: 15px 0;
    padding: 10px;
    text-decoration: none;
}

#submain .contL h3 a:hover, #submain .contR h3 a:hover {
    display: block;
    text-align: left;
    font-weight: normal;
    border-radius: 3px;
    border: 2px solid #37A6D3;
    background-color: #F7F7F7;
    margin: 15px 0;
}

#submain .ULBox ul li a {
	color: #454545;
    text-decoration: none;
}


/***********************************/
/***** 個人・個人事業主のお客様ページ *****/
/***********************************/
#subtitle .inner h2 span.papatto i {
    display: block;
    color: #399DC5;
}

#submain h3.papatto {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #399DC5;
}

#submain h4.papatto {
	border-left: 5px solid #399DC5;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}

/***** しんくみフリーローン *****/
#submain .papatto table {
	width: 100%;
	margin: 15px 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .papatto table th {
	width: 20%;
	padding: 10px 0;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .papatto table th.even,
#submain .papatto table td.even {
	background-color: #f5f5f8 !important;
}

#submain .papatto table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .papatto table td ul li {
	list-style: none;
	list-style-position: inside;
}

#submain .papatto table td ul li:before {
	content: "\f101";
	font-family: FontAwesome;
	margin: 0 10px 0 0;
}

#submain .papatto table td ol li {
	list-style-position: inside;
}


/***** お申込み方法 *****/
#submain .papatto2 table {
	width: 100%;
	margin: 15px 0 30px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#submain .papatto2 table th {
	width: 20%;
	padding: 10px 0;
	font-weight: normal;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .papatto2 table th span.no {
	font-size: 160%;
	margin: 0 0 0 5px;
}

#submain .papatto2 table th.down {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #399DC5;
}

#submain .papatto2 table th.even,
#submain .papatto2 table td.even {
	background-color: #f5f5f8 !important;
}

#submain .papatto2 table td {
	padding: 5px 1%;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#submain .papatto2 table td.even span.title {
	color: #454545;
	display: block;
	font-weight: bold;
}

#submain .NumBox {
	width: 96%;
	margin: 0 2%;
	height: 250px;
	overflow-y: scroll;
}

#submain .NumBox ol li {
	list-style-position: inside;
	margin: 5px 0;
	padding-left: 1em;
	text-indent: -1em;
}

#submain p.actbtn {
	text-align: center;
	margin: 15px 0;
}

#submain p.actbtn input {
	background-color: #F1F1F1;
	border-radius: 3px;
	padding: 10px 13px;
	color: #777777;
	border: none;
	font-size: 100%;
	-webkit-appearance: none;
}

#submain p.actbtn input:hover {
	background-color: #399DC5;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	border: none;
}

/***** 「ご同意条項」の項目に同意をいただけますか？ *****/
#submain #accept {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

#submain #accept ul {
	margin: 15px 0;
}

#submain #accept ul li, #submain #accept ul li a {
	display: inline;
	list-style: none;
}

#submain #accept ul li span#OFF {
	background-color: #F1F1F1;
	border-radius: 3px;
	padding: 10px 13px;
	color: #777777;
	display: inline-block;
}

#submain p.actbtn span.acton input, #submain #accept ul li span#ON {
	display: none;
}

#submain #accept ul li span#ON a {
	background-color: #D63030;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}

#submain #accept ul li span#ON a:hover {
	background-color: #ba2525;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
}

#submain #accept ul li.OFF a {
	background-color: #3498db;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
}

#submain #accept ul li.OFF a:hover {
	background-color: #48a5ca;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
}

#submain #accept ul li.notact a {
	background-color: #3498db;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}

#submain #accept ul li.notact a:hover {
	background-color: #48a5ca;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
}


/***********************/
/***** 各種方針ページ*****/
/***********************/
#submain p {
	margin: 5px 1%;
	text-indent: 1em;
}

#submain p.textR {
	text-align: right;
}

#submain h4.subtitle {
	border-left: 5px solid #195178;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}

#submain .ULBox ul li {
	margin: 0 0 0 1%;
	padding-left: 2em;
	text-indent: -2em;
	list-style: none;
}

#submain .ULBox ul li:before {
	content: "\f101";
	font-family: FontAwesome;
	margin: 0 1%;
}

/***** >> マーク *****/
.ListBox dl {
	width: 100%;
	overflow: hidden;
}

.ListBox dl dt {
	margin: 0 1%;
	padding: .2em .75em;
	background-color: #f6f6f6;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.ListBox dl dd {
	margin: 10px 2%;
}

/***** 管理部お問い合わせ *****/
#InfoBox {
	width: 98%;
	margin: 10px 1% 15px;
	padding: 5px 0;
	overflow: hidden;
	background-color: #f6f6f6;
	border: 3px solid #ccc;
}

#InfoBox p {
	color: #ff0000;
	font-size: 110%;
	text-indent: 0 !important;
}

#InfoBox dl {
	margin: 0 !important;
}

#InfoBox dl dt {
	float: left;
	clear: both;
	margin: 0 1%;
	padding: 5px 0;
	font-size: 110%;
}

#InfoBox dl dd {
	margin: 0 1%;
	font-size: 110%;
}

#InfoBox dl dt i {
	font-size: 130%;
}


/*******************************/
/***** 個人情報保護宣言ページ *****/
/*******************************/
#subtitle .inner h2 span.kojinjoho i {
	display: block;
	color: #195178;
}

#submain h3.title {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #195178;
}

/***** 1.個人情報の利用目的、4.個人データの共同利用 *****/
#submain p a[href$=".pdf"]:after {
    content: "\f1c1";
    font-family: FontAwesome;
    margin: 0 5px;
    color: #ff0000;
}


/************************************/
/***** 商品販売に関する勧誘方針ページ *****/
/************************************/
#subtitle .inner h2 span.kanyuu i {
	display: block;
	color: #195178;
}


/****************************/
/***** 保険募集指針ページ *****/
/****************************/
#subtitle .inner h2 span.hoken i {
	display: block;
	color: #195178;
}

#submain p.notice {
	color: #ff0000;
	margin: 5px 0 10px 1%;
}

.NoBox, .AlphaBox {
	width: 98%;
	margin: 15px 1%;
	padding: 5px 0;
	overflow: hidden;
	border: 3px solid #ccc;
}

.NoBox dl, .AlphaBox dl {
	width: 100%;
	overflow: hidden;
}

.NoBox dl dt, .AlphaBox dl dt {
	margin: 10px 1%;
	padding: .2em .75em;
	background-color: #f6f6f6;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

.NoBox dl dd, .AlphaBox dl dd {
	margin: 10px 2%;
}

.NoBox ol, .AlphaBox ol {
	width: 100%;
	overflow: hidden;
}

.NoBox ol li {
	margin: 5px 2%;
	padding-left: 1em;
	text-indent: -1em;
	list-style-position: inside;
}

.AlphaBox ol li {
	margin: 5px 2%;
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: lower-latin;
	list-style-position: inside;
}

.TargetBox {
	width: 94%;
	margin: 10px 3%;
	padding: 10px 0;
	background-color: #f6f6f6;
	border: 2px solid #ccc;
}

.TargetBox ol li {
	margin: 0 2%;
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: lower-roman;
	list-style-position: inside;
}

#insurance table {
	width: 100%;
	margin: 0 0 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

#insurance table th {
    background-color: #195178;
    color: #ffffff;
    padding: 10px 0;
    font-weight: normal;
    border-right: 1px solid #cccccc;
}

#insurance table td {
    padding: 5px 1%;
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

#insurance table td.even {
    background-color: #f5f5f8 !important;
}


/************************************/
/***** 地域密着型金融推進計画ページ *****/
/************************************/
#subtitle .inner h2 span.tiiki i {
	display: block;
	color: #195178;
}

#submain .PdfBox {
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
}

#submain .PdfBox ul li {
	margin: 0 0 0 1%;
	padding-left: 2em;
	text-indent: -2em;
	list-style: none;
}

#submain .PdfBox ul li:before {
	content: "\f101";
	font-family: FontAwesome;
	margin: 0 1%;
}

#submain .PdfBox ul li a:after {
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 5px;
	color: #ff0000;
}

#submain .PdfBox ul li a {
	text-decoration: none;
}

/***********************/
/***** リスク管理方針 *****/
/***********************/
#subtitle .inner h2 span.risuku i {
	display: block;
	color: #195178;
}

#submain p.subtitle {
	margin: 15px 1%;
	padding: .2em 0;
	font-style: normal;
	background-color: #f6f6f6;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}

#submain .ListBox2 {
	width: 100%;
	overflow: hidden;
}

#submain .ListBox2 dl dt {
	margin: 10px 1%;
	padding: 5px 0 5px 20px;
	background-color: #CCCCCC;
}

#submain .ListBox2 dl dd {
	margin: 10px 0 10px 2%;
}

#submain .ListBox2 dl dd p {
	text-indent: 1em;
}


@media only screen and (max-width: 480px) {

	#header .inner h1 {
		width: 266px;
		height: 44px;
		background: url(./images/logo.png) no-repeat;
		background-size: 100% 100%;
		white-space:nowrap !important;
		text-indent: 100% !important;
		text-indent: -9999px !important;
		overflow: hidden !important;
	}

}

/************************************/
/***** 2018.09.27 add - 採用情報ページ *****/
/************************************/
#recruit-page h3 {
	margin: 20px 0;
	padding: .5em 0;
	border-top: 2px solid #364e96;
	border-bottom: 2px solid #364e96;
	color: #364e96;
	font-size: 24px;
	text-align: center;
}

#recruit-page table {
	width: 100%;
  border-top: 1px solid #d1d1d1;
	border-collapse: collapse;
  border-spacing: 0;
	margin-bottom: 20px;
}

#recruit-page table th {
	width: 30%;
	padding: 20px 0;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	background: #eee;
}

#recruit-page table td {
	width: 70%;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #d1d1d1;
}

/* 2019-10-01 add */
#subtitle .inner h2 span.jaccs i {
    display: block;
    color: #009944;
}

#submain h3.jaccs {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #009944;
}

.jaccs-loan-list {
	margin: 30px 0;
	display: flex;
	justify-content: space-around;
	list-style: none;
}

.jaccs-loan-list li { width: 45%; }

.jaccs-loan-list li form {
	margin: 0 !important;
	width: 100% !important;
}

.jaccs-loan-list li form input[type="submit"] {
	display: block;
	width: 100%;
	padding: 1em 0;
	text-decoration: none;
	background: #009944;
	color: #FFF;
	border: none;
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-sizing: border-box;
	cursor: pointer;
}
/* 2019-10-01 add */

/* 2020-04-28 add */
.orix-btn {
	margin: 20px 0;
	display: flex;
	justify-content: space-between;
}

.orix-btn-fax, .orix-btn-web { width: 50%; }

.orix-btn-web { text-align: center; }
.orix-btn-web a {
	background-color: #D63030;
	border-radius: 3px;
	padding: 10px 13px;
	color: #ffffff;
	text-decoration: none;
	display: inline-block;
}

#submain p.actbtn input, #submain #accept ul li span#OFF {
	background-color: #858585;
	color: #fff;
}

.ox_form {
	margin: 0 !important;
	width: auto !important;
}

.ox_form_btn {
	padding: 10px 13px;
	border: none;
	background-color: #ff1a1a;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.kiyaku-table {
	width: 98% !important;
	margin: 10px auto 30px !important;
	border-collapse: collapse !important;
	border: 1px solid #ccc !important;
}

.kiyaku-table th, .kiyaku-table td {
	width: 25% !important;
	padding: 10px 0 !important;
	font-weight: normal !important;
	border-top: 1px solid #cccccc !important;
	border-right: 1px solid #cccccc !important;
	text-align: center !important;
}

.kiyaku-table-sp_th { display: none; }

/* 2020-06-10 add */
.banner-content {
	margin: 24px 0 0;
	text-align: right;
}

.banner-content img {
	max-width: 280px;
	vertical-align: bottom;
}

/* 2020-07-08 add */
.shinkumi-loan {
	padding: 5px 0;
	border-radius: 6px;
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	background-color: #195178;
}

.shinkumi-loan i {
	display: block;
	color: #195178;
}

.shinkumi-loan-list {
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
	list-style: none;
}

.shinkumi-loan-list li { width: 33%; }

.shinkumi-loan-list a,
.shinkumi-loan-list2 a {
	padding: 1em 10px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid #195178;
	background-color: #fff;
	border-radius: 8px;
	color: #195178;
	-webkit-box-sizing: content-box;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.shinkumi-loan-list2 {
	margin: 30px auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	list-style: none;
}

@media screen and (max-width: 1000px) {
	.shinkumi-loan-list2 {
		grid-template-columns: repeat(1, 1fr);
	}
}



/* 2022-08-15 */
.card-loan {
	padding: 20px 0;
}

.card-loan-list {
	justify-content: center;
	column-gap: 30px;
}

.card-loan-list li {
	width: 25%;
}

.card-loan-list li a {
	padding: 0 0 7px;
	flex-direction: column;
	color: #454545;
	border: none;
	border-radius: 0;
	height: auto;
	border: 1px solid #454545;
}

.card-loan-list li a span {
	margin-bottom: 7px;
	padding: 5px 0;
	width: 100%;
	border-bottom: 1px solid #454545;
}

.card-loan-alacarte {
	background-color: #ffe699 !important;
}

.card-loan-alacarte span {
	display: block;
	background-color: #ffd966;
}

.card-loan-omamori {
	background-color: #ddebf7 !important;
}

.card-loan-omamori span {
	display: block;
	background-color: #b4c6e7;
}

/* ************************************************
20231006
個人情報保護宣言ページの大幅書き換えに伴うスタイル
************************************************ */
/* 見出し h4 */
.el_h4Subtitle {
	font-size: calc(95% * 10 / 9);
	margin-bottom: 5px!important;
}

/* pdfへのリンク末尾に pdf アイコン表示 */
.hp_pdfIcon:after {
	content: "\f1c1";
	font-family: FontAwesome;
	margin: 0 5px;
	color: #ff0000;
	font-weight: normal;
}

/* カッコ付き数字リスト */
.bl_bracketsNumberedList {
	list-style-type: none;
	padding-left: 2em;
	margin: 0 1% 0 1em;

}
.bl_bracketsNumberedList>li {
	counter-increment: cnt;
	margin-bottom: 5px;
}
.bl_bracketsNumberedList>li:last-child {
	margin-bottom: 0;
}
.bl_bracketsNumberedList>li::before {
	content: "("counter(cnt)")";
	display:inline-block;
	margin-left:-2em; /* サイトに合せて調整 */
	width: 2em; /* サイトに合せて調整 */
}


.bl_kojinjoho_dl {
	margin: 5px 1% 15px 1em!important;
}
.bl_kojinjoho_dl>dd {
	padding-left: 2em!important;
	padding-top: 0!important;
}

/* h5 */
.el_kojinjoho_h5 {
	font-weight: bold;
	margin: 5px 1% 5px 1%;
	font-size: calc(90% * 10 / 9);
}

/* 「個人情報保護宣言」末尾のコンタクト */
.bl_kojinjoho_contact {
	margin:15px 1% 15px auto;
	padding: 5px;
	width: fit-content;
	max-width: 98%;
}
@media screen and (max-width: 1000px) {
	.bl_kojinjoho_contact {
		font-size: calc(85% * 10 / 9);
	}
}
/* 受付時間 */
.bl_kojinjoho_contact_receptionHours {
	/* margin-left: calc(1rem / -4); */
}
/* 業務グループ & TEL/FAX/Email のグループ */
.bl_kojinjoho_contact_individualContacts {
	display: flex;
	flex-direction: row;
	column-gap: 20px;
	margin-left: auto;
}
@media screen and (max-width: 1000px) {
	.bl_kojinjoho_contact_individualContacts {
		flex-direction: column;
		width: fit-content;
	}
}
/* 「宮崎県南部信用組合 業務グループ」 */
.bl_kojinjoho_contact_individualContacts_heading {}
@media screen and (max-width: 1000px) {
	.bl_kojinjoho_contact_individualContacts_heading {
		margin-left: -1rem;
		font-weight: 600;
	}
}

.hp_bold {
	font-weight: bold;
}
.hp_mt15 {
	margin-top: 15px!important;
}
.hp_mt30 {
	margin-top: 30px;
}
/* 電話番号 */
.el_telephoneNumber {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: #333;
}
@media screen and (max-width:1000px) {
	.el_telephoneNumber {
		color: #00e;
		cursor: pointer;
		pointer-events: auto;
		text-decoration: underline;
	}
}
/* 改行br, ただし小画面でのみ機能 */
.un_kojinjohoContactBreak {
	display: none;
}
@media screen and (max-width:1000px) {
	.un_kojinjohoContactBreak {
		display: inline;
	}
}

.hp_textTransform_uppercase {
	text-transform: uppercase;
}
.hp_textTransform_capitalize {
	text-transform: capitalize;
}
.hp_noIndent {
	text-indent: 0!important;
}

/*
	2023-10-25
	「すばるくん」(orix-entry.html)と「ぱぱっと」(papatto.html) の
	「確認しました」ボタンを、初期状態で青く、クリック後は灰色に、という要望をうけ、そのような動作になるよう修正。
	詳細度(1,1,2)に打ち勝つため !important
*/
/* 確認しますボタンの初期値 */
.js_notesWereConfirmed {
	background-color: #3498db!important;
	cursor: pointer;
}
/* 上記のホバー時、少し明るく */
.js_notesWereConfirmed:hover {
	background-color: #44a8fb!important;
}
/* クリック後は .js_notesWereConfirmed__clicked のmodを付け、上書き、 */
.js_notesWereConfirmed.js_notesWereConfirmed__clicked {
	background-color: #858585!important;
	cursor: auto;
}
.js_notesWereConfirmed.js_notesWereConfirmed__clicked:hover{
	background-color: #858585!important;
}

.un_numericalMarker {
	list-style-type: decimal!important;
}

/*
	2023-12-12
	jaccs ページの修正
*/
.el_jaccsHeading3 {
	text-align: center;
	color: #ffffff;
	font-size: 120%;
	font-weight: normal;
	padding: 5px 0;
	background-color: #009944;
	margin-top: 1rem;
}

.el_jaccsHeading4 {
	border-left: 5px solid #009944;
	margin: 15px 0 15px 10px;
	padding: 0 0 0 10px;
}

.bl_jaccsDownwardArrow {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #009944;
}

/* 確認しましたボタン */
.js_jaccsConfermNoteButton {
	color: #fff;
	background-color: #009944;
	border-style: none;
	border-radius: 3px;
	font-size: 100%;
	padding: 10px 13px;
	cursor: pointer;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.js_jaccsConfermNoteButton:hover {
	background-color: #1a5;
}
.js_jaccsConfermNoteButton.js_isAlreadyUsed {
	background-color: gray;
	cursor: default;
}
.js_jaccsConfermNoteButton.js_isAlreadyUsed:hover {
	background-color: gray;
}

/* 同意するボタン */
.js_jaccsConsentButton {
	background-color: gray;
	border-radius: 3px;
	border-style: none;
	color: #fff;
	cursor: default;
	display: inline-block;
	padding: 10px 13px;
	text-decoration: none;
}
/* 同意しないボタン、活性化された後 */
.js_jaccsConsentButton.js_isActive {
	cursor: pointer;
	background-color: #D63030;
}
/* 同意しないボタン、使用済み状態 */
.js_jaccsConsentButton.js_isAlreadyUsed {
	background-color: gray;
	cursor: default;
}


/* 「同意しない」ボタン、デフォルト状態=非アクティブ */
.el_jaccsDisconsentButton {
	background-color: gray;
	border-radius: 3px;
	color: #ffffff;
	cursor: default;
	display: inline-block;
	padding: 10px 13px;
	pointer-events: none;
	text-decoration: none;
}
/* 「同意しない」ボタン、アクティブ状態 */
.el_jaccsDisconsentButton.js_isActive {
	background-color: #3498dbff;
	cursor: pointer;
	pointer-events: auto;
}
.el_jaccsDisconsentButton.js_isActive:hover {
	background-color: #3498dbee;
}


/* JACCS の各種ローンへのりんくぼたん */
.jaccs-loan-list li form input[type="submit"].js_isNotActive {
	background-color: gray;
	cursor: default;
	pointer-events: none;
}
.jaccs-loan-list li form input[type="submit"].js_isActive {
	background-color: #094;
	pointer-events: auto;
}
.jaccs-loan-list li form input[type="submit"].js_isActive:hover {
	background-color: #1a5;
}

/*
	2023-12-19
	Internet Banking 対応
*/

/* h3 の文字サイズを大きくするmod */
#submain h3.service.service__grandH3 {
	font-size: 150%;
}
#submain h3.service.service__minorH3 {
	/* text-align: left; */
	/* padding-left: 1.2rem; */
}

.ly_crecoBannerAncor {
	display: block;
	max-width: 260px;
	height: fit-content;
	margin: 20px;
}
.ly_crecoBannerImage {
	display: inline-block;
	width: 100%;
	height: auto;
	object-fit: contain;
	transition: opacity 0.25s ease;
}

/* ～はこちら */
.el_leadSentenceAnchor {
	color: #020202;
	font-weight: bold;
	text-decoration: none;
}
.el_leadSentenceAnchor:hover {
	text-decoration: underline;
}
.el_leadSentenceAnchor > span {
	transform: translateX(-6px);
}
.el_leadSentenceAnchor:hover,
.el_leadSentenceAnchor:active {
	text-decoration: underline;
}

/* リスト各項目 */
.bu_serviceList > li {
	margin: 0 0 0 1%;
	padding-left: 1em;
	list-style: none;
}
/* リストアイテムの before に fa */
.bu_serviceList > li:before {
	content: "\f101";
  font-family: FontAwesome;
  margin: 0 1%;
}

.el_serviceHeading5 {
	margin:15px 10px 0 10px;
	padding-left:10px;
}

/* インターネットバンキング案内ページ */
/* 「ログインはこちら」アンカー */
.bl_clickHereToLogin {
	align-items: center;
	background-color: #3498DBff;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #020202;
	color: white;
	display: inline-flex;
	height: 2.8rem;
	justify-content: center;
	padding-right: 32px;
	padding-left: 24px;
	text-decoration: none;
	text-indent: initial;
	transition: background-color 0.5s ease;
}
.bl_clickHereToLogin {

}

.bl_clickHereToLogin::after{
	content: "\f090";
	font-family: FontAwesome;
	margin-left: 5px;
}
.bl_clickHereToLogin:hover {
	background-color: #3498DBcc;
}
.bl_clickHereToLogin > span {
	margin-left: 0.5rem;
}

/* ログインはこちら。作り直し */
.bl_clickHereToLoginButton {
	background-color: #3498DBff;
	border: none;
	border-radius: 5px;
	box-shadow: 2px 2px 6px #020202;
	color: white;
	display: grid;
	place-items: center;
	text-decoration: none;
	transition: background-color 0.5s ease;
	width: 240px;
	height: 86px;
}
.bl_clickHereToLoginButton:hover {
	background-color: #3498DBcc;
}
.bl_clickHereToLoginButton > div {
	text-align: center;
	line-height: 1.6;
	display: block;
	text-decoration: none;
	color: white;
}
.bl_clickHereToLoginButton_loginText {
	font-size: 1.6rem;
}
.bl_clickHereToLoginButton_hereText {
	font-size: 100%;
}

/* 上記を小さくするMOD */
.bl_clickHereToLoginButton.bl_clickHereToLoginButton__small {
	height: 60px;
}
.bl_clickHereToLoginButton_loginText.bl_clickHereToLoginButton_loginText__small {
	font-size: 1.3rem;
}

/*
	申し込みページ等へ遷移するボタンの共通スタイル
*/
.bl_ibButtonAnchor {
	background-color: #3498DBff;
	border: none;
	border-radius: 5px;
	box-shadow: 2px 2px 6px #020202;
	color: white;
	display: grid;
	place-items: center;
	text-decoration: none;
	transition: background-color 0.5s ease;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	height: fit-content;
	width: fit-content;
	transition: background-color 0.5s ease;
}
.bl_ibButtonAnchor:hover {
	background-color: #3498DBcc;
}
.bl_ibButtonAnchor_innerWrap {
	text-align: center;
}
.bl_ibButtonAnchor_largeText {
	font-size: 1.4rem;
}
.bl_ibButtonAnchor_smallText {
	font-size: 0.8rem;
}


/* Internet Banking サービス目次 */
.bl_IBServicesIndex {
	list-style-type: decimal;
	margin-left: 3rem;
	margin-bottom: 2rem;
	padding-right: 0.5rem;
}
.bl_IBServicesIndex_anchor {
	color: inherit;
	text-decoration: underline;
}
.bl_IBServicesIndex_anchor:hover,
.bl_IBServicesIndex_anchor:active {
	color: #666;
	text-decoration: underline;
}

/*
	テーブル
*/
/* テーブルの wrap div */
.bl_IBServiceTable_wrap {
	display: block;
  overflow-x: auto;
  white-space: nowrap;
  /* -webkit-overflow-scrolling: touch; */
}
/* テーブル本体 */
.bl_IBServiceTable {
	border-collapse: collapse;
	border: 1px solid #cccccc;
	table-layout: fixed;
	/* width: 100%; */
}
/* td, th 共通 */
.bl_IBServiceTable td,
.bl_IBServiceTable th {
	padding: 6px 8px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
/* th の font-weight を解除 */
.bl_IBServiceTable th {
	font-weight: normal;
}

/* 左端の th */
.bl_IBServiceTable_leftTh {
	background-color: #3498DB;
	color: white;
	white-space: nowrap;
}
.bl_IBServiceTable_middleTh {
	white-space: nowrap;
}
.bl_IBServiceTable_rightTd {
	min-width: 20rem;
	white-space: wrap;
}

/* 上端thユニット */
.bl_IBServiceTable_upperThUnit>th {
	background-color: #3498DB;
	color: white;
	white-space: nowrap;
}

/* リスト */
.bl_IBnormalList {
	list-style: initial;
	padding-left: 3rem;
	padding-right: 0.5rem;
}
.bl_IBnormalList.bl_IBnormalList__ordered {
	list-style: decimal;
}

/* 番号無し ol, 丸数字などを使う場合 */
.bl_IBorderedListWithoutNumber {
	padding-left: 2.8rem;
	list-style-type: none;
	list-style: none;
}
.bl_IBorderedListWithoutNumber > li {
	text-indent: -1rem;
}

/* カッコつき数値のリスト */
.bl_IBorderedListWithBrackets {
	padding-left: 2rem;
	list-style-type: none;
}
.bl_IBorderedListWithBrackets > li {
	counter-increment: cnt;
}
.bl_IBorderedListWithBrackets>li:before {
	display: marker;
	content: "("counter(cnt)") ";
}

/* 内側のサブリスト */
.bl_IBsubList {
	padding-left: 2rem;
}

/* 外部リンク */
.el_IBExternalLink {
	color: #00f;
	text-decoration: none;
}
.el_IBExternalLink:hover {
	color: #66f;
	text-decoration: underline;
}
.el_IBExternalLink::after {
	content: "\f08e";
	display: inline-block;
	font-family: FontAwesome;
	text-decoration: none;
	margin-left: 4px;
}
.el_IBExternalLink:hover {
	text-decoration: underline;
}

/* 通常アンカー */
.el_IBNormalAnchor {
	color: #00f;
	text-decoration: none;
}
.el_IBNormalAnchor:hover {
	color: #66f;
	text-decoration: underline;
}

/* 外部リンクアイコン */
.hp_externalIcon::after {
	content: "\f08e";
	display: inline-block;
	font-family: FontAwesome;
	text-decoration: none;
	margin-left: 2px;
}

/* pdf アイコン */
.hp_pdfIcon::after {
	content: "\f1c1";
	font-family: FontAwesome;
	text-decoration: none;
	margin-left: 2px;
}

.hp_afterTranslateLeft::after {
	margin-left: 0;
	transform: translateX(-8px);
}

/*
	utility classes
	2023-12-20
*/

/* padding-top */
.hp_pt1rem {
	padding-top: 1rem!important;
}

/* padding-bottom */
.hp_pb1rem {
	padding-bottom: 1rem!important;
}
/* padding-right */
.hp_pe0_5rem {
	padding-right: 0.5rem!important;
}

/* padding-x */
.ph_px0_5rem {
	padding-right: 0.5rem!important;
	padding-left: 0.5rem!important;
}
.ph_px1rem {
	padding-right: 1rem!important;
	padding-left: 1rem!important;
}

/* margin-top */
.hp_mt1rem {
	margin-top: 1rem!important;
}
.hp_mt1_5rem {
	margin-top: 1.5rem!important;
}
.hp_mt2rem {
	margin-top: 2rem!important;
}
.hp_mt2_5rem {
	margin-top: 2.5rem!important;
}

/* margin-bottom */
.hp_mb1rem {
	margin-bottom: 1rem!important;
}
.hp_mb1_5rem {
	margin-bottom: 1.5rem!important;
}
.hp_mb2rem {
	margin-bottom: 2rem!important;
}
.hp_mb2_5rem {
	margin-bottom: 2.5rem!important;
}

/* margin-y */
.hp_mxAuto {
	margin-left: auto!important;
	margin-right: auto!important;
}
.hp_mx1rem {
	margin-left: 1rem!important;
	margin-right: 1rem!important;
}

/* font */
/* font size */
.hp_textXl {
	font-size: 1.25rem; /* 20px */
	line-height: 1.75rem; /* 28px */
}
.hp_text2Xl {
	font-size: 1.5rem; /* 24px */
	line-height: 2rem; /* 32px */
}
.hp_text3Xl {
	font-size: 1.875rem; /* 30px */
	line-height: 2.25rem; /* 36px */
}

/* font bold */
.hp_fontBold {
	font-weight: 700!important;
}
.hp_attention {
	color: red;
}
.hp_doubleCircle:before {
	content: "◎ ";
	display: inline-block;
}


/* table 関連 helper */
.hp_blueCell {
	color: white;
	background-color: #3498DBff;
}
.hp_bluePaleCell {
	color: white;
	background-color: #3498DB99;
}
.hp_ms2rem {
	margin-left: 2rem!important;
}
.hp_text-center {
	text-align: center;
}