@charset "UTF-8";
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
p.alert{font-size:10px;}
body {
font-family: Roboto, 'Noto Sans Japanese', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, serif;
}
.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

/* Google Maps APIでコントロールの崩れを防ぐ */
#map label { width: auto; display: inline; !important}
#map img { max-width: none; max-height: none; !important}

/* desktop only  */
    .no-pc{ display:none; }
    div#pcHead { display:block;padding-top:20px;}
    div#pcHead img{ vertical-align:center;}
    img#partnerLogoPc {padding-top:10px;}}
    div#gNav {vertical-align; middle;}
    div#gNav ul#gNavPc {width:100%;padding:1.5em 0;display: table; table-layout: fixed;text-align:center;background-color:#62b5d0;}
    div#gNav ul#gNavPc li {display: table-cell;width:20%;font-size:16px;}
    div#gNav ul#gNavPc li a {color:#fff;}
    div#gNav ul#gNavPc li div.gNavPcPdfBtn {background:#285d90;color:#fff;padding:0.5em 0em;margin:0 1.5em;width:80%;}

/* SmartPhone only */
#header-spnav-menu {
     right:0px;
     z-index:9999;
     width:100%;
     display:none;
}
#header-spnav-menu ul{
    padding-left:0;
}
#header-spnav-menu ul li a{
    display:block;
    line-height:1.5;
    padding:10px 14px;
    color:#fff;
    width:100%;
    text-align:left;
    font-size:12px;
    font-weight:bold;
    list-style-type:none;
}
#header-spnav-menu ul li{
    line-height:1.8em;
    background:#484848;
    border-bottom:1px solid #626262;
    list-style-type:none;
}
#header-spnav-menu ul li:nth-child(2n) {
    background:#313131;
    list-style-type:none;
}

/* bootstrap customize */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.gutter-2px > [class*='col-'] {
    padding-right:2px;
    padding-left:2px;
}
.gutter-5px > [class*='col-'] {
    padding-right:5px;
    padding-left:5px;
}
.gutter-10px > [class*='col-'] {
    padding-right:10px;
    padding-left:10px;
}

/* Size variation */
/* for xs */
@media (max-width: 767px) {
    .no-sp{ display:none; }
    img#mainMap{height:550px;}
    div.footLogoArea{
        margin-left:10px;margin-right:10px;
    }
    div.footLogo{
        border-left:1px solid #707070;
        border-right:1px solid #707070;
        margin-top:5px;
    }
    div#map{margin-right:20px;margin-left:20px;}
}
/* for sm */
@media (min-width: 768px) and (max-width: 991px) {
    div.footLogo:first-child {
        border-left:1px solid #707070;
    }
    div.footLogo{
        border-left:1px solid #707070;
        border-right:1px solid #707070;
    }
    div.footLogo:last-child {
        border-right:1px solid #707070;
    }
    div#map{margin-right:20px;margin-left:20px;}
}
/* for md and lg */
@media (min-width: 992px) {
    div.footLogo:first-child {
        border-left:1px solid #707070;
    }
    div.footLogo{
        border-left:1px solid #707070;
        border-right:1px solid #707070;
    }
    div.footLogo:last-child {
        border-right:1px solid #707070;
    }
}

/* Common Style */
.vCenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hCenter{margin-left:auto; margin-right:auto;}
.minWidth50p{min-width:50%;}
.maxWidth50p{max-width:50%;}
.maxWidth30p{max-width:30%;}
.maxWidth80p{max-width:80%;}
.minWidth100p{min-width:100%;}
.maxWidth100p{max-width:100%;}
.mgt0px{margin-top:0px;}
.mg1em{margin:1em;}
.mgt1em{margin-top:1em;}
.mgtb1em {margin-top:1em;margin-bottom:1em;}
.mgtb2em {margin-top:2em;margin-bottom:2em;}
.mg0px{margin:0px;}
.pd0px{padding:0px; !important}
.mgtb2px{margin-top:2px;margin-bottom:2px;}
.mgtb20px{margin-top:20px;margin-bottom:20px;}
.mgt20px{margin-top:20px;}
.mgb20px{margin-bottom:20px;}
.pdb20px{padding-bottom:20px;}
.floatRight{fload:right;}
.floatLeft{float:left;}
.floatClr{clear:both;}

span.One {font-size:28px;}
span.Two {font-size:48px;}
#personOnMap img {height:300px;}

/* 修正上書き用CSS for SmartPhone */
@media (max-width: 767px) {
    #personOnMap img {height:240px;}
    div#spHead img{width: 90%;}    
    span.One {font-size:14px !important;}
    span.Two {font-size:22px !important;}
}

/* 印刷用css */
@media print { 
    footer, div#gNav, div#gNavSp {display:none !important;}
}

div#personOnMap {overflow:hidden;}