#page{overflow-x:hidden;}

/*ヘッダー
------------------------------*/
.header{max-width:1000px;padding:17px 20px;position:relative;}
.logo img{width:274px;height:auto;}

.h_adrs{position:absolute;right:210px;top:20px;text-align:right}
.h_adrs p{font-size:14px;font-size:1.4rem;margin-bottom:5px;}
.h_adrs strong{font-size:16px;font-size:1.6rem;}

a.h_button{display:block;background:#c30202;position:absolute;top:0;right:20px;height:37px;line-height:37px;padding:0 15px;color:#fff;font-size:14px;font-size:1.4rem;}
a.h_button:after{content:"\f18e";font-size:16px;font-size:1.6rem;margin-left:10px;}
.hover a.h_button:hover{background:#1560ac;color:#fff;}

/*ナビ
------------------------------*/
.nav{padding:0 20px;border-bottom:1px solid #000;position:relative;background:linear-gradient(#fff 40%,#f5f5f5);}
.nav:before{content:"";position:absolute;border-top:1px dashed #000;width:100%;left:0;bottom:2px;}
.nav:after{content:"";position:absolute;height:7px;background:linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0));left:0;bottom:-7px;width:100%;}
.nav ul{max-width:1000px}
.nav ul li{border-right:1px solid #000;float:left;width:20%;}
.nav ul li:last-child{border-right:0;}
.nav ul li:nth-child(2){letter-spacing:-1px;}
.nav ul li:nth-child(3),.nav ul li:nth-child(4){letter-spacing:1px;}
.nav ul li a{display:block;height:50px;text-align:center;font-size:16px;font-size:1.6rem;padding-top:7px;line-height:1;font-weight:bold;}
.nav ul li a span{display:block;font-size:10px;font-size:1.0rem;margin-top:5px;font-family:Arial;opacity:0.4;letter-spacing:0}

.hover .nav li:not(.active) a:hover{color:#1560ac}
.nav li.active a{color:#c30202;}

/*ナビボタン
------------------------------*/
.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: #000; }
.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: #000; }
.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:#333;display:block;text-align:center;margin-top:3px;}

/*レイアウト
------------------------------*/
.contents{max-width:1040px;padding:0 20px}



/*フッター
------------------------------*/
.footer{background:#000;padding:30px 20px;margin-top:30px;}
.footer_inner{max-width:1000px;position:relative;}

/*インフォ*/
.f_info{color:#fff;}
.f_info strong{display:block;font-size:30px;font-size:3.0rem;margin-bottom:7px;letter-spacing:1px}
.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_tel a{color:#fff;}
.f_adrs a{color:#4476aa;padding:0 4px;}
.hover .f_adrs a:hover{color:#c30202}

.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;}
.pagetop i{line-height:48px;font-size:15px;font-size:1.5rem;}
.hover .pagetop:hover{background:#c30202;}




/*アクセサリ
------------------------------*/
.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,.nav{-webkit-font-smoothing: subpixel-antialiased;-moz-osx-font-smoothing: grayscale;}
div,li,a,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;}
.at:before{content:"@";}
.dot:before{content:".";}
i[class^="icon-"]::before, i[class*=" icon-"]::before{margin:0}


.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){
.copyright{position:static;text-align:center;margin-top:30px;}
}

@media screen and (max-width:767px){
/*ヘッダー*/
.header{padding:15px 15px;}
.logo img{width:160px;height:auto;}
.h_adrs{display:none;}
a.h_button{display:none;}
.nav-button-wrap{display:block;}

/*ナビ*/
.nav{padding:0;border-top:1px solid #000;position:absolute;top:68px;width:100%;display:none;z-index:1;}
.nav:before{content:"";border-top:0;}
.nav ul li{float:none;width:100%;border-right:0;border-bottom:1px solid #000;}
.nav ul li:last-child{border-bottom:0;}
.nav ul li a{height:auto;padding:8px 0 10px 0;position:relative;}
.nav ul li a:before{content:"";position:absolute;width:100%;border-top:1px dashed #000;bottom:2px;left:0;}
.nav ul li a span{margin-top:3px;}

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

/*フッター*/
.footer{padding:25px 15px;margin-top:25px;}

/*インフォ*/
.f_info strong{font-size:2.6rem;}
.f_corpname{font-size:1.5rem;}
.f_tel{font-size:2.2rem;}
.f_adrs{font-size:1.2rem;}
.f_adrs span{display:block;line-height:1.5;letter-spacing:1px;}
.copyright span{display:none}
.pagetop{width:40px;height:40px;bottom:20px;right:20px;}
.pagetop i{line-height:38px;}
}