/*========================================
ヘッダー・メニュー・フッター・共通部分のcss

　●　メイン幅・上へ
　●　ヘッダー
　●　メニュー
　●　簡易ヘッダー
　●　トップ・下層ページ背景
　●　article、h要素
　●　フッター
　●　ページアンカー（現在アクセスのページのみ）


色メモ

基本の青： #1f4e79
黄色　　： #837637 （黄土色）
薄い白　： #f1f1ed

========================================*/


/*========================================
　●　メイン幅・上へ
========================================*/
.mainWidth{
 width: 1140px;
 margin: 0 auto;
}

#toTOP{position: fixed; bottom: 30px; right: 30px; z-index:50;}

/*========================================
　●　ヘッダー
========================================*/
header{
 position: absolute; top: 0; z-index: 3000;
 width: 100%;
 height: 110px;
 padding: 10px 0 0 0;
 background: rgba(255,255,255,0.9);
 box-shadow: 0px 5px 12px -5px #4a4a4a;
}
/*============================== 上段エリア（２カラム） */
.headerL{
 width: 50%;

 padding: 0 0 0 4px;
}

.headerR{
 width: 50%;

}

/*------------------------------ ヘッダー本館リンク、オススメプラン */
.honkanBtn{
 display: inline-block;
 width: 145px;
 height: 45px;
 margin: 0px;
 padding: 13px 0 0 8px;
 color: #000;
 font-size: 1.8rem;
 line-height: 1;
 text-decoration: none;
 border: 1px #000 solid;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .honkanBtn {
   padding-top: 16px;
  }
}
.honkanBtn:hover{
 color: #fff;
 background: #888;
 border: 1px #888 solid;
}


.plan01Btn{
 display: inline-block;
 width: 185px;
 height: 45px;
 margin: 0 0 0 17px;
 padding: 13px 0 0 0;
 color: #fff;
 font-size: 1.8rem;
 line-height: 1;
 text-align: center;
 text-decoration: none;
 background: #1f4e79;
 border: 1px #1f4e79 solid;
}
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .plan01Btn {
   padding-top: 16px;
  }
}

.plan01Btn:hover{
 color: #1f4e79;
 background: rgba(255,255,255,0.8);
}


/*========================================
　●　メニュー（簡易メニュー内含む .miniNav）
========================================*/
nav{}

nav ul{
 margin: 0 0 0 auto;
 padding: 10px 0 0 0;
 text-align: right;
}
.miniNav ul{
 margin: 0 0 0 auto;
 padding: 0 0 0 0;
 text-align: right;
}

nav li,
.miniNav li{
 position: relative;
 display: inline-block;
 margin: 0 4px;
 padding: 0 4px;
}

nav ul li:hover:after{
 position: absolute; bottom: 0px; left: 0px;
 margin: 0 auto;
 width: 100%;
 text-align: center;
 border: 1px #1f4e79 solid;
 content: "";
 animation-name: navmenu_hover;
 animation-duration: 0.5s;
}
.miniNav ul li:hover:after{
 position: absolute; bottom: 6px; left: 0px;
 margin: 0 auto;
 width: 100%;
 text-align: center;
 border: 1px #1f4e79 solid;
 content: "";
 animation-name: navmenu_hover;
 animation-duration: 0.5s;
}
@keyframes navmenu_hover{
   0%{
		transform: scale(0,1.0);
 }
 100%{
		transform: scale(1.0,1.0);
 }
}
/*========================================
　●　簡易ヘッダー
========================================*/
/*============================== 簡易ヘッダー（展開前） */
#miniMenuWrap{
 position: fixed; top: 0; z-index: 5000;
 width: 100%;
 height: auto;
 background: rgba(255,255,255,0.95);
 box-shadow:0px 5px 12px -5px #4a4a4a;
}

#miniMenu{
 margin: 0 auto;
 padding-top: 10px;
 border-bottom: 1px #1f4e79 solid;
}

#miniMenu .headerL {height: 48px;}

.miniNav{height: 38px;}

/*========================================
　●　トップ・下層ページ背景
========================================*/
/*============================== topVision */
#topVision{
 line-height: 0;
}

/*------------------------------ 下層ページ */
.subVision{
 height: 540px;
 line-height: 0;
}

#bg_page02{background: url("../images/bg/bg_page02.jpg") center top no-repeat fixed;}
#bg_page03{background: url("../images/bg/bg_page03.jpg") center top no-repeat fixed;}
#bg_page04{background: url("../images/bg/bg_page04.jpg") center top no-repeat fixed;}
#bg_page05{background: url("../images/bg/bg_page05.jpg") center top no-repeat fixed;}
#bg_page06{background: url("../images/bg/bg_page06.jpg") center top no-repeat fixed;}


.subVision h2{
 padding-top: 275px;
 text-align: center;
}

/*========================================
　●　article、h要素
========================================*/
/*------------------------------ article */
article{font-size: 1.8rem;}

article.p04{padding-top: 40px;}


/*------------------------------ h要素 */
.subVision h2{animation: subvision_h2 2.0s ease 0s 1;}

.h_type01{
 margin-bottom: 35px;
 padding: 50px 0 20px 0;
 font-size: 2.4rem;
 line-height: 1;
 text-align: center;
 background: url("../images/base/h_type01.png") center bottom no-repeat;
}
/*
.h_type01:after{
 display: block;
 width: 120px;
 height: 16px;
 margin: 0 auto;
 content: " ";
 text-align: center;
 border-bottom: 1px #333 solid;
}*/

/*-------------------- h2読み込み時アニメーション */
@keyframes subvision_h2{
   0%{opacity: 0;}
 100%{opacity: 1;}
}


/*========================================
　●　フッター
========================================*/
/*------------------------------ フッターバナーエリア */
.footerbnrArea{
 padding: 87px 0 15px 0;
}

.footerbnrArea img{padding-bottom: 15px;}

.footerbnrArea a:hover{opacity: 0.6;}


.pamphlet img{padding-top: 15px;}
.pamphlet a:hover{opacity: 0.6;}



/*------------------------------ フッターエリア */
footer{
 height: 358px; /* 358px - 177px + 181px */
 margin: 57px 0 0 0;
 padding: 187px 0 0 25px;
 color: #fff;
 background: url("../images/base/bg_footer.jpg") center bottom no-repeat;
 box-shadow: 0px 1px #2A436C;
}

.footerL{
 width: 50%;
}
.footerR{
 width: 50%;
 padding: 0 51px 0 0;
 font-size: 1.8rem;
 text-align: right;
}

/*------------------------------ 左側エリア詳細 */
.footerL ul{
 padding: 6px 0 0 0;
 line-height: 1.9;
}

.footerL li{
 display: inline;
 padding: 2px 38px 2px 17px;
 font-size: 1.8rem;
 background: url("../images/base/ftli01.gif") left center no-repeat;
}
.footerL li a{text-decoration: none;}

.footerL li a:link{color: #fff;}
.footerL li a:visited{color: #fff;}
.footerL li a:hover{color: #9ba6c0;}

/*------------------------------ 右側エリア詳細 */
p.ftinfo01{line-height: 1.3;}

p.ftinfo02{padding-top: 13px;}

p.ftinfo02 img{padding: 0 12px 0 0;}


/*========================================
　●　ページアンカー（現在アクセスのページのみ）
========================================*/
.anchorArea01{
 width: 100%;
}

.anchorArea01 ul{
 width: 100%;
 margin: 0 auto;
 padding: 30px 0; /* idで上書きあり */
 text-align: center; /* idで上書きあり */
}


.anchorArea01 li{
 display: inline-block;
 color: #55390e;
 margin: 0 15px; /* idで上書きあり */
 font-size: 2.0rem;
 list-style-type: none;
 border-radius: 5px;
 transition: all 0.3s linear;
}




.anchorArea01 li a{
 width: 100%;
 padding: 5px 15px 5px 15px;
 line-height: 1.9;
 text-decoration: none;
 border: 1px #1f4e79 solid;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .anchorArea01 li a{
    padding: 5px 15px 0px 15px;
    font-size: 1.9rem;
  }
}

.anchorArea01 li a:link{
 color: #fff;
 background: #1f4e79;
}

.anchorArea01 li a:hover{
 color: #1f4e79;
 background: #fff;
}

/*------------------------------ 各ページ別のアンカー余白 */
#p06_anchorArea ul{padding: 70px 0 45px 0;}
#p06_anchorArea li{margin: 0 25px;}