#page{overflow-x:hidden;}

/*ヘッダー
------------------------------*/
.header{background:#000 url(../images/bg.png) 0 0;padding:0 20px;}
.header_inner{max-width:1200px;height:100px;position:relative;padding:10px 0 0 0;color:#fff;}
.header_inner a{color:#fff;}
.hover .header_inner a:hover{color:#fff;}
.logo{position:absolute;z-index:1;top:0;width:230px;box-shadow:0 0 10px 0 rgba(0,0,0,0.5);transform: translateZ(0);}
.logo img{width:100%;height:auto}

.h_r{position:absolute;top:10px;right:0;}

.h_tel{float:left;font-size:23px;font-size:2.3rem;font-family:Helvetica,sans-serif;letter-spacing:1px;}
.h_tel li{float:left;color:#fff;margin-right:20px;line-height:25px;}
.h_tel li img{height:18px;vertical-align:middle;margin-right:7px;}

.h_nav{float:left}
.h_nav li{float:left;font-size:13px;font-size:1.3rem;margin-right:10px;}
.h_nav li a{display:block;padding:0 10px;height:25px;line-height:25px;}

.b_lang{float:left;}
.b_lang a{display:block;height:25px;line-height:23px;font-size:12px;font-size:1.2rem;border:1px solid #777;padding:0 15px}
.hover .b_lang a:hover{background:#777}

.h_sp{display:none}

/*ナビ*/
.nav{position:absolute;right:0;bottom:0;z-index:1}
.nav ul li{float:left}
.nav ul li a{display:block;height:46px;line-height:46px;padding:0 22px;}
.nav ul li a i{display:none;}
.hover .nav ul li:not(.active) a:hover{background:rgba(255,255,255,0.07);}
.nav ul li.active a{background:rgba(255,255,255,0.1);}


/*ナビボタン
------------------------------*/
.nav-button-wrap { background: none; padding: 5px; position: absolute; top: 15px; right: 15px; font-size: 0; text-align: center; cursor: pointer; z-index: 10; display: none;}

.nav-button { position: relative; width: 26px; height: 18px; }
.nav-button span { display: block; position: absolute; -webkit-transition: all 0.4s; transition: all 0.4s; width: 100%; height: 2px; background: #fff; }
.nav-button span:nth-of-type(1) { top: 0; }
.nav-button span:nth-of-type(2) { top: 8px; }
.nav-button span:nth-of-type(3) { bottom: 0; }

.nav-button.active span { background: #fff; }
.nav-button.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); }
.nav-button.active span:nth-of-type(2) { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0); }
.nav-button.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); }

.nav-circle{background:#333;border-radius:50%;height:36px;width:36px;padding:11px 0 0 0;}
.nav-button-wrap strong{font-size:8px;font-size:0.8rem;color:#fff;display:block;text-align:center;margin-top:3px;}

/*レイアウト
------------------------------*/
.contents{padding:0}



/*フッター
------------------------------*/
.footer{background:#000 url(../images/bg_f.png);padding:30px 20px;margin-top:30px;position:relative;}
.footer:before{
	position:absolute;top:-28px;left:50%;margin-left:-70px;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 70px 30px 70px;
	border-color: transparent transparent #171717 transparent;
}
.footer_inner{max-width:1200px;position:relative;}

/*ナビ*/
.f_nav{text-align:center;margin-bottom:20px;}
.f_nav ul{display:inline-block;font-size:0}
.f_nav ul li{display:inline-block;}
.f_nav ul li a{display:inline-block;font-size:15px;font-size:1.5rem;padding:10px 30px;color:#fff;}
.hover .f_nav ul li a:hover{background:#333;color:#fff;}

/*インフォ*/
.f_info{color:#fff;}
.f_info strong{display:block;font-size:30px;font-size:3.0rem;margin-bottom:7px;letter-spacing:1px;font-family:serif;}
.f_corpname{font-size:16px;font-size:1.6rem;margin-bottom:7px;}
.f_tel{font-size:25px;font-size:2.5rem;margin-bottom:7px;letter-spacing:1px;}
.f_tel:before{content:"\e800";margin-right:5px;}
.f_adrs a{color:#4476aa;padding:0 4px;}
.hover .f_adrs a:hover{color:#4476aa;text-decoration:underline}

.copyright{color:#fff;font-size:12px;font-size:1.2rem;position:absolute;right:0;bottom:0;opacity:0.7}

/*ページトップ*/
.pagetop{position:fixed;width:50px;height:50px;bottom:30px;right:30px;cursor:pointer;text-align:center;color:#fff;border-radius:50%;background:#1560ac;z-index:1}
.pagetop i{line-height:48px;font-size:15px;font-size:1.5rem;}
.hover .pagetop:hover{background:#c30202;}




/*アクセサリ
------------------------------*/
a.b{background:#993b46;color:#fff}

.hover a.b:hover{background:#de596f;border-color:#de596f;color:#fff;}

.icon:before,.icon:after{display:inline-block;font-family:"fontello";font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

.gray,h2,h3,h4,strong{-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;}
div,li,a,h2,h3,h4,.nav,th,td{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
hr.size1{border:0;margin:0;padding:0;border-bottom:1px solid #ccc;}
i[class^="icon-"]::before, i[class*=" icon-"]::before{margin:0}

.sp_disp{display:none;}

.pc-switcher{border-bottom:2px solid #ccc;}
.pc-switcher a{display:block;background:#fff;text-align:center;padding:40px 0;font-size:6.0rem;}
.pc-switcher a i{margin-right:5px;}
.pc-switcher span{display:none;}

@media screen and (max-width:1023px){
/*ヘッダー*/
.header{padding:0;height:73px;}
.header_inner{padding:0;height:73px;}
.logo{width:140px;box-shadow:0 0 0 0;}
.h_r{left:150px;}
.nav-button-wrap{display:block}

.h_nav{display:none;}

/*ナビ*/
.nav{top:-73px;left:0;display:none;opacity:0;bottom:auto;transition:0.5s;}
.nav.active{top:73px;opacity:1;}

.nav ul li{float:none;width:100%;border-bottom:1px solid #333}
.nav ul li:last-child{border-bottom:0;}
.nav ul li a{background:rgba(0,0,0,0.9); padding: 17px 20px; font-size:1.4rem; position: relative; height: auto; line-height: 1;}
.nav ul li a i{display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
.nav ul li.sp_disp{display:block}
.nav ul li.active a{background:#333;}

.hover .nav ul li:not(.active) a:hover{background:rgba(0,0,0,0.8);}

}

@media screen and (max-width:767px){
/*ヘッダー*/

.h_tel{float:none;font-size:0;}
.h_tel span.tel{display:none;}
.h_tel li{margin-right:6px;line-height:0;}
.h_tel li a{display:block;width:28px;height:28px;border:1px solid #555;text-align:center;padding-top:6px;}
.h_tel li a img{height:13px;width:auto;margin-right:0;}

.b_lang{width:62px;margin-top:5px;}
.b_lang a{padding:0;line-height:20px;height:20px;text-align:center;font-size:1.0rem;border-color:#555;}
.b_lang_en{margin-top:0;}

/*フッター*/
.f_tel span a:link{color:#fff;}
.f_adrs{font-size:1.3rem;line-height:1.4;}
.f_adrs span{display:block;}
.copyright{font-size:1.1rem;position:static;text-align:center;margin-top:30px;}
.copyright span{display:none;}

/*ページトップ*/
.pagetop{width:40px;height:40px;bottom:20px;right:20px;}
.pagetop i{line-height:38px;}

/*アクセサリ*/
.sp_disp{display:block}
.pc_disp{display:none;}
}

@media screen and (max-width:400px){
.f_nav ul li a{padding:10px 15px;font-size:1.3rem;}
}