@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;}

/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed{max-width:100%;}

/*.ie8 img,
.ie8 object,
.ie8 embed{max-width:none;}*/

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:"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.5;color:#333;-webkit-text-size-adjust:none; }*/
font-family:'Meiryo','メイリオ','ヒラギノ角ゴ 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;}

@media print,screen and (min-width: 768px) {
    body{min-width: 1028px; background:#ffffff; word-break: break-all; }
}
@media print,screen and (max-width: 767px) {
    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;
} 

/*
.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; }
.mt60{margin-top:60px !important; }
.mt70{margin-top:70px !important; }
.mt80{margin-top:80px !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; }
.mb60{margin-bottom:60px !important; }
.mb70{margin-bottom:70px !important; }
.mb80{margin-bottom:80px !important; }
*/


/*-------------------------------------------
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; }


#expandCenter {
    width: 100%;
    text-align: center;
    margin-left: 0px;
    border: none;
}

/*header*/

@media print,screen and (min-width: 768px) {
    header[role="banner"] {
        border-bottom: solid 3px #004831;
        height:93px;
        text-align:left;
    }

    #headerInner {
        width: 1008px;
        margin: 0 auto;
        padding-top: 13px;
    }

    #headerTop {
        margin-bottom: 13px;
    }

    #headerInner .logoWrap {
        position: relative;
        float: left;
        width: 208px;
        margin: 0 0 10px;
        padding-left: 13px;
    }


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


    /*header*/
    header[role="banner"] {
        border-bottom: 5px solid #bacd1d;
        height: 60px;
        text-align:left;
        background: #004730;
    }

    #headerInner {
        width: 100%;
        margin: 0 auto;
        padding-top: 0;
    }

    #headerTop {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        padding-left: 20px;
        padding-right: 20px;
    }

    #headerInner .logoWrap {
        padding: 0;
         padding-top: 12px;
        width: 120px;
    }

    .logoWrap02 {
         padding-top: 18px;
        width: 80px;
    }

/*    .logoWrap02 {
      line-height: 1.4em !important;
    }*/

}

@media print,screen and (max-width: 767px) {

    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: 7px 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.png) 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;
    }


    header[role="banner"] {
      border-bottom: 3.5px solid #bacd1d;
      height: 42px;
      text-align: left;
      background: #004730;
    }

    #headerInner {
      border-top: 0;
    }

    .headerTop {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: space-between;
      padding-left: 10px;
      padding-right: 10px;
      height: 42px;
    }

    #headerInner .logoWrap {
      padding: 0;
      padding-top: 0px;
      width: 90px;

    }

    .logoWrap02 {
        position: relative;
        top: -7px;
      padding-top: 0px;
      width: 65px;
    }

}

/*footer*/

@media print,screen and (min-width: 768px) {

    #footer p{
        font-size:90% !important;
    }

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

    #footerInfo {
        padding-top: 20px;
        font-size: 0.857em;
        width: 1008px;
        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;
    }

}


@media screen and (max-width: 767px) {
/*@media print,screen and (min-width: 767px) {*/

    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;
    }
}