@charset "Shift_JIS";
/* Updated 2017/12/25,D */
/* Updated 2017/04/07,D */

/*--------------------------------------------
	HTML5 Reset ::style.css
	-------------------------
	We have learned much from/been inspired by/taken code where offered from:
	Eric Meyer:http://ericmeyer.com
	HTML5 Doctor:http://html5doctor.com
	and the HTML5 Boilerplate:http://html5boilerplate.com
---------------------------------------------*/

/* Let's default this puppy out
--------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd,
q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section{display:block;}
img, object, embed{max-width:100%;}

html{overflow-y:scroll;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:''; content:none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
th{font-weight:bold; vertical-align:top;}
td{font-weight:normal; vertical-align:top;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
input, select{vertical-align:top;}
pre{
	white-space:pre; /* CSS2 */
	white-space:pre-wrap; /* CSS 2.1 */
	white-space:pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap:break-word; /* IE */
}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom; *vertical-align:baseline;}
select, input, textarea{font:99% sans-serif;}
table{font-size:inherit; font:100%;}
a:hover, a:active{outline:none;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;} 
sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button{cursor:pointer;}
button, input, select, textarea{margin:0;}
button{width:auto; overflow:visible;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img{vertical-align:bottom;}
.clear:before,.clear:after {content: " "; display: table;}
.clear:after {clear: both;}
.clear {*zoom: 1;}


/*-------------------------------------------
Base Setting
-------------------------------------------*/
html{font-size:62.5%;}
body,select,input,textarea{ font:14px Helvetica,Arial,Tahoma,sans-serif; 
/*font-family:"‚l‚r ‚oƒSƒVƒbƒN","MS PGothic",sans-serif;line-height:1.5;color:#333;-webkit-text-size-adjust:none; }*/
font-family:'Meiryo','MS UI Gothic','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic Pro',Verdana,'?? ?????',sans-serif;line-height:1.5;color:#333;-webkit-text-size-adjust:none; }
a{color:#004831;text-decoration:underline;}
a:link{/*text-decoration:none;*/}
/*a:visited{color:#11c;text-decoration:none;}*/
a:visited{color:#660066;text-decoration:underline;}
a:hover{color:#ed6d34;}
caption{margin-bottom:5px;text-align:left;}
ins{background-color:#fcd700;color:#000;text-decoration:none;}
mark{background-color:#fcd700;color:#000;font-style:italic;font-weight:bold;}
textarea{resize:vertical;}
address{font-style:normal;}
em{font-style:normal;}
legend{display:none;}
table {text-align: left;font-weight: normal;}
th,td{font-weight: normal;}
body{min-width: 320px; background:#ffffff; word-break: break-all; }
img { max-width: 100%; }
p > img { vertical-align: middle; }

a:hover > img,
a.imgOpacity:hover img,
a:hover > img.imgOpacityImg,
a.noImgOpacity:hover img.imgOpacityImg,
a.hover > .spEnlargeWrap >img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a.noImgOpacity:hover img,
a:hover > img.noImgOpacityImg,
a.imgOpacity:hover img.noImgOpacityImg,
.smbcGroup a img {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
} 


/*-------------------------------------------
Text
-------------------------------------------*/
/*align*/
.tCenter { text-align: center !important; }
.tLeft { text-align: left !important; }
.tRight { text-align: right !important; }
.vTop, .vTop > * { vertical-align: top !important; }
.vMiddle, .vMiddle > * { vertical-align: middle !important; }
.vBottom, .vBottom > * { vertical-align: bottom !important; }
.vBase > * { vertical-align: baseline; !important; }
table.vTop th, table.vTop td { vertical-align: top !important; }
table.vMiddle th, table.vMiddle td { vertical-align: middle !important; }
table.vBottom th, table.vBottom td { vertical-align: bottom !important; }

/*style*/
.tBold { font-weight: bold !important; }
.tNormal { font-weight: normal !important; }
.tLineT{ text-decoration: line-through !important; }

/*decoration*/
.tUnderline { text-decoration: underline !important; }
.tDecorationNone { text-decoration: none !important; }

/*size*/
.fsMaximum { font-size: 1.715em !important; line-height: 1.44;} /*24px*/
.fsLarger02 { font-size: 1.429em !important; line-height: 1.44;} /*20px*/
.fsLarger01 { font-size: 1.286em !important; line-height: 1.5;} /*18px*/
.fsLarge { font-size: 1.143em !important; line-height: 1.5;} /*16px*/
.fsMiddle { font-size: 1em !important; line-height: 1.57;} /*14px*/
.fsSmall { font-size: 0.857em !important; line-height: 1.5;} /*12px*/
.fsSmaller01 { font-size: 0.782em !important; line-height: 1.5;} /*11px*/
.fsSmaller02 { font-size: 0.714em !important; line-height: 1.5;} /*10px*/
/*color*/
.tBlack01 { color: #666 !important; }
.tBlack02 { color: #333 !important; }

.tRed01 { color: #c00 !important; }
.tRed02 { color: #c00 !important; }
.tRed03 { color: #ed174c !important; }
.tGreen01 { color: #004831 !important; }
.tGreen02 { color: #a0c81e !important; }
.tBlue01 { color: #11c !important; }
.tGray01 { color: #bebebe !important; }
.tGray02 { color: #808080 !important; }
.tOrange01 { color: #fa8200 !important; }
.tBrown01 { color: #ad6700 !important; }

/*align*/
.spTCenter { text-align: center !important; }
.spTLeft { text-align: left !important; }
.spTRight { text-align: right !important; }

/*size*/
.fsMaximum { font-size: 1.286em !important; } /*18px*/
.fsLarge { font-size: 1.143em !important; } /*16px*/
.fsMiddle { font-size: 1em !important; } /*14px*/
.fsSmall { font-size: 0.857em !important; } /*12px*/
.spFsMaximum { font-size: 1.286em !important; } /*18px*/
.spFsLarge { font-size: 1.143em !important; } /*16px*/
.spFsMiddle { font-size: 1em !important; } /*14px*/
.spFsSmall { font-size: 0.857em !important; } /*12px*/

/*weight*/
.spTBold { font-weight: bold !important; }

/*-------------------------------------------
Header
-------------------------------------------*/

header[role="banner"] {
    /* padding-bottom: 10px; */
    border-bottom: solid 3px #a0c81e !important;
}

#headerInner {
    width: auto;
    border-top: 5px solid #94cb10;
	padding-top: 0;
	margin: 0 auto;
}

#headerInner:before, #headerInner:after, #headerTop:before, #headerTop:after {
    content: " ";
    display: table;
}

#headerTop, #urgencyBox, #spHeaderSearch .spHeaderSearchInner {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#headerTop {
    display: table;
    width: 100%;
    height: 53px;
    margin-bottom: 4px;
    padding-bottom: 0;
	padding: 0 10px;
}

#headerInner .logoWrap {
    position: relative;
	float:left;
    width: 130px;
	margin: 8px 0 5px;
}

#headerTop > * {
    display: table-cell;
    vertical-align: middle;
}

#headerInner .logoWrap > * {
    padding-left: 0;
}

/*#headerInner .logoWrap span {
    display: inline-block;
    width: 130px;
    height: 36px;
	background:url(../img/logo_sp01.webp) 0 0 no-repeat;
    -ms-background-size: 130px 36px;
    -moz-background-size: 130px 36px;
    -webkit-background-size: 130px 36px;
    background-size: 130px 36px;
    text-indent: -9999px;
}*/

#headerInner .logoWrap img {
    width: 203px;
}


/*-------------------------------------------
Footer
-------------------------------------------*/
/*pagetop*/
.pageTop {
	position: fixed !important;
	z-index: 9999;
	right: 20px;
	bottom: 12px;
	width: 60px;
	height: 60px;
}


/*footer*/

.pageup {
	text-align:right;
	margin:5% 2% 5% 0;	
}

.pageup a {
	color:#005929;
	text-decoration:none !important;
}

.pageup a span{
	color:#002CB2 !important;
	text-decoration:underline !important;
	font-weight:normal !important;
}

#snsArea > dl, #footerInfo, #footerNav > nav {
    width: 100%;
}

footer[role="contentinfo"] {
    padding-bottom: 18px;
    background: #004831;
}

#footerInfo {
    padding-top: 0;
	font-size: 0.75em;
}

#footerInfo .infoNav > ul {
	margin:auto 0 !important;
	padding: 0 !important;
}

ul, li, p {
    line-height: 14px;
}

#footerInfo .infoNav > ul > li {
    margin-right: 2px;
    line-height: 2.0;
	display: inline;
    padding-bottom: 3px;
}

#footerInfo .infoNav > ul > li:before {
    content: "";
    display: inline-block;
    position: static;
    width: 1px;
    height: 1.2em;
    margin: 0 9px 0 0;
    background: #c9c9c9;
    vertical-align: -0.1em;
}

#footerInfo .infoNav > ul > li:last-child:after {
    content: "";
    display: inline-block;
    position: static;
    width: 1px;
    height: 1em;
    margin: 0 0 0 5px;
    background: #c9c9c9;
    vertical-align: -0.1em;
}

#footerInfo .infoNav > ul > li > a {
    color: #ddd;
}

.clear:before, .clear:after {
    content: " ";
    display: table;
}
/*
Feature
****************************************************/
@media screen and (min-width: 769px) {
  .featureItems .featureItem .featureItemInner::before {
    position: absolute;
    display: block;
    content: "";
    width: 4px;
    height: 100%;
    top: 0;
    right: -23px;
    background: url(../img/line_dot_tate.webp) 0 0 repeat-y;
    background-size: 4px 8px;
  }

  .featureItems .featureItem:nth-child(4) .featureItemInner::before,
  .featureItems .featureItem:nth-child(8) .featureItemInner::before {
    content: none;
  }

  .featureItems .featureItem:nth-child(n + 5) .featureItemInner::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 4px;
    top: -10px;
    left: 0;
    background: url(../img/line_dot_yoko.webp) 0 0 repeat-x;
    background-size: 8px 4px;
  }
}

@media screen and (max-width: 768px) {
  .featureItems .featureItem:nth-child(odd) .featureItemInner::before {
    position: absolute;
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    top: 0;
    right: -3.7333333333vw;
    background: url(../img/line_dot_tate.webp) 0 0 repeat-y;
    background-size: 2px 4px;
  }

  .featureItems .featureItem:first-child .featureItemInner::before {
    height: 87%;
    top: auto;
    bottom: 0;
  }

  .featureItems .featureItemInner::after {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 2px;
    bottom: -12px;
    left: 0;
    background: url(../img/line_dot_yoko.webp) 0 0 repeat-x;
    background-size: 4px 2px;
  }

  .featureItems .featureItem:last-child .featureItemInner::after,
  .featureItems .featureItem:nth-last-child(2) .featureItemInner::after {
    content: none;
  }
}

.meritTxtAddHI{
  font-size: 12px;
    font-size: 1.25rem;
    line-height: 1.6;
    margin-top:5%;
    margin-left:5%;
    margin-right:15%;

}

@media screen and (max-width: 768px){
    footer[role="contentinfo"] {
    padding-bottom: 18px;
    background: #004831;
    }

    #footerInfo {
        padding-top: 0;
        font-size: 0.75em;
    }

    #footerInfo .infoNav, #footerInfo #pcSite, #footerInfo #smbcInfo, #footerInfo .smbcGroup {
        margin: 0 10px;
    }

    #footerInfo .infoNav {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    #footerInfo .infoNav > ul {
        margin:auto 0 !important;
        padding: 0 !important;
    }

    ul, li, p {
        line-height: 14px;
    }

    #footerInfo .infoNav > ul > li {
        margin-right: 2px;
        line-height: 2.0;
        display: inline;
        padding-bottom: 3px;
    }

    #footerInfo .infoNav > ul > li:before {
        content: "";
        display: inline-block;
        position: static;
        width: 1px;
        height: 1.2em;
        margin: 0 9px 0 0;
        background: #c9c9c9;
        vertical-align: -0.1em;
    }

    #footerInfo .infoNav > ul > li:last-child:after {
        content: "";
        display: inline-block;
        position: static;
        width: 1px;
        height: 1em;
        margin: 0 0 0 5px;
        background: #c9c9c9;
        vertical-align: -0.1em;
    }

    #footerInfo .infoNav > ul > li > a {
        color: #ddd;
    }

    .clear:before, .clear:after {
        content: " ";
        display: table;
    }

    #footerInfo #copyRight {
        float: none;
        width: auto;
        margin: 0 10px 10px;
        text-align: center;
        word-break: keep-all;
        color: #99b6ad;
        font-size: 1.2em;
    }

    #footerInfo #footerLogo {
        float: none;
        text-align: center;
        margin: 0 10px 60px;
    }
    .footer__address{
    color: #ddd;
    margin-top:10px;
    }
}

@media screen and (min-width: 769px){
    #footer p{
        font-size:90% !important;
    }

    footer[role="contentinfo"] {
        display: block;
        padding-bottom: 18px;
        background: #004831;
        text-align:left;
        height:116px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #footerInfo {
        padding-top: 20px;
        font-size: 0.857em;
        max-width: 1008px;
        width: 100%;
        margin: 0 auto;
    }

    #footerInfo .infoNav {
        margin-bottom: 18px;
    }

    #footerInfo .infoNav > ul > li {
        display: inline;
        margin-right: 9px;
        padding-bottom: 3px;
        line-height: 2.5;
    }

    #footerInfo .infoNav > ul > li:before {
        content: "";
        display: inline-block;
        position: static;
        width: 1px;
        height: 1em;
        margin: 0 18px 0 0;
        background: #c9c9c9;
        vertical-align: -0.1em;
    }

    #footerInfo .infoNav > ul > li:last-child:after {
        content: "";
        display: inline-block;
        position: static;
        width: 1px;
        height: 1em;
        margin: 0 0 0 13px;
        background: #c9c9c9;
        vertical-align: -0.1em;
    }

    .clear:before, .clear:after {
        content: " ";
        display: table;
    }

    #footerInfo #copyRight {
        float: left;
        color: #99b6ad;
        font-size: 1.2em;
    }

    #footerInfo #footerLogo {
        float: right;
    }

    #footerInfo #footerLogo img {
        margin-top:2px;
    }



    #footerInfo .infoNav > ul > li > a {
        color: #ddd;
        text-decoration: none;
    }

    .modalTxt_add{
    margin-top:20px;
    margin-bottom:50px;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1.6;
        color: #014832;
    }

    #atm-margin{
    margin-top:10px;
    }
    #merit_att{
    margin-bottom: 12px;
        font-size: 12px;
        font-size: 1.2rem;
        font-weight: 700;
        padding-left: 52px;
        text-align: left;
        color: #ffa032;
    }
    .cardless{
    width: 1020px;
    padding: 70px 0 70px;
    background: #f0ffd2;
    text-align: center;
    margin:0px auto 80px;

    }
    .cardless_txt{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
    color: #014832;
    margin:0 auto ;
    width: 1020px;
    }
    .cardless_img{
    margin:0 auto ;
    width: 300px;
    }
    .titLine {
        font-size: 40px;
        font-size: 4rem;
        font-weight: 700;
        text-align: center;
        margin-bottom: 40px;
        line-height: 1;
        letter-spacing: 0.06em;
    }
    .titLine .titLineInner_cardless span {
        display: inline-block;
        position: relative;
        padding-top: 12px;
        padding-bottom: 12px;
        color: #014832;
    }
    .footer__address{
    margin-top: 5px;
    color: #ccc;
    text-align: center;
    font-size:11px;
    }
    
    footer[role="contentinfo"]{
    height: auto !important;
    }
}