@charset "utf-8";

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


@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap&subset=japanese');


/* 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: "Noto Serif JP", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.fMinB{
	font-family: "Noto Serif JP", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-weight:bold;
}
/*リンク [
#########################################*/
a:link,
a:visited{
	color:#000;
	text-decoration:underline;
	}

a:active,
a:hover{
	color:#000;
	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-color: rgba(255,255,255,0.9);
	z-index:100;
	}

/*ロゴ*/
#hLogo{
	float:left;
	width:138px;
	height:30px;
	margin-top:10px;
	margin-left:10px;
	}
#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;
}
#gNav .nav a,
#gNav .nav span{
	display:block;
	height:50px;
	line-height:50px;
	overflow:hidden;
	color:#333;
	text-align:center;
	text-decoration:none;
	border-bottom:1px solid #000;
	}
#gNav .nav span{
	color:#ccc !important;
	}
#gNav .select{
	}
#gNav .select a{
	}


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




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


/*footer
#########################################*/
#footer{
}

/*お問い合わせ*/
#fContact{
	width:100%;
	background:#f5f5f5;
	margin-top:50px;
	padding:50px 0;
}
.fConTtl{
	color:#333;
	font-size:230%;
	margin:0 auto 30px;
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	letter-spacing:0.2em;
}
.fConWrap{
	background:#fff;
	width:100%;
	max-width:400px;
	margin:0 auto;
	padding:30px 0;
}
.fConUnitCopy{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color:#000;
	font-size:108%;
	text-align:center;
	margin-bottom:10px;
}
.fConUnitTel{
	color:#0071b9 !important;
	max-width:280px;
	font-size:230%;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	line-height:30px;
	background-image:url(../images/ico_tel.png);
	background-size:20px 20px;
	background-position:left 5px top 50%;
	background-repeat:no-repeat;
	margin:0 auto 15px;
	padding-left:30px;
	text-align:center;
	text-decoration:none !important;
}
.fConUnitTel a{
	color:#0071b9 !important;
	text-decoration:none !important;
}
.fConUnitTel small{
	font-size: 50%;
}
/*for Retina*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
.fConUnitTel{
	background-image:url(../images/ico_tel_2x.png);
}
}
.fConUnitMail{
	background:#0071b9;
	width:100%;
	max-width:300px;
	margin:0 auto;
}
.fConUnitMail a{
	display:block;
	text-decoration:none !important;
	width:100%;
	color:#fff !important;
	font-size:108%;
	font-weight:bold;
	text-align:center;
	line-height:50px;
	background-image:url(../images/ico_mail.png);
	background-size:24px 16px;
	background-position:left 10px top 50%;
	background-repeat:no-repeat;
	position:relative;
}
.fConUnitMail a::after{
	content: '';
	width: 7px;
	height: 7px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top:-4px;
}

/*copyright*/
#copyright{
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	clear:both;
	color:#000;
	padding:20px 0;
	font-size:77%;
	text-align:center;
	line-height:1.4;
}
#copyright br{
	display:none;
}



/*contents
#########################################*/
#contents{
	padding-top:50px;
	}
/*ヘッダ分アンカーずれ解消*/
.anchor{
	display:block;
    padding-top: 50px;
    margin-top: -50px;
}
.secCon{
	padding-top:50px;
	}


/*ページタイトル*/
.pageTtlBg{
	background:#f5f5f5;
	padding:50px 0;
	margin-bottom:50px;
	width:100%;
	}
.pageTtlen{
	color:#333;
	font-size:30px;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	line-height:1.2;
	margin-bottom:5px;
	text-align:center;
	letter-spacing:0.2em;
}
.pageTtljp{
	color:#666;
	font-size:12;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	line-height:1.2;
	text-align:center;
}

/*文字色*/
.col01{
	color:#C00;
}





/*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:#000;
	}

/*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,
#gNav .nav a{
	-webkit-transition: .3s;
	transition: .3s;
	}
.hover:hover,
#gNav .nav a: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:130px;
	}
/*ロゴ*/
#hLogo{
	float:none;
	width:100%;
	height:50px;
	margin-top:15px;
	margin-left:0px;
	}

#hBtnMenu{
	display:none;
	}

/*nav
#########################################*/
/*gNav*/
#gNav{
	position:static;
	display:block !important;
	width:100%;
	text-align:center;
	background:none;
	margin-top:20px;
	border-top:none;
	overflow:hidden;
	height:50px;
	}
#gNav .nav{
	display:inline-block;
	*display:inline;
	*zoom:1;
	font-size:108%;/*14px*/
	text-align:center;
	margin-right:20px;
	padding:0;
	border-bottom:none;
	width:200px;
}
#gNav .nav a,
#gNav .nav span{
	padding:0;
	height:40px;
	line-height:40px;
	-webkit-transition: .3s;
	transition: .3s;
	color:#000;
	border-bottom:none;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	},
#gNav .nav span{
	color:#ccc !important;
	}
#gNav .nav a:hover {
 	}
#gNav .select a{
	}

/*pagetop
#########################################*/
#btnPagetop a{
	padding:20px 0;
}



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



/*footer
#########################################*/
#footer{
}

#copyright{}
#copyright br{
	display:none;
}

/*contents
#########################################*/	
#contents{
	padding-top:130px;
	}
/*ヘッダ分アンカーずれ解消*/
.anchor{
    padding-top: 130px;
    margin-top: -130px;
}
.secCon{
	padding-top:80px;
	}


/*ページタイトル*/
.pageTtl{
	font-size:230%;/* 24/30 */
	letter-spacing:0.3em;
	padding-top:80px;
}
.pageTtlEn{
	margin-bottom:50px;
	letter-spacing:0.3em;
}


/*パンくず*/
.crumbList{
	width:100%;
}
.crumbList ul{
	max-width:1020px;/*1000px*/
	width: auto !important;
	width: 1020px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-left:10px;
	padding-right:10px;
}



/*タイトル*/
.ttl01{
	font-size:307%;/* 30/40 */
	letter-spacing:0.3em;
}
.ttl01jp{
	margin-bottom:50px;
	letter-spacing:0.3em;
}
.ttl02{
	font-size:153%;/* 18/20 */
}

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