@charset "utf-8";
/* ===================================================================
CSS information

 file name  :global.css
 author     :tkg
 style info :共通（ヘッダー、フッター）
=================================================================== */
/*	Global Layout
----------------------------------------------------*/


div#wrap{
	position: relative;
	width: 100%;
/*	min-width: 960px;
*/	height: 100%;
	min-height: 100%;
	text-align:center;
}

/* -----------------------------------------------------------
	header
----------------------------------------------------------- */
div#HheaderPart{
	position:relative;
	margin:0px auto;
	background:url(../img/bg_main.png) repeat-x 0px 50px;
}

div#Hheader {
	position:relative;
	padding: 50px 0 0;
	margin:0px auto 0;
	text-align:center;
	min-height:680px;
	background:url(../img/main1.png?1) no-repeat center 50px;
}
div#Hheader h1#logo{
/*	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	font-size:36px;
	display:inline-block;
	color:#004286;
	margin:30px auto;
	padding: 10px 0 10px 120px;
	background:url(../img/logo.png) no-repeat left 0px;
	background-size:80px;*/
	}
div#Hheader .catch{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:900;
	font-size:40px;
	color:#fff;
	letter-spacing:0.05em;
	margin:0px auto;
	padding: 95px 0 0;
}
div#Hheader .lead{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:28px;
	color:#fff;
	margin:20px auto 0;
}
@media screen and (max-width: 768px) {

    div#Hheader .catch {
        padding: 10px 0 0;
    }
}
nav#gNavi{
	position:fixed;
	overflow:hidden;
	height:50px;
	top:0px;
	left: 0;
	right:0;
	padding: 0;
	margin: 0px;
	text-align:center;
	z-index:8888;
	background-color: rgba(255, 255, 255, 0.8);
	transition: .3s;
}

#gMenu{
	padding: 0px 10px 0 0;
	height: 100%;
	width:100%;
	max-width:960px;
	margin: 0 auto;
	text-align:right;
	background:url(../img/logo_s.png) no-repeat 10px 8px;
	background-image: url(../img/new_logo_90.png);
	background-repeat: no-repeat;
	background-position:  10px 8px;
	background-size: 35px;
}
#gMenu li{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	display:inline-block;
	height: 100%;
	padding: 17px 10px 0px;
	font-size:14px;
	line-height:1;
	letter-spacing:0.06em;
	vertical-align:middle;
}
#gMenu li#slogo{
	font-weight:900;
	font-size:21px;
	color:#004286;
	float:left;
	padding: 14px 0px 0px 55px;
	letter-spacing:0.01em;
}
#gMenu li a{
	display:block;
	height: 100%;

}
#gMenu li#slogo a{color:#004286;}

#gMenu li a:hover {
	text-decoration: none;
}
#gMenu li#slogo a:hover{color:#004286;}

.slicknav_menu {
	display:none;
}
/*	@media screen and (max-width: 768px) {
		#gMenu{
			display:none;
		}
		
		.slicknav_menu {
			display:block;
		}
	}
*//* -----------------------------------------------------------
	footer
----------------------------------------------------------- */

footer{
	background:#333333;
}
ul#footerList{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	
	overflow: hidden;
	*zoom: 1;

	max-width:960px;
	text-align:center;
	margin:0 auto;
			padding:44px 0px 40px;
	color:#fff;

}
ul#footerList li {
	position: relative;
}


ul#footerList li a {
	padding: 0 5px;
}
ul#footerList li a:link {color: #fff;}
ul#footerList li a:visited {color: #fff;}
ul#footerList li a:hover {color: #fff;}
ul#footerList li a:active {color: #fff;}

ul#footerList li img {
	width:130px;
}

ul#footerList li.fcopy{
			padding-top:22px;
	font-size:12px;
			text-align:center;
}

/*==================================================
	基本設定、リンクカラーなど
==================================================*/
body {
}

a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #004286;
	text-decoration: underline;
}
a:active {
	color: #004286;
	text-decoration: none;
}

a{
    background-color:transparent;/*基本の背景色（好きな色）*/
    -webkit-touch-callout:none;/*デフォルトのタッチした時のハイライトを消す*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);/*デフォルトのタッチした時のハイライトを消す*/
}
.touchstyle { background-color:transparent;}/*タップ（好きな色）*/
.notouchstyle { background-color:transparent;}/*離す（好きな色）*/

/*==================================================
	汎用class
==================================================*/
.nowrap{white-space: nowrap;}

.txtc {text-align: center !important; }
.txtr {text-align: right !important; }
.txtl {text-align: left !important; }

.mt0{margin-top:0 !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mr0{margin-right:0 !important;}
	@media screen and (max-width: 37.5em) {
	.mt40{margin-top:30px !important;}
	.mt50{margin-top:30px !important;}
	.mt60{margin-top:30px !important;}
	}
/* clearfix */
body .clfx:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
body .clfx{display:inline-block;}
/* Hides from IE-mac \*/
* html body .clfx { height:: 1%;}
body .clfx {display:block;}
/* End hide from IE-mac */
@media screen and (min-width: 769px) {
  .onlySp {display: none !important; } }
@media screen and (max-width: 768px) {
  .onlyPc {display: none !important; } }


.slicknav_menu {
	display:none;
}

@media screen and (max-width: 768px) {
	#gNavi {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
    #gNavi li#slogo {
        display:none;
    }
    div#Hheader {
        background-position: center 0;
    }
}