@charset "UTF-8";
@import "common.css";
@import "sns.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
font-size:16px;line-height:1.7;letter-spacing: 0.5px;color:#333;letter-spacing: 0.5px;}
/**
明朝の場合はこっち 
 **/
.serif{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
table{font-size:1em;}
img{max-width:100%;}
/********** container **********/
.l_gride{width:950px;margin:0 auto;}

/********** ヘッダー **********/
.l-header .header-navi{z-index:800;position:fixed;top:0;left:0;width:100%;height:80px;background:#fff;-webkit-box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);box-shadow:0 10px 10px 0 rgba(0,0,0,0.2)}
.header-navi .wrapper{}
.header-navi h1{padding:25px 0 23px;float:left;}
.header-navi h1 > *{display:block;width:199px;height:33px;background:url(../images/logo.jpg);
-webkit-background-size:contain;background-size:contain;}
.header-navi nav{width:600px;padding:18px 0;float:right;}
.header-navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap; }
.header-navi li{text-align:center;}
.header-navi li a{font-weight:bold;line-height:20px;display:block;padding:12px 0;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.header-navi li.on a,.header-navi li a:hover{color:#004ca2;}
.header-navi li.top{width:62px;}
.header-navi li.company{width:94px;}
.header-navi li.biz{width:92px;}
.header-navi li.partner{width:94px;}
.header-navi li.news{width:100px;}
.header-navi li.contact{width:150px;}
.header-navi li.contact a{color:#fff;-webkit-border-radius: 30px;border-radius: 30px;
background: -moz-linear-gradient(left,#004aa0,#01b2ec); 
background: -webkit-linear-gradient(left,#004aa0,#01b2ec); 
background: linear-gradient(left,#004aa0,#01b2ec); }
.header-navi li.contact a:hover{}

.l-header .menu-btn{display:none;position:absolute;top:0;right:0;width:60px;height:60px;}
.l-header .menu-btn a{display:block;width:100%;height:100%;background:#ccc;}

/********** コンテンツ *********/
.container{padding-top:80px;position:relative;}

/********** フッター **********/
.l-footer{background:url(../images/bg_footer.jpg) 50% 50% no-repeat #000;
-webkit-background-size:cover;background-size:cover;}
.l-footer .wrapper{color:#fff;padding-bottom:10px;}
.l-footer .footer-box{margin-bottom:10px;border-bottom:1px solid #646567;}
.l-footer .footer-text{padding:52px 0 35px 18px;float:left;}
.l-footer .footer-text h2{width:169px;height:27px;margin-bottom:14px;background:url(../images/footer_logo.png);}
.l-footer .footer-text p{font-size:14px;line-height:26px;}
.l-footer .footer-navi{width:308px;padding:86px 0 59px;float:right;}
.l-footer .footer-navi ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.l-footer .footer-navi li{width:120px;font-size:14px;line-height:18px;padding:5px 0 5px 10px;position:relative;}
.l-footer .footer-navi li:nth-child(even){width:168px;}
.l-footer .footer-navi li::after{content:">";font-size:10px;line-height:14px;width:10px;height:14px;position:absolute;top:50%;left:0;margin-top:-7px;}
.l-footer .footer-navi li a{}
.l-footer .footer-navi li a:hover{}
.l-footer address{text-align:center;font-size:10px;line-height:1.2;}

.mobile-navi{display:none;position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,0.85);padding:80px 20px 20px;
-webkit-box-sizing: border-box;box-sizing: border-box;top:0;left:0;z-index:999;}
.mobile-navi.on{display:block;}
.mobile-navi nav li a{color:#fff;display:block;font-size:18px;padding:20px;text-align:center;}
.mobile-navi .close-btn{position:absolute;top:0;right:0;width:60px;height:60px;}
.mobile-navi .close-btn a{display:block;width:100%;height:100%;/*background:#fff;*/}

/********** レスポンシブル ********/
@media screen and (min-width:768px) and ( max-width:820px) {
.l-header .menu-btn,.mobile-navi .close-btn{width: 80px;height: 80px;}
}
@media screen and (max-width:1200px) {

.header-navi .wrapper{padding:0 10px;}
.come_wrapper{padding:0 20px;}
.come_wrapper_wide{padding:0 10px;}
}

@media screen and (min-width:821px) {
.l-header .menu-btn,
.mobile-navi,{display:none !important;}
}

@media screen and (max-width:820px) {
.header-navi nav{display:none;}
.l-header .menu-btn{display:block;}
}

@media screen and (max-width:767px) {
	.pc{display:none !important;}
	.sp{}
	
	body{font-size:15px;}
	.container{padding-top:60px;}
	
	.l-header .header-navi{height:60px;}
	.header-navi h1{padding:17px 0 0 0;}
	.header-navi h1 > *{width:150px;height:24.87px;background-image:url(../images/logo_sp.png);
	-webkit-background-size:150px auto;background-size:150px auto;}

	.l-footer{padding-bottom:20px;}
	
	.l-footer .footer-box{padding-top:40px;margin-bottom:20px;}
	.l-footer .footer-navi,
	.l-footer .footer-text{float:none;width:100%;margin-right:auto;margin-left:auto;padding:0 0 20px;}
	.l-footer .footer-navi{max-width:360px;/*padding-right:80px;*/padding-right:25px;}
	.l-footer .footer-text{max-width:480px;/*padding-top:20px;border-top:1px solid #646567;*/}
	.l-footer .footer-text h2{margin:0 auto;background-image:url(../images/footer_logo_sp.png);-webkit-background-size:169px auto;background-size:169px auto;}
	.l-footer .footer-navi li{margin-bottom:10px;}
	
	.mobile-navi{display:none;}
}

@media screen and (min-width:768px) {
	.pc{}
	.sp{display:none !important;}
}