body {
	text-align: justify;
    text-justify: inter-ideograph;
}
ul,li {
  list-style: none;
}
.outline {
  display        : inline-block;
  color          : #000000;            /* 文字の色 */
  text-shadow    : 
       1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;        /* 文字の影 */
}
.main,.header,.footer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.bg-black-img {
	background: #000 url("../img/bg-blackimg.png");
}
.bg-red-g {
	background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(100,32,9,1) 0%, rgba(199,42,11,1) 70%);
}
.bg-blue-g {
	background: rgb(2,0,36);
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(34,66,111,1) 0%, rgba(122,141,168,1) 70%);
}
.bg-mainbg {
	background: #efebca;
}
.bg-lightbeige {
	background: #fdfcea;
}
.bg-beige-book {
	background: #f6f2d1 url("../img/bg-book.png") right top no-repeat;
	background-size: 500px;
}
.top-logo img {
	width: 200px;
}
.title-img {
	background: url("../img/header_bg.jpg") center right no-repeat;
	background-size: auto 100%;
	/*min-height: 400px;*/
}
.top-word {
	background-color: rgba( 255,255,255, 0.5 );
	color: black;
}
.title-contents {
	box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
	background: url("../img/bg-title.png");
}
header,footer {
	background: url("../img/bg-wood.jpg") ;
}
.bt01 {
	background: url("../img/bg-bt01.png") left center no-repeat,url("../img/bg-bt02.png") right center no-repeat;
	background-size: 60px;
	border: 1px solid #BB9841;
}
.bt01 a {
	color: #fff;
	font-weight: 600;
}
.pr-pc02 {
	margin-right: 10px;
}
.line01 {
	background: #8b654a url("../img/line01.png") repeat-x;
	background-size: auto 20px;
	height: 20px;
}
.line02 {
	background: #8b654a url("../img/line02.png") repeat-x;
	background-size: auto 30px;
	height: 30px;
}
img.teller {
    border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    width:  100px;       /* ※縦横を同値に */
    height: 100px;       /* ※縦横を同値に */
	border: 1px #f6f2d1 solid;
}
.font-small-sm01 {
	font-size: 0.7rem;
	letter-spacing: -0.5px;
	line-height: 1.1rem;
}
.font-small-sm02 {
	font-size: 0.8rem;
	letter-spacing: -0.5px;
	line-height: 1.4rem;
}
.teller-name {
	background: url("../img/icon01.png") left center no-repeat;
	background-size: 18px;
	padding-left: 24px;
}
.bg-paper {
	background: #8b654a url("../img/bg-paper.png") repeat-y;
	background-size: 100%;
    border-radius: 10px;
}
.flag {
	background: url("../img/flag.png") repeat-x 0px 10px;
}
.footer-link a,
.teller-c-name a {
	color: brown !important;
	text-decoration:underline !important;
}
.radius-20 {
    border-radius: 20px;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
/**************************************** SMART PHONE (1200px) ****************************************/
@media screen and (min-width:1200px) {
  .main,.header,.footer {
    max-width: 1200px;
  }
	.mb-sp03 {
		margin-bottom: 10px;
	}
}
/**************************************** SMART PHONE (992px) ****************************************/
@media screen and (min-width:992px) {
  .main,.header,.footer {
    max-width: 992px;
  }
}
/**************************************** SMART PHONE (992px) ****************************************/
@media screen and (max-width:992px) {
	.mb-sp {
		margin-bottom: 10px;
	}
	.mr-pc02 {
		margin: 0;
	}
}
/**************************************** SMART PHONE (768px) ****************************************/
@media screen and (max-width:767px) {
  .main,.header,.footer {
    max-width: 768px;
  }
	.top-logo img {
		width: 100px;
	}
	.title img {
		width: 90%;
	}
}
/**************************************** SMART PHONE (480px) ****************************************/
@media screen and (max-width:480px) {
	.title img {
		width: 100%;
	}
}