@charset "utf-8";

/*見出しの文字サイズ・・・スマホはPCの約4/5にする*/

/* for Common & Smartphone*/
html{
	height:100%;
	width:100%;
}
body{
	height:100%;
	width:100%;
	-webkit-text-size-adjust: none;
	color:#000;
}

.spOnly{display:block;}
.pcOnly{display:none;}

.conFixSP{
	padding-left:10px;
	padding-right:10px;
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


.bold{
	font-family: "ヒラギノ角ゴ ProN W6","HiraKakuProN-W6","ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","HiraKakuProN-W6", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;
	font-weight:bold;
	}
.normal{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", 'ＭＳ ゴシック', 'MS Gothic', 'Osaka－等幅', Osaka-mono, monospace, sans-serif;
	font-weight:normal;
	}
.fMin{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.fMinB{
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
}
/*リンク [
#########################################*/
a:link,
a:visited{
	color:#1e3c64;
	text-decoration:underline;
	}

a:active,
a:hover{
	color:#1e3c64;
	text-decoration:underline;
	}
.disabled{
	cursor:default;
}

img {
	border:0;
	vertical-align:top;
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.img100{
	width:100%;
}

.relative{
	position:relative;
	}
/*
.page{
	display: none;
	 }
*/
/*HEADER
#########################################*/
#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:50px;
	background:#fff;
	z-index:100;
	}

/*ロゴ*/
#hLogo{
	float:left;
	width:51px;
	height:40px;
	margin-top:5px;
	margin-left:5px;
	}
#hLogo a{
	display:block;
	}

/*ハンバーガーボタン*/	
#hBtnMenu{
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	padding-top:10px;
	text-align:center;
	z-index:9999;
	}
	
#hBtnMenu span {
	position: absolute;
	top: 0;
	left: 13px;
	display: block;
	width: 24px; /* 横幅 */
	height: 2px; /* 1本辺りの高さ */
	background: #000; /* 線の色 */
	/* 適用するプロパティ、変化する時間、変化する速度 */
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
 
#hBtnMenu .hbBar01 { top: 14px; }
#hBtnMenu .hbBar02 { top: 24px; }
#hBtnMenu .hbBar03 { top: 34px; }

#hBtnMenu.open span{
	background: #000; /* 線の色 */
	}

/* 最上部の線のスタイル ---------------------- */
#hBtnMenu.open .hbBar01 {
  top: 24px; /* 上から2番目の線の位置に変更 */

  /* 線を45度回転 */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 上から2番目の線のスタイル ---------------------- */
#hBtnMenu.open .hbBar02 {
  opacity: 0; /* 不透明度を下げて線を消す */
}

/* 最下部の線のスタイル ---------------------- */
#hBtnMenu.open .hbBar03 {
  top: 24px; /* 上から2番目の線の位置に変更 */

  /* 線を135度回転 */
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#hBtnMenu.open p{}
	
/*nav
#########################################*/
/*gNav*/
#gNav{
	position:absolute;
	display:none;
	width:100%;
	top:50px;
	background:rgba(255,255,255,1);
	border-top:1px solid #000;
	}

#gNav .nav{
	position:relative;
	font-size:124%;/*16px*/
	text-align:center;
	overflow:hidden;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#gNav .nav a{
	display:block;
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#333;
	text-align:center;
	text-decoration:none;
	border-bottom:1px solid #000;
	}
#gNav .select{
	}
#gNav .select a{
	}
#gNav span{
	display:block;
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#ccc;
	text-align:center;
	border-bottom:1px solid #000;
	}



/*pagetop
#########################################*/
#btnPagetop{
	text-align:center;
	background:#000;
	}
#btnPagetop a{
	display:block;
	padding:10px 0;
}


/*SNS*
#########################################*/
#sns{
}
.snsUnit{
	display:block;
	width:100%;
	margin-bottom:50px;
}
.snsUnit .snsIco{
	width:30px;
	margin:0 auto 20px;
}
.snsUnit .snsWrap{
	width:100%;
}



/*footer
#########################################*/
#footer{
	}
#copyright{
	clear:both;
	padding:30px 0;
	font-size:77%;
	text-align:center;
	line-height:1.4;
	letter-spacing:0.1em;
	}
#copyright br{
	display:none;
	}
	
/*contents
#########################################*/

.bg01{
	background:#fafafa;
	}

.secCon{
	padding-top:50px;
	/*margin-bottom:30px;*/
	}

/*ページタイトル*/
.pageTtl{
	font-size:192%;/* 25/30 */
	color:#000;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height:1.2;
	margin-top:100px;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
}
.pageTtlen{
	font-size:93%;
	color:#000;
	font-family: 'Raleway', sans-serif;
	line-height:1.2;
	padding-bottom:50px;
	margin-bottom:50px;
	text-align:center;
	border-bottom:1px solid #ddd;
}

/*タイトル*/
.ttl01{
	font-size:192%;/* 25/30 */
	color:#000;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height:1.2;
	margin-bottom:10px;
	text-align:center;
	font-weight:normal;
}
.ttl01en{
	font-size:93%;
	color:#000;
	font-family: 'Raleway', sans-serif;
	line-height:1.2;
	margin-bottom:30px;
	text-align:center;
}

.ttl02{
	font-size:138%;/* 18/20 */
	color:#000;
	line-height:1.2;
	margin-bottom:50px;
	font-weight:bold;
	position:relative;
}
.ttl02::after{
	content:" ";
	position:absolute;
	width:100%;
	max-width:500px;
	right:0;
	left:0;
	bottom:-10px;
	margin:auto;
	border-bottom:1px #000 solid;
}


/*ボタン*/
.btn01{
	display:block;
	width:100%;
	margin:0 auto;
	font-size:153%;/*20pt*/
	line-height:50px;
	height:50px;
	text-align:center;
	color:#fff !important;
	text-decoration:none;
	border-radius:4px;
	}


/*背景*/
.bg01{
	background:#fff;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	width:100%;
	padding:30px;
}
/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
}

/* for Smartphone 横とか*/
@media screen and (min-width: 480px) {
}



/* for PC*/
@media print, screen and (min-width:768px) {
body{}
.spOnly{display:none;}
.pcOnly{display:block;}

.conFixSP{
	padding-left:0;
	padding-right:0;
}
.conFix{
	max-width:1020px;/*1000px*/
	width: auto !important;
	width: 1020px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}

a:link,
a:visited{
	text-decoration:underline;
	}
a:active,
a:not(.disabled):hover{
	/*color:#999;*/
	text-decoration:none;
	color:#345c8d;
	}

/*text-decorationあり*/
a.linkTdu:link,
a.linkTdu:visited,
.linkTdu a:link,
.linkTdu a:visited{
	text-decoration:underline;
	}
a.linkTdu:active,
a.linkTdu:not(.disabled):hover,
.linkTdu a:active,
.linkTdu a:not(.disabled):hover{
	text-decoration:none;
	}

.hover{
	-webkit-transition: .3s;
	transition: .3s;
	}
.hover:hover {
 	opacity: 0.7;
	-khtml-opacity: .70;
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
 	}

.hover img:hover {
 	filter: alpha(opacity=60);/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
 	}


/*link*/
a.link01{
	text-decoration:none;
	}
a.link01a{
	text-decoration:underline;
	}

/*header
#########################################*/
#header{
	position:fixed !important;
	height:80px;
	}
/*ロゴ*/
#hLogo{
	width:76px;
	height:60px;
	margin-top:10px;
	margin-left:0px;
	}

#hBtnMenu{
	display:none;
	}

/*nav
#########################################*/
/*gNav*/
#gNav{
	position:static;
	display:block !important;
	width:90%;
	text-align:center;
	background:none;
	float:right;
	text-align:right;
	margin-top:10px;
	border-top:none;
	}
#gNav .nav{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:108%;/*14px*/
	text-align:center;
	margin:0;
	padding:0;
	border-bottom:none;
	width:25%;
}
#gNav .nav a{
	padding:0;
	height:60px;
	line-height:60px;
	-webkit-transition: .3s;
	transition: .3s;
	border-bottom:none;
	}
#gNav .nav a:hover {
 	}
#gNav .select a{
	}
#gNav span{
	padding:0;
	height:60px;
	line-height:60px;
	color:#ccc;
	border-bottom:none;
	}
	
/*pagetop
#########################################*/
#btnPagetop a{
	padding:20px 0;
}

/*SNS*
#########################################*/
#sns{
}
.snsUnit{
	display:inline-block;
	width:30%;
	max-width:300px;
	float:left;
	margin-right:30px;
}
.snsUnit:nth-child(3){
	margin-right:0;
}
.snsUnit .snsIco{
}
.snsUnit .snsWrap{
	height:330px;
}



/*footer
#########################################*/
#footer{
	}
#copyright{}
#copyright br{
	display:none;
	}

/*contents
#########################################*/	
#contents{
	/*padding-bottom:50px;*/
	}

.bg01{}

.secCon{
	padding-top:80px;
	}

/*ページタイトル*/
.pageTtl{
	font-size:230%;/* 25/30 */
	margin-top:150px;
}
.pageTtlen{
	margin-bottom:80px;
}
/*タイトル*/
.ttl01{
	font-size:230%;/* 25/30 */
}
.ttl01en{
	margin-bottom:50px;
}
.ttl02{
	font-size:138%;/* 18/20 */
	color:#000;
	line-height:1.2;
	margin-bottom:50px;
	font-weight:bold;
}

/*ボタン*/
.btnW300{
	width:300px;
	}
}