@charset "UTF-8";
/* CSS Document */

/*reset*/
nav.navbar{margin: 0; padding: 0;}
.page-id-49 .site-main{ position: relative;top:-30px;}
.page-wrappe{overflow: hidden; overflow-x: hidden;}
h1, h2, h3, h4, h5, h6, dl, dt ,dd{	margin:0;padding:0;border:0;}
ul{ list-style: none; margin-left: 0px; padding-left: 0px;}
a { outline:none; text-decoration: none;}

html {font-size: 16px;/* rem base size */overflow: hidden;}
body{font-family:"Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; font-size:1rem; font-weight:700; font-style:normal; line-height:1.6em; letter-spacing:0.1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%; color:#2F2725; overflow: hidden;}
#wrapper{ position: relative; max-width: 100%;height: auto; margin: 0 auto; overflow: hidden;}
.scrolling{-webkit-overflow-scrolling:auto; overflow-scrolling:auto;}

/*font*/
.small_b{font-size: 60%; font-weight: 600; }
.base{font-family:"Helvetica Neue",Helvetica,Arial,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif; letter-spacing:0.1em;}
.txt_b{font-family: source-han-sans-japanese, sans-serif; font-weight: 600; font-style: normal;}
.palt{font-feature-settings: "palt"; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"}
.alpha{font-family:"Helvetica-Bold",Arial,sans-serif; weight:bold; letter-spacing:0.1em;}
/*android*/
.android .base{font-family: source-han-sans-japanese, sans-serif; font-weight: 400; font-style: normal;}
.android .alpha{font-family: Arial,source-han-sans-japanese, sans-serif; font-weight: 600; font-style: normal;}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){.alpha{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700 }}
@supports (-ms-ime-align: auto) { *::-ms-backdrop, .alpha{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700 }}

/*link*/
a:link,a:hover,a:visited,a:active {color:#2F2725; text-decoration: none;}
a:hover img{-ms-filter:"alpha(opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; zoom: 1;}
.bnr_area a:hover .animate-elm{-ms-filter:"alpha(opacity=70)"; filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; zoom: 1;}

/*header*/
#wrapper-navbar .container-fluid{  height: 90px; background-color: #fff; position:fixed; top:0; left: 0; right:0; bottom:0; z-index: 280;}
a.navbar-brand img{width: 300px; height: 50px;}
#navbarNavDropdown{display:inline;}
ul#main-menu{position: relative; top:5%;}
ul#main-menu li {position: relative; border-right: solid 1px #21448e; padding: 0 10px; height:50px; }
ul#main-menu li:first-child{border-left: solid 1px #21448e;}
ul#main-menu li a{position: relative; top:12px; font-size: 0.85rem; font-family: source-han-sans-japanese, sans-serif; font-weight: 600; font-style: normal; color: #21448e; text-decoration: none; display: inline-block; transition: 0.3s; -webkit-transition: 0.3s;}
ul#main-menu li a::after{ position: absolute; bottom: -4px; left: 0; content: ''; width: 0; height: 2px; background-color: #21448e;
  transition: 0.3s; -webkit-transition: 0.3s;}
ul#main-menu li a:hover::after{ width: 100%;}
@media (min-width: 1050px) { #wrapper-navbar .container-fluid{width: 1050px;} #nav_toggle,#nav_toggle p{display: none;} ul#main-menu li{display: -moz-inline-box;display: inline-block;*display: inline;*zoom: 1; height:50px;} ul#main-menu{display: block!important;}}
@media (max-width: 1049px) {
.navbar-brand{width: 100%; margin: 0 auto; text-align: center;}	
#nav_toggle{display: block;width: 45px;height: 45px;position: fixed;top: 23px;right:20px;z-index: 300;}
#nav_toggle div {position: relative;}
#nav_toggle span{height: 3px;background: #21448e; position:absolute; width: 100%;right: 0;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-ms-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
#nav_toggle span:nth-child(1) {top:0px;} #nav_toggle span:nth-child(2) {top:12px;} #nav_toggle span:nth-child(3) {top:24px;}
#nav_toggle p{font-size: 0.5rem; letter-spacing:normal; position:absolute;top:35px; text-align: center; margin: 0 auto;width: 45px;}
.open #nav_toggle span {background: #fff;display: block;}
.open #nav_toggle span:nth-child(1) {top: 12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.open #nav_toggle span:nth-child(2) {width: 0;left: 50%;}
.open #nav_toggle span:nth-child(3) {top: 12px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.open #nav_toggle p {color: #fff;}
#navbarNavDropdown{position: fixed;top:0;left:0;width: 100%;z-index: 90;}	
ul#main-menu {display: none;position: absolute;top:0; width: 100%;height: 100vh;background:rgba(0,0,0,0.7);overflow: auto;z-index: 95;}
ul#main-menu li { height:100px;width: 80%;margin:0 auto;padding: 30px 0 80px 0; text-align: center;  border-right:none ;border-bottom: 1px solid #fff;position: relative;top:0; z-index: 95;}
ul#main-menu li a{font-size: 1.4rem; letter-spacing: 0.2em; color: #fff; }	
ul#main-menu li a:hover::after{ width: 0;}		
}
@media (max-width:767px) and (orientation:portrait){
#wrapper-navbar .container-fluid{height: 70px; }	.navbar-brand{text-align: left; padding-left: 15px;}		
a.navbar-brand img{width: 230px; height: 38px;}	#nav_toggle{top: 15px; right:15px}	#nav_toggle p{top:33px;}
ul#main-menu li { height:40px;padding: 20px 0 70px 0;}	
}
/*footer*/
#wrapper-footer {position: relative; top:-16px; width:100%; height: 100%; margin: 0 auto; text-align: center; padding:0;}
.page-template-page_each #wrapper-footer {padding-top: 50px;}
#wrapper-footer .under_area{margin: 0 auto; text-align: center; display:table; height: 100%; }
#wrapper-footer .under_area dl{text-align: left; height: 50px; display:table-cell; vertical-align: bottom;}
#wrapper-footer .under_area dl.name{ padding-right: 20px; }
#wrapper-footer .under_area dl.name dt{font-size: 0.7rem; letter-spacing: normal; }
#wrapper-footer .under_area dl.name dd{font-size: 1.2rem; }
#wrapper-footer .under_area dl.address dt,#wrapper-footer .under_area dl.address dd{font-size: 1.0rem; font-weight: 600;}
#wrapper-footer .foot_scroll_area{padding-top: 45px; margin: 0 auto; text-align: center;} 
#wrapper-footer .foot_scroll_area p.scroll{z-index: 200; position:relative; top:55%; }
#wrapper-footer .foot_scroll_area p.scroll a{ font-size:0.75rem; letter-spacing: 0.1em; color: #21448e; text-decoration: none; text-shadow: none; margin: 0 auto; text-align: center; }
#wrapper-footer .foot_scroll_area p.scroll a span{ position:absolute; top: -10px; left:0; right:0; margin: 0 auto; text-align: center;width: 20px;height: 20px;border-left: 1px solid #21448e;;border-bottom: 1px solid #21448e ;-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-animation: sdb2 2s infinite;animation: sdb2 2s infinite;box-sizing: border-box;}
@-webkit-keyframes sdb2 {0% {-webkit-transform: rotate(135deg) translate(0, 0);}20% {-webkit-transform: rotate(135deg) translate(-10px, 10px);}40% {-webkit-transform: rotate(135deg) translate(0, 0);}}
@keyframes sdb2 {0% {transform: rotate(135deg) translate(0, 0);}20% {transform: rotate(135deg) translate(-10px, 10px);}40% {transform: rotate(135deg) translate(0, 0);}}
.site-info{margin: 0 auto; height: 65px; text-align: center; position:relative; bottom:0;}
.site-info p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing:0.1em; color:#2F2725; font-size: 0.7rem;  line-height: 1.4em; padding: 15px 0; position: absolute;top:0;left:0; right:0; bottom:0; z-index: 20;}
.site-info p br{display: none;}
@media (min-width: 768px){#wrapper-footer .under_area{width: 560px;}}
@media (max-width: 767px){#wrapper-footer .under_area{display: block;} #wrapper-footer .under_area dl{width: 100%; height: auto; display: block; text-align:center;}
#wrapper-footer .under_area dl.name{ padding-right: 0}}
@media (max-width: 575px){#wrapper-footer{top:16px;} #wrapper-footer .under_area dl.address dt,#wrapper-footer .under_area dl.address dd{font-size: 0.8rem;}
	#wrapper-footer .foot_scroll_area{padding-top: 35px;}.site-info p{font-size: 0.5rem;} .site-info p br{display: block;}}