@charset "utf-8";

/*================================================================================
  common
==================================================================================*/
.clear {
	clear:both;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
a { text-decoration:none;}
a.link {
	color:#005ddb;
	text-decoration: underline;
}
a.link:hover { text-decoration: none;}
a.link[target="_blank"]{
	padding-right:20px;
	background:url(../img/icon_blank.png) no-repeat right center;
	background-size:13px 10px;
}
a.link.pdf {
	margin-right:5px;
    padding-right: 36px;
    background: url(../img/icon_pdf.png) no-repeat right center;
    background-size: 30px auto;
}
.tel-link_t a{color:#005ddb;}
.info_link {
	margin:20px 0;
}
.info_link a {
	padding: 10px 0 10px 34px;
	background:url(../img/icon_link.png) no-repeat left center;
	background-size:25px 25px;
	font-size:1.6rem;
}
.info_link a.link[target="_blank"]{
	padding-right: 20px;
    background:
	url(../img/icon_link.png) no-repeat left center,
	url(../img/icon_blank.png) no-repeat right center;
    background-size: 25px 25px,13px 10px;
}
.info_link a.link.pdf {
	padding-right: 35px;
    background:
	url(../img/icon_link.png) no-repeat left center,
	url(../img/icon_pdf.png) no-repeat right center;
    background-size: 25px 25px,32px auto;
}
img { 
	width:100%;
	height:auto;
	/*vertical-align: bottom;*/
}
area{
	border:none;
	outline:none;
}
ul , ol{ list-style:none;}
ul.list{
	position:relative;
	margin-left:0;
	padding:0;
	list-style: outside disc;
}
ol.list{
	position:relative;
	margin-left:0;
	padding:0;
	list-style: outside decimal;
}
ul.list > li, ol.list > li {
	margin-left:1em;
	margin-bottom:5px;
}
ul.list.col2 {
	overflow: hidden;
}
ul.list.col2 > li {
	width: calc((100% - 2em) / 2);
	float: left;
}
ol.list.upper-roman { list-style-type: upper-roman;}
ol.list.upper-latin { list-style-type: upper-latin;}
ol.list.circle_number {	list-style-type:none;}
ol.list.circle_number li .num {
	position: absolute;
	left:0;
	margin:0;
}
ol.list.roundBrackets { list-style-type: none;}
ol.list.roundBrackets li { margin-left: 3em;}
ol.list.roundBrackets li > .num {
	position: absolute;
	left:0;
	margin:0
}
ol.list-roundBrackets > li{
	padding-left: 3em;
	counter-increment: cnt;
	position: relative;
}
ol.list-roundBrackets > li:before{
	display: marker;
	content: "（" counter(cnt) "）";
	position: absolute;
	top: 0;
	left: 0;
}
ol > ul.list,
ol > ol.list {
	margin-left:1em;
}
ul.list02{
	position:relative;
	margin-left:0;
	padding:0;
	list-style: outside none;
}
ul.list02 li {
	margin: 0 0 5px 1em;
	text-indent:-1em;
}
ul.list02 li::before {
    content: "\e90f";
    margin-right: 5px;
    color: #229560;
    font-size: 7px;
    font-family: 'icomoon';
    font-weight: normal !important;
}
.list03 {
	border: solid 1px #999;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.list03 > li {
	width: 50%;
	padding: 10px 15px;
	border-bottom: solid 1px #999;
}
.list03 > li:last-child,
.list03 > li:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}
.list03 > li:nth-child(odd) {
	border-right: solid 1px #999;
}
dl.dl-style01{
	margin:10px 0;
}
dl.dl-style01 dt{
	padding-bottom: 5px;
	font-weight: bold;
}
dl.dl-style01 dd{
	padding: 0 0 10px 1em;
}
dl.dl-style02{ margin:10px 0;}
dl.dl-style02 dd { padding-bottom: 10px;}
dl.list01{
	margin-bottom:20px;
	list-style: inside;
}
dl.list01 dt{
	margin:20px 0 8px 1em;
	text-indent:-1em;
}
dl.list01 dt:first-of-type{margin:0 0 5px 1em;}
dl.list01 dt::before{
	content:"\e90f";
	margin-right:5px;
	color:#60c19d;
	font-size:5px;
	font-family: 'icomoon';
	font-weight: normal !important;
}
dl.list01 dd{margin-left:1em;}
dl.list01 dd p{ margin-bottom:5px;}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
    appearance: none;
}
strong { font-weight:bold;}

.text-ja { font-family: "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , sans-serif;}
.text-center {text-align:center !important;}
.text-left   {text-align:left !important;}
.text-right  {text-align:right !important;}
.text-small { font-size:1.2rem !important;}
.text-normal { font-size:1.4rem !important;}
.text-large { font-size:1.6rem !important;}
.text-xlarge { font-size:1.8rem !important;}
.text-green { color:#009b63;}
.text-underline { text-decoration:underline;}
.text-error {
	color:#ff6666;
	font-weight: bold;
}
.text-indent_1x{
	margin-bottom:5px;
	margin-left:1em;
	text-indent:-1em;
}
.text-indent_2x{
	margin-bottom:5px;
	margin-left:2em;
	text-indent:-2em;
}
.attention_1x{
	margin-top:5px;
	margin-left:1em;
	text-indent:-1em;
	font-size:1.2rem;
}
.attention_1x.fs_l{
	font-size:1.4rem;
}
.attention_2x{
	margin-top:5px;
	margin-left:2em;
	text-indent:-2em;
	font-size:1.2rem;
}
.attention { color:#ff6666;}
.add_text { padding-top: 10px;}
.super {vertical-align: super;}
table{
	width:100%;
}
table th,
table td {
	word-break: break-all;
}
table.t-style01 ,
table.t-style02 {
	margin:20px 0;
	border:1px #999999 solid;
}
table.t-style01 th,
table.t-style01 td {
	padding:15px;
	border-bottom:solid 1px #999999;
	border-right:1px solid #999999;
	font-size:1.6rem;
}
table.t-style01 thead th ,
table.t-style02 thead th {
	background-color:#60c19d;
	color:#FFF;
	font-weight:normal;
	vertical-align:middle;
}
table.t-style01 thead th.sub { 
	background-color:#83d9b9;
	color: #000;
}
table.t-style01 tbody th ,
table.t-style02 tbody th {
	background-color:#f5f4f0;
	font-weight:normal;
	vertical-align:middle;
}
table.t-style01 tbody td ,
table.t-style02 tbody td {
	background-color:#fff;
	vertical-align:middle;
}
table.t-style02 th,
table.t-style02 td {
	padding:10px;
	border-bottom:solid 1px #999999;
	border-right:1px solid #999999;
}
table.t-style02 thead th.attn,
table.t-style01 thead th.attn{ background-color:#d9596b;}
table.t-style02 tbody th.attn,
table.t-style02 tbody td.attn,
table.t-style01 tbody th.attn,
table.t-style01 tbody td.attn{ background-color:#ffdee3;}
table.t-style01 .bdb-none,
table.t-style02 .bdb-none { border-bottom: none;}
table.t-style01 .bdt,
table.t-style02 .bdt { border-top:1px solid #999;}
table.t-style01 caption,
table.t-style02 caption {
	font-size:1.2rem;
	text-align: left;
	margin-bottom: 5px;
}
table.shogo{
	width:50%;
	margin:20px 0;
	border:1px #999999 solid;
}
table.shogo th,
table.shogo td {
	padding:10px;
	border-bottom:solid 1px #999999;
	border-right:1px solid #999999;
}
table.shogo tbody th {
	width:40%;
	background-color:#f5f4f0;
	font-weight:normal;
	vertical-align:middle;
	text-align:left;
}
table.shogo tbody td {
	width:60%;
	background-color:#fff;
	vertical-align:middle;
	text-align:right;
}
.mt0 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mb0 { margin-bottom: 0 !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.m-center { 
	margin-left: auto;
	margin-right: auto;
}
.pl1em { padding-left: 1em;}
.current_date {
	text-align: right;
	margin:10px 0;
}
span.br{ display:inline-block;}
.sp_br{ display:none;}

/*---------------------------------------------------- colorbox */
#cboxOverlay { background: #000 !important;}
#cboxLoadingGraphic{background:url(../img/colorbox_loading.gif) no-repeat center center !important;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {top:-30px !important; background:url(../img/btn_close.png) no-repeat 0 0 !important; background-size:cover !important;}

/*================================================================================
  base
==================================================================================*/
html {
	font-size:62.5%;
}
body {
	position:relative;
	background-color:#ffffff;
	width:100%;
	height:100%;
	font-family: Arial , Helvetica Neue , Verdana , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size:1.4rem;
	line-height:1.4;
	-webkit-text-size-adjust:100%;
	word-wrap: break-word;
	overflow-wrap : break-word;
}
body > img {
	position:absolute;
	width:1px;
	height:1px;
}
* {
	box-sizing:border-box;
}

/*---------------------------------------------------- header */
header {
	position:relative;
	line-height:1;
	z-index:9998;
}
header .menu {
	background-color:#e5e4df;
}
header .menu nav {
	position:relative;
	width:96%;
	max-width:1060px;
	margin: 0 auto;
}
header .menu nav ul {
	width:100%;
	padding-right:35px;
}
header .menu nav ul li {
	float:left;
	width:20%;
	text-align:center;
	border-right: solid 1px #FFFFFF;
	font-size:1.4rem;
	color:#10183d;
}
header .menu nav ul li span { font-size:1.0rem;}
header .menu nav ul li:first-of-type {
	border-left: solid 1px #FFFFFF;
}
header .menu nav ul li a {
	display:block;
	padding:7px 0;
	color:#10183d;
	border-top:solid 1px #e5e4df;
}
#kojin header .menu nav ul li.kojin,
#account header .menu nav ul li.kojin,
#bs header .menu nav ul li.kojin,
#benri header .menu nav ul li.kojin,
#campaign header .menu nav ul li.kojin,
#kariru header .menu nav ul li.kojin,
#loan header .menu nav ul li.kojin,
#sonaeru header .menu nav ul li.kojin,
#unyo header .menu nav ul li.kojin,
#toshin header .menu nav ul li.kojin,
#hojin header .menu nav ul li.hojin,
#tenpo header .menu nav ul li.tenpo,
#about header .menu nav ul li.about,
#recruit header .menu nav ul li.recruit {
	background-color:#FFF !important;
}
#kojin header .menu nav ul li.kojin a,
#account header .menu nav ul li.kojin a,
#bs header .menu nav ul li.kojin a,
#benri header .menu nav ul li.kojin a,
#campaign header .menu nav ul li.kojin a,
#kariru header .menu nav ul li.kojin a,
#loan header .menu nav ul li.kojin a,
#sonaeru header .menu nav ul li.kojin a,
#unyo header .menu nav ul li.kojin a,
#toshin header .menu nav ul li.kojin a,
#hojin header .menu nav ul li.hojin a,
#tenpo header .menu nav ul li.tenpo a,
#about header .menu nav ul li.about a,
#recruit header .menu nav ul li.recruit a {
	color:#009b63;
	border-top:solid 1px #009b63;
}

/* search */
header .menu nav .search_area {
	float: right;
	width:35px;
	height:29px;
	background-color:#b2b0a4;
}
header .menu nav .search_btn {
	padding:7px 0 0px;
	cursor:pointer;
	text-align:center;
}
header .menu nav .search_area .icon-search {
	color:#FFF;
}
header .menu nav #search {
	display: none;
	position:absolute;
	top:29px;
	right:0;
	width:550px;
	background-color:#b2b0a4;
	z-index:3;
	padding: 10px;
	font-size: 0;
}
header .menu nav #search #srchInput {
	width: 100%;
	padding: 15px 42px 15px 70px;
	border-radius:5px;
	border: none;
	font-size: 1.6rem;
	outline: none;
}
header .menu nav #search #srchBtn {
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-20px;
	width:40px;
	height: 40px;
    border:none;
	background:rgba(255,255,255,0) url(../img/icon_search.png) no-repeat center center;
	background-size:20px 20px;
	cursor: pointer;
	outline: none;
}
header .menu nav #search .yahooLogo {
	display: inline-block;
	width: 50px;
	height: 13px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto 0;
}
header .menu nav .search_area .img-hidden {
	width: 0;
	height: 0;
}
header .link {
	display:inline-block;
	position:absolute;
	top:43px;
	right:0;
	width:auto;
	z-index:2;
}
header .link p {
	float: left;
	padding:10px 0 10px 10px;
	font-size:1.2rem;
}
header .link p + p {
	border-left:solid 1px #e3dfd7;
	margin-left:10px;
}
header .link p a {
	display:block;
	color:#000;
}
header .link p.safety a {
	padding:6px 0 6px 30px;
	background:url(../img/icon_attention.png) no-repeat left center;
	background-size:22px auto;
}
header .link p.theft a {
	padding:6px 0 6px 36px;
	background:url(../img/icon_theft01.png) no-repeat left center;
}
header .link p.inquiry a {
	position:relative;
	padding:6px 0 6px 20px;
	font-weight: normal !important;
}
header .link p.inquiry a::before {
	content:"\e920";
	font-family: 'icomoon';
	position:absolute;
    top: 50%;
    left: 0;
    margin-top: -8px;
    font-size: 17px;
	color:#555;
}
header .logo {
	position:relative;
	padding:16px 0;
	width:96%;
	max-width:1060px;
	margin: auto;
}
header .logo a {
	display: inline-block;
	width:160px;
	height:38px;
	background:url(../img/logo.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align:middle;
}
header .logo span {
	margin-left:15px;
	font-size:1.2rem;
}

header .menu_btn{ display:none; }
header .close_btn{ display:none; }

/*---------------------------------------------------- ロゴだけのシンプルヘッダー */
.header_inner {
	width: 96%;
    max-width: 1060px;
    margin: auto;
	padding: 10px 0;
}
.header_logo {
	display: inline-block;
	width: 160px;
	font-size: 0;
	vertical-align: middle;
}

/*---------------------------------------------------- noscript */
.noscript {
	width: 96%;
    max-width: 1030px;
    padding: 20px;
	border: dashed 2px #ff6666;
	margin: 20px auto;
}
.noscript .title {
	font-size: 2.0rem;
	font-weight: bold;
	padding: 30px 0 30px 70px;
	background: url(../img/icon_attention.png) no-repeat center left/50px;
}

/*---------------------------------------------------- pagepath */
.pagepath {
	position:relative;
	height:40px;
	background:linear-gradient(90deg,#000 0%,#000 50%,#555 50%,#555 100%);
	background-color:#555;
	line-height:1.0;
	white-space: nowrap;
	overflow-x:auto;
}
.pagepath ul {
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:96%;
	max-width:1060px;
	margin:auto;
	color:#FFF;
	font-size:1.4rem;
	z-index:1;
	background-color:#555;
	overflow:hidden;
}
.pagepath ul li {
	display:inline-block;
	position:relative;
	background-color:#555;
}
.pagepath ul li a {
	display:block;
	width:100%;
	padding:13px 30px;
	color:#FFF;
}
.pagepath ul li:last-child a {
	padding:0;
}
.pagepath:not(.only) ul li:last-child {
	padding:13px 30px;
}
.pagepath ul li::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:100%;
	width: 10px;
	height: 100%;
	background:#555 url(../img/pagepath.png) no-repeat left bottom;
	background-size:100% 200%;
	z-index:2;
}
.pagepath ul li:first-of-type {
	background-color:#000000;
}
.pagepath ul li:first-of-type a {
	padding:13px 20px 13px 0;
}
.pagepath ul li:first-of-type::after {
	background:url(../img/pagepath.png) no-repeat left top;
	background-size:100% 200%;
}
.pagepath:not(.only) ul li:last-of-type::after {
	content:none;
}

/*---------------------------------------------------- slider_main */
.slider_main li {background-color:#000;}
.slider_main a {
	display:block;
}
.slider_main img {
	display:none;
	max-width:1060px;
	width:auto;
	height:auto;
}
.slider_main .flickity-slider li:not(.is-selected) img {opacity:0.5;}
.slider_main .flickity-page-dots{
	bottom:-30px;
	width:100%;
	text-align: center;
}
.slider_main .flickity-page-dots li{
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:10px;
	background-color:#c0bd9d;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity:1 !important;
}
.slider_main .flickity-page-dots li.is-selected{background-color:#4a4936;}
.slider_main .flickity-prev-next-button {
    width: 50px;
    height: 50px;
    background: none;
	border-radius:none;
	opacity:0.5;
}
.slider_main .flickity-prev-next-button:hover {
	background:none;
	opacity:0.8;
}
.slider_main .flickity-prev-next-button svg { display:none;}
.slider_main .flickity-prev-next-button.previous {
	background-image:url(../img/slider_prev.png);
	background-size:cover;
}
.slider_main .flickity-prev-next-button.next {
	background-image:url(../img/slider_next.png);
	background-size:cover;
}

/*---------------------------------------------------- footer */
footer {
	position:relative;
	background-color:#FFF;
}
footer .logo {
	width:96%;
	max-width:1060px;
	margin:0 auto;
	padding:28px 0;
}
footer .logo a {
	display: inline-block;
	width:160px;
	height:38px;
	background:url(../img/logo.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	vertical-align:middle;
}
footer > nav {
}
footer nav a {
	color:#000;
}
footer nav .map_area {
	width:96%;
	max-width:1060px;
	margin:0 auto;
	padding:30px 0;
}
footer nav .map_area div {
	float:left;
	margin-right:2%;
}
footer nav .map_area div:last-of-type { margin-right:0;}
footer nav .map_area div:nth-of-type(1) { width:21%;}
footer nav .map_area div:nth-of-type(2) { width:28%;}
footer nav .map_area div:nth-of-type(3) { width:24%;}
footer nav .map_area div:nth-of-type(4) { width:21%;}
footer nav dl dt {
	margin-bottom:16px;
	font-size:1.4rem;
	font-weight:bold;
}
footer nav dl dd {
	margin-bottom:12px;
	font-size:1.2rem;
	line-height:1.5;
}
footer nav dl dd a {
	text-decoration:underline;
}
footer nav dl dd a:hover {
	text-decoration:none;
}
footer nav dl dd ul {
	margin-top:12px;
}
footer nav dl dd ul li {
	margin-bottom:12px;
}
footer nav dl dt:not(:first-of-type) {
	margin-top:40px
}
footer nav dl dd span {display:block;}
footer nav .map_area div > ul {
	margin-top:46px;
}
footer nav .map_area div > ul li {
	margin-bottom:20px;
	font-size:1.4rem;
	font-weight:bold;
}
footer .link {
	padding:24px 0;
	background-color:#ecebe6;
}
footer .link nav {
	width:96%;
	max-width:1060px;
	margin:0 auto;
}
footer .link ul li {
	float:left;
	margin:0 2% 12px 0;
	font-size:1.2rem;
}
footer .link ul li:nth-of-type(3n+1) {
	width:25%;
}
footer .link ul li:nth-of-type(3n+2) {
	width:37%;
}
footer .link ul li:nth-of-type(3n) {
	width:34%;
	margin-right:0;
}
footer .link ul li a {
	display:block;
	position:relative;
	padding-left:18px;
	color:#015edb;
}
footer .link ul li a::before {
	content: "\e903";
	position:absolute;
	left:0;
	font-family: 'icomoon';
	font-weight: normal !important;
	font-size:6px;
	color:#015edb;
}
footer .usagi {
	position:absolute;
	bottom:68px;
	right:10px;
	width:71px;
	height:91px;
	background:url(../img/pagetop_usagi.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer .copy {
	width:96%;
	max-width:1060px;
	margin:0 auto;
	padding:10px 0;
	font-size:1.0rem;
	text-align: right;
	color:#595548;
}
footer .slogan {
	padding:11px 0 8px;
	background:url(../img/footer_line.png) no-repeat center top;	
}
footer .slogan p {
	width:96%;
	max-width:1060px;
	height:16px;
	margin:0 auto;
	text-align:right;
	font-size:0;
}
footer .slogan p span {
	display:inline-block;
	width:225px;
	height:16px;
	background:url(../img/footer_text.png) no-repeat;
	background-size:contain;
	font-size:0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer .pagetop {
	position: fixed;
	bottom:174px;
	right: 13px;
	z-index:3;
}
footer .pagetop a {
	display:block;
	width:64px;
	height:64px;
	background:#10183d url(../img/pagetop.png) no-repeat center center;
	background-size:28px 43px;
	border-radius: 50%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
footer .pagetop.on a::after {
	content:"";
	position: absolute;
	border-top: 10px solid #10183d;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	bottom: -9px;
	left: 50%;
	margin-left: -5px;
}
footer .nav_btn{ display:none;}

/*---------------------------------------------------- sidenav */
.sidenav {
	position:fixed;
	bottom: 50%;
	right:0;
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	z-index:9999;
}
.sidenav img {
	width:53px;
	height:46px;
}
.sidenav nav {
	font-size:0;
	width:80px;
	text-align:center;
}
.sidenav ul {
	background-color:#10183d;
	border-radius: 10px 0 0 10px;
	box-shadow:0px 0px 6px 3px rgba(0,0,0,0.1);
}
.sidenav ul li a {
	display:block;
	padding:12px 10px;
	font-size:1.0rem;
	color:#FFF;
	border-bottom:solid 1px #7d839e;
}
.sidenav ul li:last-of-type a {
	border-bottom:none;
}
.sidenav ul li a > span {
	display:block;
	width:40px;
	height:40px;
	margin:0 auto 5px;
	border-radius:50%;
	background-color:#FFF;
}
.sidenav ul li a > span .icon {
	display:inline-block;
	color:#10183d;
}
.sidenav ul li a > span .icon-talk {
	padding-top:6px;
	font-size:26px;
}
.sidenav ul li a > span .icon-yen {
	padding-top:10px;
	font-size:20px;
}
.sidenav ul li a > span .icon-question {
	padding-top:10px;
	font-size:20px;
}
.sidenav ul li a > span .icon-product {
	padding-top:7px;
	font-size:23px;
}
.sidenav ul li a > span .icon-key {
	padding-top: 7px;
    font-size: 22px;
}
.sidenav ul li a > span .icon-beginner {
	padding-top:7px;
	font-size:24px;
}
.sidenav ul li a > .icon-apply {
	background: #fff url(../img/sidenav_icon_apply.svg) no-repeat center right 5px/24px;
}

/*-------------------------------- 個人TOP、法人TOP　名古屋銀行ビジネスクラブ */
.bizclub {
	padding: 40px 0 !important;
	background: #aa8536;
	color: #fff;
	text-align: center;
	border-top: none !important;
}
.bizclub_title {
	font-size: 2.6rem;
	margin-bottom: 12px;
	font-weight: bold;
}
.bizclub_body { margin-top: 30px;}
.bizclub_btn {
	display: block;
	width: 47%;
	float: left;
	padding: 15px;
	box-shadow: 0px 2px 0px 0px #ccc;
	color: #000;
	font-size: 1.8rem;
	border-radius: 14px;
	background-color: #fff;
}
.bizclub_btn:hover { box-shadow: 0px -2px 0px 0px #ccc;}
.bizclub_btn > p{
	background: url("../img/arrow_bizclub.png") no-repeat right center/8px auto;
	padding: 0 10px;
}
.bizclub_login {
	width: 50%;
	padding-left: 3%;
	float: right;
	border-left: solid 1px #fff;
}
.bizLogin { 
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}
.bizLogin_title {
	width: 6em;
	font-size: 1.6rem;
	font-weight: bold;
}
.bizLogin_input {
	width: calc(100% - 6em - 160px);
    margin: 0 10px;
	padding: 10px;
	font-size: 1.6rem;
}
.bizLogin_submit {
	width: 140px;
	padding: 15px 20px 15px 15px;
	box-shadow: 0px 2px 0px 0px #ccc;
	border: none;
	border-radius: 10px;
	background: #fff url("../img/arrow_bizclub.png") no-repeat right 10px center/8px auto;
	font-size: 1.6rem;
	cursor: pointer;
}
.bizLogin_submit:hover { box-shadow:0px -2px 0px 0px #ccc;}

@media screen and (min-width:768px) {
	header .menu_btn{ display:none !important;}
	header .nav{ display:block !important;}
	header .menu nav .search_area{ display:block !important;}
	footer .nav_btn{ display:none !important;}
	footer > nav{ display:block !important;}
}
@media screen and (max-width:1024px) {
/*================================================================================
  common
==================================================================================*/
.pc_br{ display:none;}

/*================================================================================
  base
==================================================================================*/
/*---------------------------------------------------- header */
header .menu nav .search_area {
	height:25px;
}
header .menu nav ul li {
	font-size:1.0rem;
}
header .menu nav ul li:nth-of-type(2) {width:25%;}
header .menu nav ul li:nth-of-type(3) {width:15%;}
header .menu nav ul li:nth-of-type(4) {width:25%;}
header .menu nav ul li:nth-of-type(5) {width:15%;}
header .menu nav #search {top:24px;}

header .link {top: 36px;}
header .link p a { line-height:1.2;}
header .link p.safety a {padding:0 0 0 30px;}
header .link p.theft a {padding:0 0 0 36px;}
header .link p.inquiry a {padding:0 0 0 20px;}
header .link p a span { display:block;}

/*---------------------------------------------------- pagepath */
.pagepath ul { overflow: auto; }

/*---------------------------------------------------- slider_main */
.slider_main img {max-width:734px;}
.slider_main .flickity-prev-next-button { display:none;}

/*---------------------------------------------------- footer */
footer .usagi {
	position:absolute;
	top:-120px;
	bottom:auto;
	right:83px;
	width: 62px;
	height:81px;
}
footer .pagetop {
	position: absolute !important;
	top:-112px !important;
	bottom:auto !important;
	right:6px !important;
}
footer .pagetop a::after ,
footer .pagetop.on a::after {
	content:"";
	position: absolute;
	border-right: 10px solid #10183d;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	bottom: 50%;
    left: -9px;
    margin-bottom: -5px;
}

/*---------------------------------------------------- sidenav */
.sidenav {
	display:none;
}

/*-------------------------------- 個人TOP、法人TOP　名古屋銀行ビジネスクラブ */
.bizclub_btn { width: 40%;}
.bizclub_login { width: 57%;}
.bizLogin_title { font-size: 1.4rem;}
.bizLogin_input { width: calc(100% - 6em - 140px);}
.bizLogin_submit { width: 120px;}

}
@media screen and (max-width:767px) {
/*================================================================================
  common
==================================================================================*/
.text-small { font-size:1.0rem !important;}
.text-normal { font-size:1.2rem !important;}
.text-large { font-size:1.4rem !important;}
.text-xlarge { font-size:1.6rem !important;}
table.t-style01 ,
table.t-style02 { margin:10px 0; }
table.t-style01 th,
table.t-style01 td {
	padding:2%;
	font-size:1.0rem;
}
table.t-style02 th,
table.t-style02 td {
	padding:3px;
	font-size:1.0rem;
}
table.shogo{
	width:100%;
	margin:10px 0;
}
table.shogo th,
table.shogo td { padding:2%; }
.attention_1x,
.attention_1x.fs_l,
.attention_2x{font-size:1.0rem;}
a.link.pdf {
    padding-right: 28px;
    background-size: 23px auto;
}
.info_link {
	margin:10px 0;
}
.info_link a {
	padding-left:21px;
	background-size:15px 15px;
	font-size:1.2rem;
}
.info_link a.link[target="_blank"]{
    background-size: 15px 15px,13px 10px;
}
.info_link a.link.pdf {
    background-size: 15px 15px,30px auto;
}
ul.list.col2 > li {
	width: 100%;
	float: none;
}
.list03 > li {
	padding: 2%;
}
.mt10 { margin-top: 5px !important;}
.mt20 { margin-top: 10px !important;}
.mt30 { margin-top: 15px !important;}
.mt40 { margin-top: 20px !important;}
.mt50 { margin-top: 25px !important;}
.mb10 { margin-bottom: 5px !important;}
.mb20 { margin-bottom: 10px !important;}
.mb30 { margin-bottom: 15px !important;}
.mb40 { margin-bottom: 20px !important;}
.mb50 { margin-bottom: 25px !important;}
.sp_br{ display:block;}

/*================================================================================
  base
==================================================================================*/
body {
	padding-top:50px;
	font-size:1.2rem;
}
body.simplePage {
	padding-top: 0;
}

/*---------------------------------------------------- header */
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#FFF;
}
header .menu_btn{
	position:relative;
	display: block;
	width:70px;
	padding:20px 0;
	margin:0 0 0 auto;
	background:#096 url(../img/menubtn.png) no-repeat center top;
	background-size:45px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor:pointer;
	z-index:1;
}
header .menu_btn.open{
	background:#096 url(../img/menubtn.png) no-repeat center bottom;
	background-size:45px;
}
header .close_btn {
	display: block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:18px 0;
	background-color:#555;
	text-align:center;
	color:#FFF;
	font-size:1.2rem;
	cursor:pointer;
	z-index:1;
}
header .close_btn span.icon{
	margin-right:5px;
}
header .nav {
	display: none;
	position: absolute;
	left:0;
	width:100%;
	background-color:#e5e4df;
}
header .menu nav {
	position:inherit;
	width:100%;
	max-width:none;
	height: auto;
}
header .menu nav ul {
	padding-top: 70px;
	padding-right:0;
}
header .menu nav ul li {
	float:none;
	width:100% !important;
	border-right: none;
	border-bottom:solid 1px #FFFFFF;
	font-size:1.4rem;
	color:#10183d;
}
header .menu nav ul li:first-of-type {
	border-left: none;
}
#account header .menu nav ul li.kojin,
#bs header .menu nav ul li.kojin,
#benri header .menu nav ul li.kojin,
#kariru header .menu nav ul li.kojin,
#loan header .menu nav ul li.kojin,
#sonaeru header .menu nav ul li.kojin,
#unyo header .menu nav ul li.kojin,
#sonota header .menu nav ul li.kojin,
#hojin header .menu nav ul li.hojin,
#tenpo header .menu nav ul li.tenpo,
#about header .menu nav ul li.about,
#recruit header .menu nav ul li.recruit {
	background-color:#e5e4df;
}
header .menu nav ul li a {
	position:relative;
	padding:18px 0;
	color:#10183d;
	border-top:none !important;
}
#account header .menu nav ul li.kojin a,
#bs header .menu nav ul li.kojin a,
#benri header .menu nav ul li.kojin a,
#kariru header .menu nav ul li.kojin a,
#loan header .menu nav ul li.kojin a,
#sonaeru header .menu nav ul li.kojin a,
#unyo header .menu nav ul li.kojin a,
#sonota header .menu nav ul li.kojin a,
#hojin header .menu nav ul li.hojin a,
#tenpo header .menu nav ul li.tenpo a,
#about header .menu nav ul li.about a,
#recruit header .menu nav ul li.recruit a {
	border-top:none;
}
header .menu nav ul li a::before {
	content: "\e904";
	position:absolute;
    top: 50%;
    left: 2%;
    margin-top: -6px;
    font-size: 12px;
	font-family: 'icomoon';
	font-weight: normal !important;
	color:#009b63;
}
header .link {
	position:relative;
	top:0;
	width:100%;
	max-width: none;
	margin: 10px auto 56px;
}
header .link > div {
	width:96%;
	margin:0 auto;
}
header .link p {
	width:50%;
	padding:0 5px;
	text-align:center;
	font-size:1.0rem;
	border:solid 1px #fff !important;
}
header .link p + p {
	margin-left: 0;
}
header .link p a span { display: inline;}
header .link p.theft {
	width:100%;
}
header .link p.theft a {
    padding: 10px 0 10px 24px;
	background-size:23px 15px;
}
header .link p.inquiry {border-top-width: 0 !important;}
header .link p.safety a {
    padding: 10px 0 10px 24px;
    background-size: 17px auto;
}
header .link p.safety {
	padding:0 0 0 5px;
	border-width:0 1px 1px 0 !important;
}
header .link p.inquiry a {
	padding: 10px 0 10px 12px;
}
header .link p.inquiry a::before {
	content:"\e920";
    margin-top: -7px;
    font-size: 14px;
	color:#009b63;
}
header .menu nav .search_area {
	position:absolute;
	top:0;
	left:0;
	float: none;
	width:100%;
	height:70px;
	border-top: solid 1px #009b63;
	background-color:#b2b0a4;
}
header .menu nav .search_btn{ display:none;}
header .menu nav #search {
	display: block !important;
	position:relative;
	top:0;
	width:100%;
}
body.open::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,0.5);
	z-index:9997;
}
header .logo {
	position:absolute;
	top:13px;
	bottom: auto;
	left:2%;
	right: auto;
	width:100%;
	padding:0;
	max-width:none;
}
header .logo a {
	width:125px;
	height:33px;
}
header .logo span {
	display:inline-block;
	margin-left:8px;
	font-size:1.0rem;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

/*---------------------------------------------------- ロゴだけのシンプルヘッダー */
.header {position: static;}
.header_inner { padding: 10px 0;}
.header_logo { width: 125px;}

/*---------------------------------------------------- noscript */
.noscript {
    padding: 10px;
	margin: 10px auto;
}
.noscript .title {
	font-size: 1.4rem;
	padding: 10px 0 10px 40px;
	background-size:30px;
}

/*---------------------------------------------------- pagepath */
.pagepath {
	height:auto;
}
.pagepath ul {
	position:relative;
	width:100%;
	font-size:1.0rem;
}
.pagepath ul a span {
	display:inline-block;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.pagepath ul li a,
.pagepath:not(.only) ul li:last-of-type {
	padding:20px 2px 20px 13px;
}
.pagepath ul li:first-of-type a {
	padding:20px 0 20px 5px;
}

/*---------------------------------------------------- slider_main */
.slider_main li {width:100%;}
.slider_main img {width: 100%;}
.slider_main .flickity-page-dots {
	position:relative;
	padding:8px 0;
	bottom:0;
}
.slider_main .flickity-page-dots li{
	width:8px;
	height:8px;
	margin-right:6px;
}

/*---------------------------------------------------- footer */
footer .logo { display:none;}
footer .nav_btn{
	display:block;
	position:relative;
	padding:19px 2%;
	border-bottom:solid 1px #cdcdcd;
	font-size:1.2rem;
	cursor:pointer;
}
footer .nav_btn::after{
	content: "\e901";
	position:absolute;
    top: 50%;
    right: 2%;
    margin-top: -8px;
    font-size: 12px;
	font-family: 'icomoon';
	font-weight: normal !important;
	color:#009b63;
}
footer .nav_btn.open::after{
	content: "\e905";
}
footer > nav {
	display:none;
}
footer > nav .map_area {
	width:100%;
	padding:0 2% 10px !important;
	background-color:#f3f3f3;
}
footer nav .map_area div {float:none;}
footer nav .map_area div:nth-of-type(1),
footer nav .map_area div:nth-of-type(2),
footer nav .map_area div:nth-of-type(3),
footer nav .map_area div:nth-of-type(4) { width:100%;}
footer nav dl dt {
	position:relative;
	margin:0 0 16px;
	padding:15px 0;
	border:solid #cdcdcd;
	border-width:1px 0;
	font-size:1.2rem;
}
footer nav dl dt::before {
	content: "\e903";
	position:absolute;
    right: 0;
    margin-top: 1px;
    font-size: 10px;
	font-family: 'icomoon';
	font-weight: normal !important;
	color:#009b63;
}
footer nav .map_area div:first-of-type dl dt {border-width:0 0 1px;}
footer nav .map_area div:first-of-type dl dt:first-of-type {margin-bottom:0;}
footer nav dl dt.bs {
	margin-bottom:0;
	border-width:1px 0 0;
}
footer nav dl dt:not(:first-of-type) {margin-top:0}
footer nav dl dd {
	margin-bottom:16px;
	font-size:1.0rem;
}
footer nav dl dd span {display:inline;}
footer nav dl dd ul {
	margin-top:16px;
}
footer nav dl dd ul li {
	margin-bottom:16px;
}
footer nav .map_area div > ul {
	margin-top:16px;
	padding-top:16px;
	border-top:solid 1px #cdcdcd;
}
footer nav .map_area div > ul li {
	margin-bottom:16px;
	font-size:1.0rem;
}
footer .link {
	padding:20px 0;
	background-color:#e5e5e5;
}
footer .link ul li {
	float:none;
	width:100% !important;
	margin-right:0 0 16px 0;
}
footer .link ul li {
	margin-bottom:16px;
	font-size:1.0rem;
}
footer .text-small.clear {
	padding-top:10px;
}
footer .usagi {
    position: absolute;
	width:54px;
	height:70px;
}
footer .pagetop {
	position: absolute !important;
	top:-120px !important;
	bottom:auto !important;
	right:6px !important;
}
footer .copy {
	text-align: center;
}
footer .slogan {
	position:relative;
	padding:16px 0 0;
	background:url(../img/footer_line.png) no-repeat -534px top;
	background-size:400%;
}
footer .slogan p {
	position:absolute;
	top: 4px;
    right: 2%;
	width:100%;
	height: 8px;
}
footer .slogan p span {
	width:130px;
	height: 8px;
}

/*-------------------------------- 個人TOP、法人TOP　名古屋銀行ビジネスクラブ */
.bizclub {
	padding: 20px 0 !important;
}
.bizclub_title {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.bizclub_body { margin-top: 20px;}
.bizclub_btn {
	width: 100%;
	float: none;
	padding: 10px;
	font-size: 1.4rem;
	margin-bottom: 15px;
	border-radius: 10px;
}
.bizclub_btn > p { background-size: 6px auto;}
.bizclub_login { 
	width: 100%;
	border-left: none;
	border-top: solid 1px #fff;
	padding: 10px 0 0;
}
.bizLogin { 
	-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bizLogin_title {
	display: block;
	width: 100%;
	font-size: 1.2rem;
	margin-bottom: 5px;
	text-align: left;
}
.bizLogin_input {
	width: 62%;
    margin: 0 3% 0 0;
}
.bizLogin_submit {
	width: 35%;
	padding: 10px;
	background-size: 6px auto;
	font-size: 1.4rem;
}

}