@charset "UTF-8";

/* ベース */
body,html{
font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Arial,'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color: #333333;
}

/* リンク文字色 */
a:link{
color: #0099D3;
text-decoration: none;
}
a:visited{
color: #0099D3;
}
a:hover{
color: #666666;
text-decoration: none;
}
a:active{
color: #0099D3;
}

/*--------------------------------------------------------
  ヘッダー
--------------------------------------------------------*/
/* 本文へジャンプ */
.headerContainer{
height:auto;
text-align: center;
padding: 6px;
background-color: #0099D3;
}

.headerContainer a {
color: rgba(255,255,255,0.70);
font-size: 12px;
}

/* ナビゲーション */
.navbar-brand img {
margin-left: 0px;
margin-top: 25px;
margin-bottom: 25px;
width: 210px;
height: auto;
}

.navbar {
width: 960px;
position: sticky;
top: 0;
height: 100px;
margin: 0 auto;
padding: 18px 0 0 10px;
background-color: #FFFFFF !important;
z-index: 20;
}
.navbar .mr-auto {
padding: 0 0 0 32px;
}
.navbar-nav .nav-item {
margin-right: 10px;
}
ul.navbar-nav.mr-auto {
margin-top: 0px;
}

.navbar-nav .nav-item:last-child {
}
.navbar-nav li.nav-item {
font-size: 14px;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: rgba(0, 0, 0, 0.9);
}



.hr-shadow {
width: 100%;
position: sticky;
top: 95px;
height: 8px;
padding: 0px;
margin-bottom: 20px;
background-color: #FFFFFF !important;
z-index: 10;
-webkit-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0 2px 3px 0px rgba(0,0,0,0.30);
box-shadow: 0 2px 3px 0px rgba(0,0,0,0.30);
}


/*横線*/
.gLine {
margin-top: 15px;
margin-bottom: 15px;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-top-style: solid;
border-top-color: #CCCCCC;
}
.gLine2 {
margin-top: 30px;
margin-bottom: 30px;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
border-top-style: solid;
border-top-color: #555555;
}
hr.linehight-non {
margin-top: 0px;
margin-bottom: 0px;
border-top: 1px solid #333333;
}
hr.hr-bline {
border-top: 1px solid #666666;
}

.hidden {
width: 0;
height: 0;
position: absolute;
overflow: hidden;
margin-top: 0px;
margin-bottom: 0px;
top: 80px;
}

/* フッター内パーツ */
#gFooter{
clear: both;
width: 100%;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}
/*コピーライト*/
#footerCopyright{
width: 100%;
display: inline-block;
padding-top: 30px;
background-color: #0099D3;
padding-bottom: 20px;
}
#footerCopyright p{
font-size: 14px;
color: #fff;
text-align: center;
}


/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 1200px) {

}

@media screen and (max-width: 991.98px) {

/* ナビゲーション */
.navbar {
width: 100%;
height: 95px;
padding: 10px 0 0 0px;
margin: 0px 0 0 50px;
background-color: #000000;
}

.navbar-brand img {
margin-bottom: 0px;
margin-top: 10px;
width: 200px;
height: auto;
}

/* リスト */
.bg-light {
background-color: #FFFFFF !important;
}
.navbar .mr-auto {
padding: 0 0 0 32px;
}
ul.navbar-nav.mr-auto {
width: 110%;
margin-top: 0px;
margin-right: 0px;
margin-left: -50px;
padding: 0px ;
background-color: rgba(255,255,255,1.00);
}
.nav-item .nav-link {
text-align: center;
}

.navbar-toggler {
margin-right: 50px;
margin-top: 0px;
}

.navbar-nav .nav-item {
margin-right: 10px;
}

.navbar-nav .nav-item:last-child {
padding-right: 0px;
}
.navbar-nav li.nav-item {
font-size: 14px;
color: #000000;
width: 100%;
padding: 5px;
border-top: 1px solid #333333;
}
.navbar-nav li.nav-item:last-child {
border-bottom: 1px solid #333333;
}
.navbar-nav li.nav-item:first-child {
border-top: 1px solid #333333;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
margin-left: 0px;
padding: 0 0 0 50px;
}

}


@media screen and (max-width: 767.98px) {

/* ヘッダー */
#blockskip {
display: none;
}

.gLine2 {
margin-top: 15px;
margin-bottom: 15px;
}

/* ナビゲーション */
.navbar {
width: 100%;
padding: 20px 20px 0px;
}
.navbar-brand img {
margin-left: 10px;
}
nav.navbar.navbar-expand-lg.navbar-light.bg-light {
padding: 0 0 0 20px;
}


}

@media screen and (max-width: 575.98px) {

/* ナビゲーション */
.navbar {
padding: 10px 20px 0px;
}

/* ヘッダー */
.navbar-brand img {
width: 180px;
height: auto;
margin-left: 0px;
margin-bottom: 0px;
padding-top: 0px;
}
.navbar-toggler {
margin-right: 50px;
margin-top: 10px
}
.hr-shadow {
height: 5px;
}

}

@media screen and (max-width: 374.98px) {

/* ナビゲーション */
.navbar {
height: 60px;
}

.navbar-toggler {
margin-right: 30px;
margin-bottom: 0px;
}

/* ヘッダー */
.navbar-brand img {
width: 160px;
height: auto;
padding-left: 15px;
margin-bottom: -10px;
}
.hr-shadow {
top: 60px;
height: 8px;
}

}